/* Start:/local/templates/2024/libs/dropzone/dropzone.css?17268670974772*/
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */

/* End */


/* Start:/local/templates/2024/libs/fancybox/fancybox.css?174616528925343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/2024/css/style.full.css?1750852336480726*/
@charset "UTF-8";
@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;
  --transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --rem: .625rem;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  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 {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  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: '';
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  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 {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  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 {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  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-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  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-prev, .swiper-button-next {
  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: -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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
  display: none !important
}

.swiper-button-prev svg, .swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  transform-origin: center
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  -webkit-transform: rotate(180deg);
  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-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev: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;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  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-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  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 {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  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, 0.2)
}

button.swiper-pagination-bullet {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.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%;
  -webkit-transform: translateX(-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 {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 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-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  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, 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  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 {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  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;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  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: 0;
  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;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .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 {
  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-top, .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 {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0
}

.glightbox-container.inactive {
  display: none
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  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;
  opacity: 0
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999
}

.glightbox-container .gslide-inner-content {
  width: 100%
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  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;
  max-width: 100%;
  margin: auto;
  height: 100vh
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important
}

.gslide iframe, .gslide video {
  outline: 0 !important;
  border: 0;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto
}

.gslide:not(.current) {
  pointer-events: none
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: 0;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
  width: auto
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
  width: auto;
  max-width: 100%
}

.gslide-image img.zoomable {
  position: relative
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto
}

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, .34);
  display: none
}

.gslide-video.playing::before {
  display: none
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%
}

.gslide-description.description-left, .gslide-description.description-right {
  max-width: 100%
}

.gslide-description.description-bottom, .gslide-description.description-top {
  margin: 0 auto;
  width: 100%
}

.gslide-description p {
  margin-bottom: 12px
}

.gslide-description p:last-child {
  margin-bottom: 0
}

.zoomed .gslide-description {
  display: none
}

.glightbox-button-hidden {
  display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .75)));
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%);
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  padding-bottom: 50px
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1
}

.greset {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.gabsolute {
  position: absolute
}

.grelative {
  position: relative
}

.glightbox-desc {
  display: none !important
}

.glightbox-open {
  overflow: hidden
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity
}

.glightbox-mobile .goverlay {
  background: #000
}

.gclose, .gnext, .gprev {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.gclose svg, .gnext svg, .gprev svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
  opacity: .1
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
  stroke: #fff
}

.gbtn.focused {
  outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
  opacity: 0
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
  opacity: 0 !important
}

.glightbox-clean .gslide-description {
  background: #fff
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em
}

.glightbox-clean .gslide-desc {
  font-size: .86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em
}

.glightbox-clean .gslide-video {
  background: #000
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, .75);
  border-radius: 4px
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
  fill: #fff
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto
}

.glightbox-clean .gclose:hover {
  opacity: 1
}

.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease
}

.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease
}

.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease
}

.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease
}

.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease
}

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease
}

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes gfadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes gfadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes gfadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes gfadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@-webkit-keyframes gslideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0)
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes gslideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0)
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes gslideOutLeft {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden
  }
}

@keyframes gslideOutLeft {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden
  }
}

@-webkit-keyframes gslideInRight {
  0% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes gslideInRight {
  0% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes gslideOutRight {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0
  }
}

@keyframes gslideOutRight {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0
  }
}

@-webkit-keyframes gzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 1
  }
}

@keyframes gzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes gzoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}

@keyframes gzoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .gslide-image img {
    max-height: 97vh;
    max-width: 100%
  }

  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
  }

  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab
  }

  .gslide-inline {
    max-height: 95vh
  }

  .gslide-external {
    max-height: 100vh
  }

  .gslide-description.description-left, .gslide-description.description-right {
    max-width: 275px
  }

  .glightbox-open {
    height: auto
  }

  .goverlay {
    background: rgba(0, 0, 0, .92)
  }

  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
  }

  .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto
  }

  .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, .32)
  }

  .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: rgba(0, 0, 0, .7)
  }

  .glightbox-clean .gprev {
    top: 45%
  }

  .glightbox-clean .gnext {
    top: 45%
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: .7;
    right: 20px
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000
  }
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.dropzone, .dropzone * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.dropzone {
  min-height: 150px;
  border: 1px solid rgba(0, 0, 0, .8);
  border-radius: 5px;
  padding: 20px 20px
}

.dropzone.dz-clickable {
  cursor: pointer
}

.dropzone.dz-clickable * {
  cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer
}

.dropzone.dz-started .dz-message {
  display: none
}

.dropzone.dz-drag-hover {
  border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
  opacity: .5
}

.dropzone .dz-message {
  text-align: center;
  margin: 3em 0
}

.dropzone .dz-message .dz-button {
  background: 0 0;
  color: inherit;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px
}

.dropzone .dz-preview:hover {
  z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
  background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
  background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: 0
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, .9);
  line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, .8);
  background-color: rgba(255, 255, 255, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, .4);
  padding: 0 .4em;
  border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10
}

.dropzone .dz-preview .dz-image img {
  display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
  animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
  animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
  background: rgba(0, 0, 0, .8);
  border-radius: 50%
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
  fill: #fff
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 15%;
  right: 15%;
  border: 3px solid rgba(0, 0, 0, .8);
  background: rgba(0, 0, 0, .8);
  border-radius: 10px;
  overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #fff;
  display: block;
  position: relative;
  height: 100%;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
  border-radius: 17px
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #b10606;
  padding: .5em 1em;
  color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #b10606
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (forced-colors: active) {
  .ps {
    overflow: auto !important
  }
}

.about-content {
  margin-bottom: 52px
}

.about-content__title {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: .03em;
  text-align: center;
  margin-bottom: 22px
}

.about-content__text p {
  margin-bottom: 11px
}

.about-content__text > :last-child {
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .about-content {
    padding-top: 0;
    margin-bottom: 45px
  }

  .about-content__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
  }

  .about-content__title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0;
    width: 480px;
    max-width: 100%;
    margin: 0 auto 16px
  }

  .about-content__text {
    letter-spacing: 0;
    margin-bottom: 27px;
    font-size: 16px;
    line-height: 23px
  }

  .about-content__text p {
    margin-bottom: 13px
  }
}

@media (max-width: 767px) {
  .about-content {
    margin-bottom: 23px
  }

  .about-content__title {
    width: 310px;
    font-size: 18px;
    line-height: 120.023%;
    margin-bottom: 11px
  }

  .about-content__text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px
  }

  .about-content__text p {
    margin-bottom: 8px
  }
}

.about-hero {
  margin-bottom: 50px
}

.about-hero__inner {
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  overflow: hidden;
  background-color: #e9dedb;
  position: relative
}

.about-hero__inner:before {
  content: '';
  display: block;
  width: 820px;
  border-radius: 10px 0 0 10px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(59, 76, 111, .37)), color-stop(57.28%, rgba(89, 100, 140, .31)), to(rgba(69, 71, 138, 0)));
  background: linear-gradient(90deg, rgba(59, 76, 111, .37) 0, rgba(89, 100, 140, .31) 57.28%, rgba(69, 71, 138, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.about-hero__content {
  padding: 45px 49px 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  position: relative
}

.about-hero__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 15px
}

.about-hero__text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px
}

.about-hero__button.btn {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  margin-top: auto;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  min-width: 223px;
  padding: 14px 16px 13px;
  background: #cde080
}

.about-hero__button.btn, .about-hero__button.btn:hover, .about-hero__button.btn:focus {
  color: #171717
}

.about-hero__image {
  margin-right: 33px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.about-hero__image-mobile {
  display: none
}

@media (max-width: 1470px) {
  .about-hero__image {
    height: 90%;
    margin-top: auto
  }

  .about-hero__content {
    max-width: 320px
  }
}

@media (max-width: 1199px) {
  .about-hero {
    margin-top: 18px;
    margin-bottom: 53px
  }

  .about-hero__inner {
    border-radius: 5px;
    min-height: 677px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #1f1f1f
  }

  .about-hero__inner:before {
    content: unset;
    display: none
  }

  .about-hero__content {
    max-width: 600px;
    padding: 31px 30px 42px;
    background: 0 0;
    margin-bottom: 5px
  }

  .about-hero__title {
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .03em;
    margin-bottom: 16px
  }

  .about-hero__text {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0
  }

  .about-hero__button.btn {
    display: none
  }

  .about-hero__image {
    margin: 0;
    display: none
  }

  .about-hero__image-mobile {
    display: block
  }

  .about-hero__image-mobile {
    margin-top: auto
  }
}

@media (max-width: 767px) {
  .about-hero {
    margin-top: 10px;
    margin-bottom: 31px
  }

  .about-hero__inner {
    border-radius: 8px;
    min-height: 333px
  }

  .about-hero__content {
    width: 380px;
    max-width: 100%;
    padding: 29px 14px 0;
    margin-bottom: 6px
  }

  .about-hero__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 119.023%;
    letter-spacing: 0;
    margin-bottom: 9px
  }

  .about-hero__text {
    font-size: 14px;
    line-height: 135%
  }

  .about-hero__text br {
    display: none
  }
}

.about-photos {
  padding-bottom: 89px
}

.about-photos__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 1.1em;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  line-height: 1.2;
  color: #1e1e1e;
  font-size: 30px
}

.about-photos-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 35px
}

.about-photos-slider-wrapper {
  position: relative
}

.about-photos-slider-wrapper .swiper-button-prev, .about-photos-slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.about-photos-slider-wrapper .swiper-button-prev:after, .about-photos-slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.about-photos-slider-wrapper .swiper-button-prev.swiper-button-disabled, .about-photos-slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.about-photos-slider-wrapper .swiper-button-prev {
  left: -26px
}

.about-photos-slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.about-photos-slider-wrapper .swiper-button-next {
  right: -26px
}

.about-photos-slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .about-photos-slider-wrapper .swiper-button-prev, .about-photos-slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .about-photos-slider-wrapper .swiper-button-prev:after, .about-photos-slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .about-photos-slider-wrapper .swiper-button-next {
    right: 8px
  }

  .about-photos-slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.about-photos__text {
  margin-top: 43px;
  font-size: 16px;
  line-height: 23px
}

.about-photos__text p {
  margin-bottom: 11px
}

.about-photos__text p:last-child {
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .about-photos {
    padding-bottom: 46px;
    overflow: hidden
  }

  .about-photos__title {
    font-size: 28px;
    line-height: 1.05em;
    margin-bottom: 28px
  }

  .about-photos__text {
    margin-top: 31px;
    font-size: 16px;
    line-height: 144.187%
  }

  .about-photos__text p {
    margin-bottom: 12px
  }

  .about-photos-slider {
    margin-left: -15px;
    margin-right: -15px;
    gap: 27px
  }

  .about-photos-slider-wrapper .swiper-button-prev, .about-photos-slider-wrapper .swiper-button-next {
    display: none
  }

  .about-photos-slider-wrapper .swiper {
    overflow: visible
  }

  .about-photos-slider-wrapper .swiper-wrapper {
    margin-right: -30px;
    padding-right: 30px;
    overflow-x: auto;
    width: auto
  }

  .about-photos-slider-wrapper .swiper-slide {
    width: 554px;
    height: auto;
    margin-right: 30px
  }
}

@media (max-width: 767px) {
  .about-photos {
    padding-bottom: 43px
  }

  .about-photos__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 18px
  }

  .about-photos__text {
    font-size: 14px;
    line-height: 143.023%;
    margin-top: 21px
  }

  .about-photos__text p {
    margin-bottom: 10px
  }

  .about-photos-slider {
    margin-left: -9px;
    margin-right: -8px;
    gap: 16px
  }

  .about-photos-slider-wrapper .swiper-wrapper {
    margin-right: -17px;
    padding-right: 17px
  }

  .about-photos-slider-wrapper .swiper-slide {
    width: 287px;
    height: auto;
    margin-right: 17px
  }
}

.about-photos-img {
  font-size: 0;
  line-height: 0;
  border-radius: 5px
}

@media (max-width: 1199px) {
  .about-photos-img {
    padding-left: 15px;
    padding-right: 15px
  }
}

@media (max-width: 767px) {
  .about-photos-img {
    padding-left: 9px;
    padding-right: 8px
  }
}

.about-team {
  overflow: hidden;
  margin-bottom: 48px
}

@media (max-width: 1199px) {
  .about-team {
    margin-bottom: 46px
  }
}

@media (max-width: 767px) {
  .about-team {
    margin-bottom: 38px
  }
}

.about-team-group {
  margin-top: 46px
}

.about-team-group:first-child {
  margin-top: 0
}

.about-team-group__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 1.1em;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  line-height: 1.2;
  color: currentColor;
  font-size: 30px
}

.about-team-group__slider-wrapper {
  width: 100%;
  position: relative
}

.about-team-group__slider-wrapper .swiper-button-prev, .about-team-group__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.about-team-group__slider-wrapper .swiper-button-prev:after, .about-team-group__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.about-team-group__slider-wrapper .swiper-button-prev.swiper-button-disabled, .about-team-group__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.about-team-group__slider-wrapper .swiper-button-prev {
  left: -26px
}

.about-team-group__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.about-team-group__slider-wrapper .swiper-button-next {
  right: -26px
}

.about-team-group__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .about-team-group__slider-wrapper .swiper-button-prev, .about-team-group__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .about-team-group__slider-wrapper .swiper-button-prev:after, .about-team-group__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .about-team-group__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .about-team-group__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.about-team-group__slider-wrapper .swiper-button-prev, .about-team-group__slider-wrapper .swiper-button-next {
  margin-top: -65px
}

.about-team-group__slider {
  margin-left: -18px;
  margin-right: -18px
}

.about-team-group .swiper {
  width: 100%
}

@media (max-width: 1199px) {
  .about-team-group {
    margin-top: 37px
  }

  .about-team-group__title {
    font-size: 28px;
    line-height: 1.05em;
    margin-bottom: 27px
  }

  .about-team-group__slider {
    margin-left: -13px;
    margin-right: -13px
  }

  .about-team-group__slider-wrapper .swiper-button-prev, .about-team-group__slider-wrapper .swiper-button-next {
    display: none
  }

  .about-team-group__slider-wrapper .swiper {
    overflow: visible
  }

  .about-team-group__slider-wrapper .swiper-wrapper {
    margin-right: -26px;
    padding-right: 26px;
    overflow-x: auto;
    width: auto
  }

  .about-team-group__slider-wrapper .swiper-slide {
    width: 290px;
    height: auto
  }
}

@media (max-width: 767px) {
  .about-team-group {
    margin-top: 16px;
    margin-top: 22px
  }

  .about-team-group__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px
  }

  .about-team-group__slider {
    margin-left: -9px;
    margin-right: -9px
  }

  .about-team-group__slider-wrapper .swiper-wrapper {
    margin-right: -18px;
    padding-right: 18px
  }

  .about-team-group__slider-wrapper .swiper-slide {
    width: 227px;
    height: auto
  }
}

.about-team-item {
  padding: 0 18px;
  width: 296px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.about-team-item__image {
  font-size: 0;
  line-height: 0;
  margin-bottom: 15px
}

.about-team-item__image img {
  border-radius: 5px
}

.about-team-item__name {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: #1e1e1e
}

.about-team-item__post {
  font-size: 14px;
  line-height: 1.35em;
  font-weight: 400;
  color: #757575;
  margin-top: 4px
}

@media (max-width: 1199px) {
  .about-team-item {
    width: 290px;
    padding-left: 13px;
    padding-right: 13px
  }

  .about-team-item__image {
    margin-bottom: 11px
  }

  .about-team-item__image img {
    width: 100%
  }
}

@media (max-width: 767px) {
  .about-team-item {
    width: 227px;
    padding-left: 9px;
    padding-right: 9px
  }

  .about-team-item__image {
    margin-bottom: 9px
  }

  .about-team-item__name {
    font-size: 14px;
    line-height: 20px
  }

  .about-team-item__post {
    font-size: 10px;
    line-height: 14px;
    margin-top: 2px
  }
}

.actionForm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 767px) {
  .actionForm {
    padding: 30px 13px
  }
}

.actionForm.active {
  opacity: 1;
  visibility: visible
}

.actionForm__bg {
  background-color: #383838a3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.actionForm__main {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  max-width: 1100px;
  padding: 44px 68px 54px 69px;
  max-height: 100%;
  overflow-y: auto
}

@media (max-width: 1199px) {
  .actionForm__main {
    padding: 29px 41px 28px 41px;
    width: 699px;
    max-width: 100%
  }
}

@media (max-width: 767px) {
  .actionForm__main {
    width: 334px;
    padding: 19px 21px 22px 21px
  }
}

.actionForm__close {
  width: 46px;
  height: 46px;
  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;
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: 25px
}

@media (max-width: 1199px) {
  .actionForm__close {
    width: 36px;
    height: 36px;
    right: 22px
  }
}

@media (max-width: 767px) {
  .actionForm__close {
    width: 23px;
    height: 23px;
    right: 12px;
    top: 10px
  }
}

.actionForm__close img {
  display: block;
  width: 100%
}

.actionForm__head {
  margin-bottom: 35px
}

@media (max-width: 1199px) {
  .actionForm__head {
    margin-bottom: 27px;
    max-width: 90%
  }
}

@media (max-width: 767px) {
  .actionForm__head {
    margin-bottom: 19px
  }
}

.actionForm__head h3 {
  margin: 0 0 11px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px
}

@media (max-width: 1199px) {
  .actionForm__head h3 {
    font-size: 26px;
    line-height: 27px;
    margin: 0 0 19px 0
  }
}

@media (max-width: 767px) {
  .actionForm__head h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 6px
  }
}

.actionForm__head p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .actionForm__head p {
    font-size: 18px;
    line-height: 25px
  }
}

@media (max-width: 767px) {
  .actionForm__head p {
    font-size: 12px;
    line-height: 16px
  }
}

.actionForm__input {
  margin-bottom: 18px
}

@media (max-width: 1199px) {
  .actionForm__input {
    margin-bottom: 22px
  }
}

@media (max-width: 767px) {
  .actionForm__input {
    margin-bottom: 10px
  }
}

.actionForm__input input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
  border: 1.5px solid #aeaeae;
  background: #fff;
  width: 100%;
  padding: 18px 28px 15px;
  font-weight: 400;
  font-size: 16px
}

.actionForm__input input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (max-width: 1199px) {
  .actionForm__input input {
    font-size: 14px;
    line-height: 16px;
    padding: 16px 21px
  }
}

@media (max-width: 767px) {
  .actionForm__input input {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 19px
  }
}

.actionForm__input input::-webkit-input-placeholder {
  color: #1e1e1e
}

.actionForm__input input::-moz-placeholder {
  color: #1e1e1e
}

.actionForm__input input:-ms-input-placeholder {
  color: #1e1e1e
}

.actionForm__input input::-ms-input-placeholder {
  color: #1e1e1e
}

.actionForm__input input::placeholder {
  color: #1e1e1e
}

.actionForm__textarea {
  margin-bottom: 31px
}

@media (max-width: 1199px) {
  .actionForm__textarea {
    margin-bottom: 23px
  }
}

@media (max-width: 767px) {
  .actionForm__textarea {
    margin-bottom: 15px
  }
}

.actionForm__textarea textarea {
  min-height: 126px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
  border: 1.5px solid #aeaeae;
  background: #fff;
  width: 100%;
  padding: 14px 29px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.actionForm__textarea textarea:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (max-width: 1199px) {
  .actionForm__textarea textarea {
    font-size: 14px;
    line-height: 16px;
    padding: 15px 23px;
    min-height: 135px;
    border-radius: 5px
  }
}

@media (max-width: 767px) {
  .actionForm__textarea textarea {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 19px;
    min-height: 90px
  }
}

.actionForm__textarea textarea::-webkit-input-placeholder {
  color: #1e1e1e
}

.actionForm__textarea textarea::-moz-placeholder {
  color: #1e1e1e
}

.actionForm__textarea textarea:-ms-input-placeholder {
  color: #1e1e1e
}

.actionForm__textarea textarea::-ms-input-placeholder {
  color: #1e1e1e
}

.actionForm__textarea textarea::placeholder {
  color: #1e1e1e
}

.actionForm__inputFile {
  margin-bottom: 43px;
  text-align: left
}

@media (max-width: 1199px) {
  .actionForm__inputFile {
    margin-bottom: 27px
  }
}

@media (max-width: 767px) {
  .actionForm__inputFile {
    display: none
  }
}

.actionForm__inputFile.active label p {
  color: #89b81a
}

.actionForm__inputFile input {
  display: none
}

.actionForm__inputFile label {
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 10px;
  background: #e6e6e6;
  padding: 12px 16px 12px 12px;
  cursor: pointer
}

@media (max-width: 1199px) {
  .actionForm__inputFile label {
    padding: 10px 15px 9px 12px;
    border-radius: 5px
  }
}

.actionForm__inputFile label p {
  margin-bottom: -3px;
  line-height: 145.023%;
  letter-spacing: .48px;
  font-size: 16px;
  font-weight: 400
}

@media (max-width: 1199px) {
  .actionForm__inputFile label p {
    font-size: 14px;
    line-height: 20px
  }
}

.icon___inputFile {
  width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 14px
}

@media (max-width: 1199px) {
  .icon___inputFile {
    width: 34px;
    height: 34px;
    margin-right: 23px
  }
}

.actionForm__inputChecked {
  margin-bottom: 39px;
  text-align: left
}

@media (max-width: 1199px) {
  .actionForm__inputChecked {
    margin-bottom: 19px
  }
}

@media (max-width: 767px) {
  .actionForm__inputChecked {
    margin-bottom: 22px
  }
}

.actionForm__inputChecked input {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

.actionForm__inputChecked input:checked + label:after {
  opacity: 1;
  visibility: visible
}

.actionForm__inputChecked label {
  font-size: 16px;
  line-height: 19px;
  position: relative;
  padding-left: 46px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (max-width: 1199px) {
  .actionForm__inputChecked label {
    font-size: 16px;
    padding-left: 40px
  }
}

@media (max-width: 767px) {
  .actionForm__inputChecked label {
    font-size: 10px;
    line-height: 14px;
    padding-top: 4px;
    padding-left: 35px;
    display: block
  }
}

.actionForm__inputChecked label:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid #888;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1199px) {
  .actionForm__inputChecked label:before {
    width: 26px;
    height: 26px;
    top: 7px
  }
}

@media (max-width: 767px) {
  .actionForm__inputChecked label:before {
    width: 24px;
    height: 24px;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.actionForm__inputChecked label:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1785 1.08862L6.08984 6.17725L1.00122 1.08862' stroke='%23454545' stroke-width='1.5'/%3E%3C/svg%3E");
  width: 12px;
  height: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 1199px) {
  .actionForm__inputChecked label:after {
    left: 5px;
    top: 8px;
    width: 12px;
    height: 8px
  }
}

@media (max-width: 767px) {
  .actionForm__inputChecked label:after {
    top: 12px;
    left: 6px;
    width: 11px;
    height: 6px
  }
}

.actionForm__inputChecked label a {
  color: #89b81a
}

.actionForm__submit .btn {
  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;
  width: 258px;
  height: 51px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #1e1e1e
}

@media (max-width: 1199px) {
  .actionForm__submit .btn {
    width: 206px;
    height: 44px
  }
}

@media (max-width: 767px) {
  .actionForm__submit .btn {
    width: 141px;
    height: 31px;
    font-size: 12px;
    line-height: 17px
  }
}

.actionForm__form {
  text-align: center
}

.actionForm__form .btn-gradient button {
  padding: 18px 100px !important;
  font-size: 18px !important
}

@media (max-width: 1199px) {
  .actionForm__form .btn-gradient button {
    padding: 16px 70px !important;
    font-size: 16px !important
  }
}

@media (max-width: 767px) {
  .actionForm__form .btn-gradient button {
    padding: 10px 50px !important;
    font-size: 12px !important;
    border-radius: 5px
  }
}

.block_accardion__main {
  margin-bottom: 114px
}

@media (max-width: 1199px) {
  .block_accardion__main {
    margin-bottom: 55px
  }
}

@media (max-width: 767px) {
  .block_accardion__main {
    margin-bottom: 45px
  }
}

.block_accardion__main > p {
  color: #858383;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 32px 0
}

@media (max-width: 1199px) {
  .block_accardion__main > p {
    font-size: 16px;
    margin: 0 0 26px 0;
    position: relative;
    color: transparent
  }
}

@media (max-width: 767px) {
  .block_accardion__main > p {
    margin: -10px 0 0 0
  }
}

@media (max-width: 1199px) {
  .block_accardion__main > p:before {
    color: #858383;
    content: 'Нажмите, что бы читать подробнее ';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center
  }
}

@media (max-width: 767px) {
  .block_accardion__main > p:before {
    font-size: 12px
  }
}

.block_accardion__grid {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-grid;
  display: grid;
  position: relative;
  grid-template-columns:repeat(auto-fill, minmax(17%, 1fr));
  grid-gap: 28px 26px
}

@media (max-width: 1199px) {
  .block_accardion__grid {
    grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 27px
  }
}

@media (max-width: 767px) {
  .block_accardion__grid {
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 16px
  }
}

.block_accardion__grid li .block_accardion_link {
  color: #1e1e1e;
  background-color: #f6f6f6;
  border-radius: 5px;
  text-align: center;
  padding: 21px 10px 20px 10px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 18px;
  line-height: 21px
}

@media (max-width: 1199px) {
  .block_accardion__grid li .block_accardion_link {
    padding: 20px 10px;
    border-radius: 5px
  }
}

@media (max-width: 767px) {
  .block_accardion__grid li .block_accardion_link {
    padding: 14px 10px;
    border-radius: 5px;
    font-size: 16px
  }
}

.block_accardion__grid li .block_accardion_link:hover {
  background-color: #e9e8e8
}

.block_accardion_link.active {
  background-color: #adcd5f !important;
  color: #1e1e1e !important
}

.block_accardion_content {
  display: none;
  position: relative;
  left: 0;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #8f8f8f;
  background: #fff;
  padding: 24px 28px 16px 28px;
  margin-top: 8px;
  margin-bottom: 2px
}

@media (max-width: 1199px) {
  .block_accardion_content {
    border-radius: 5px;
    padding: 20px 28px 16px 37px;
    margin-top: 14px;
    margin-bottom: 16px
  }
}

@media (max-width: 767px) {
  .block_accardion_content {
    margin-top: 0;
    border-radius: 5px;
    padding: 12px 15px 12px 15px;
    margin-bottom: 5px
  }
}

.block_accardion_content .block_accardion_contentClose {
  position: absolute;
  top: 13px;
  right: 13px;
  cursor: pointer
}

@media (max-width: 767px) {
  .block_accardion_content .block_accardion_contentClose {
    top: 9px;
    right: 11px
  }
}

.block_accardion_content .block_accardion_contentClose img {
  width: 29px;
  height: 29px
}

@media (max-width: 767px) {
  .block_accardion_content .block_accardion_contentClose img {
    width: 23px;
    height: 23px
  }
}

.block_accardion_content .block_accardion_contentTxt h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin: 0 0 17px
}

@media (max-width: 1199px) {
  .block_accardion_content .block_accardion_contentTxt h3 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 18px
  }
}

@media (max-width: 767px) {
  .block_accardion_content .block_accardion_contentTxt h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 11px
  }
}

.block_accardion_content .block_accardion_contentTxt ul {
  padding: 0;
  margin: 0;
  letter-spacing: .03em
}

@media (max-width: 1199px) {
  .block_accardion_content .block_accardion_contentTxt ul {
    letter-spacing: 0
  }
}

@media (max-width: 767px) {
  .block_accardion_content .block_accardion_contentTxt ul {
    font-size: 14px;
    line-height: 143.023%;
    letter-spacing: 0
  }
}

.block_accardion_content .block_accardion_contentTxt ul li {
  list-style: none;
  position: relative;
  padding-left: 14px
}

.block_accardion_content .block_accardion_contentTxt ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  background: currentColor;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0
}

@media (max-width: 1199px) {
  .block_accardion_content .block_accardion_contentTxt ul li {
    padding-left: 17px;
    margin-bottom: 8px
  }
}

@media (max-width: 767px) {
  .block_accardion_content .block_accardion_contentTxt ul li {
    padding-left: 13px;
    margin-bottom: 0
  }
}

.block_accardion_content.active {
  display: block;
  grid-column: 1/-1
}

@media (max-width: 480px) {
  .block-brand {
    overflow: hidden
  }
}

.block_brand__list {
  list-style: none;
  display: -ms-grid;
  display: grid;
  padding-left: 0;
  grid-gap: 10px 66px;
  grid-template-columns:repeat(auto-fill, minmax(12%, 1fr));
  margin-bottom: 84px
}

@media (max-width: 768px) {
  .block_brand__list {
    grid-template-columns:repeat(auto-fill, minmax(12%, 1fr));
    margin-bottom: 54px;
    grid-gap: 10px 31px
  }
}

@media (max-width: 480px) {
  .block_brand__list {
    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: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -22px -33px 47px 0;
    grid-gap: 0
  }
}

.block_brand__list li {
  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
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(1) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(1) img {
    max-width: 120px
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(2) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(2) img {
    max-width: 60px
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(3) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(3) img {
    max-width: 86px
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(4) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(4) img {
    max-width: 86px
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(5) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(5) img {
    max-width: 49px
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(6) {
    padding: 22px 33px 0 0
  }
}

@media (max-width: 480px) {
  .block_brand__list li:nth-child(6) img {
    max-width: 132px
  }
}

.block-sliders h4 {
  font-size: 30px;
  text-align: center;
  margin: 0 0 32px;
  font-weight: 500;
  line-height: 36px
}

@media (max-width: 1199px) {
  .block-sliders h4 {
    margin-bottom: 13px;
    font-size: 28px
  }
}

@media (max-width: 767px) {
  .block-sliders h4 {
    font-size: 18px;
    margin-bottom: 4px;
    line-height: 22px
  }
}

.block-sliders__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 96px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (max-width: 1200px) {
  .block-sliders__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 64px
  }
}

@media (max-width: 480px) {
  .block-sliders__main {
    margin-bottom: 40px
  }
}

.block-sliders__mainWrapper {
  position: relative
}

@media (max-width: 1199px) {
  .block-sliders__mainWrapper {
    max-width: 100%;
    width: 100%
  }
}

.block-sliders__mainWrapper picture {
  height: 348px;
  border-radius: 5px;
  overflow: hidden
}

@media (max-width: 1199px) {
  .block-sliders__mainWrapper picture {
    height: 590px
  }
}

@media (max-width: 767px) {
  .block-sliders__mainWrapper picture {
    height: 277px
  }
}

.block-sliders__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 22;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% + 52px)
}

@media (max-width: 1199px) {
  .block-sliders__nav {
    width: calc(100% + 48px)
  }
}

@media (max-width: 767px) {
  .block-sliders__nav {
    width: 100%;
    padding: 0 10px
  }
}

.block-sliders__slider {
  max-width: 710px
}

@media (max-width: 1200px) {
  .block-sliders__slider {
    max-width: 100%
  }
}

.block-sliders__mainWrapper {
  margin-right: 69px
}

@media (max-width: 1199px) {
  .block-sliders__mainWrapper {
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.block-sliders__nav div {
  width: 51px;
  height: 51px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
  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;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 768px) {
  .block-sliders__nav div {
    width: 43px;
    height: 43px
  }
}

@media (min-width: 320px) and (max-width: 620px) {
  .block-sliders__nav div {
    width: 31px;
    height: 31px
  }
}

.block-sliders__nav div.swiper-button-disabled {
  pointer-events: none;
  opacity: .6
}

.block-sliders__nav div:hover {
  -webkit-box-shadow: 0 2px 9px transparent;
  box-shadow: 0 2px 9px transparent
}

.block-sliders__nav div svg {
  fill: none
}

@media (min-width: 320px) and (max-width: 620px) {
  .block-sliders__nav div svg {
    width: 11px;
    height: 11px
  }
}

.block-sliders__nav div:nth-child(2) svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.block-sliders__content {
  padding-top: 7px
}

@media (max-width: 1199px) {
  .block-sliders__content {
    font-size: 16px;
    margin-bottom: 29px
  }
}

@media (max-width: 767px) {
  .block-sliders__content {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px
  }
}

.block-sliders__content p {
  margin-bottom: 1.4em
}

@media (max-width: 1199px) {
  .block-sliders__content p {
    margin-bottom: .75em
  }
}

@media (max-width: 767px) {
  .block-sliders__content p {
    margin-bottom: .85em
  }
}

.block-sliders__content div {
  max-width: 550px
}

.block-sliders__content ul {
  padding-left: 0;
  list-style: none;
  counter-reset: item;
  margin-bottom: 1.4em
}

@media (max-width: 1199px) {
  .block-sliders__content ul {
    margin-bottom: .7em
  }
}

@media (max-width: 767px) {
  .block-sliders__content ul {
    margin-bottom: 1em
  }
}

.block-sliders__content ul li {
  padding-left: 36px;
  position: relative
}

@media (max-width: 1199px) {
  .block-sliders__content ul li {
    padding-left: 30px
  }
}

@media (max-width: 767px) {
  .block-sliders__content ul li {
    padding-left: 24px
  }
}

.block-sliders__content ul li:not(:last-child) {
  margin-bottom: 15px
}

@media (max-width: 1199px) {
  .block-sliders__content ul li:not(:last-child) {
    margin-bottom: 11px
  }
}

@media (max-width: 767px) {
  .block-sliders__content ul li:not(:last-child) {
    margin-bottom: 12px
  }
}

.block-sliders__content ul li:before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #adcd5f;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  font-size: 16px;
  color: #fff;
  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;
  line-height: 0
}

@media (max-width: 767px) {
  .block-sliders__content ul li:before {
    font-size: 12px;
    line-height: 17px;
    width: 17px;
    height: 17px
  }
}

.block-sliders__mainWrapper .swiper-slide {
  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
}

.block-sliders__mainWrapper picture {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.block-sliders__mainWrapper img {
  border-radius: 10px
}

.breadcrumbs {
  list-style: none;
  padding: 0;
  margin-top: 23px;
  margin-bottom: 27px;
  font-size: 16px;
  line-height: 19px;
  color: #868383
}

.breadcrumbs a {
  color: #7ba616;
  text-decoration: none
}

.breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #7ba616;
  text-decoration: none
}

.breadcrumbs__item {
  display: inline-block;
  white-space: nowrap
}

.breadcrumbs__item:not(:last-child):after {
  content: '-';
  margin-left: 4px;
  display: inline-block
}

@media (max-width: 1399px) {
  .breadcrumbs {
    display: none
  }
}

.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  border: 0;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  font-family: inherit;
  text-decoration: none;
  text-transform: none;
  color: #1f1f1f;
  background-color: #f5f5f5;
  background-image: none;
  cursor: pointer;
  overflow: hidden;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: .02em;
  padding: 9px 16px;
  border-radius: 5px
}

.btn:hover, .btn:focus {
  text-decoration: none;
  color: #1f1f1f;
  background-color: #dbdbdb
}

.btn:active, .btn:focus {
  outline: 0
}

.btn--disabled, .btn:disabled {
  opacity: .7;
  cursor: not-allowed;
  color: #1f1f1f;
  background-color: #f5f5f5
}

a.btn--disabled {
  pointer-events: none
}

.btn--white {
  color: #1f1f1f;
  background: #fff
}

.btn--white:hover, .btn--white:focus {
  color: #1f1f1f;
  background: #fff
}

.btn--white--disabled, .btn--white:disabled {
  color: #1f1f1f;
  background-color: rgba(255, 255, 255, .7)
}

.btn--primary {
  color: #1f1f1f;
  background: #adcd5f;
}
.btn--primary:hover,
.btn--primary:focus {
  color: #1f1f1f;
  background: #c1d986
}

.btn--main {
  position: relative;
  z-index: 1;
  color: #fff;
  background: #adcd5f;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.btn--main:hover, .btn--main:focus {
  color: #fff;
  background: #c1d986
}

.btn--main--disabled, .btn--main:disabled {
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(#9baf4a), to(#dbee8c));
  background: linear-gradient(360deg, #9baf4a 0, #dbee8c 100%);
  opacity: .7
}

.btn--gray {
  color: #fff;
  background: #e0e0e0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.btn--gray:hover, .btn--gray:focus {
  color: #fff;
  background: #c7c7c7
}

.btn--gray--disabled, .btn--gray:disabled {
  color: #fff;
  background: #c7c7c7;
  opacity: .7
}

.btn--gray-o {
  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;
  background: 0 0;
  border: 1px solid #868686;
  border-radius: 5px;
  letter-spacing: .03em;
  -webkit-transition: .3s all;
  transition: .3s all
}

.btn--light-green {
  background-color: #E8F2D2;
}

.btn--gray-o:hover {
  background: #e0e0e0;
  border-color: transparent
}

@media (max-width: 1399px) {
  .btn {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 22px
  }
}

@media (max-width: 1399px) {
  .btn {
    line-height: 17px;
    padding: 9px 14px
  }
}

.callbackForm .actionForm__head {
  margin-bottom: 25px
}

.callbackForm .actionForm__head h3 {
  margin-bottom: 13px
}

.callbackForm .actionForm__head p {
  font-size: 18px;
  line-height: 23px
}

.callbackForm .actionForm__main {
  padding-bottom: 32px;
  padding-left: 70px;
  padding-right: 70px
}

.callbackForm .actionForm__textarea {
  font-size: 0;
  margin-bottom: 32px
}

.callbackForm .actionForm__inputChecked {
  margin-bottom: 37px
}

@media (max-width: 1199px) {
  .callbackForm .actionForm__head {
    margin-bottom: 18px
  }

  .callbackForm .actionForm__head h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 17px
  }

  .callbackForm .actionForm__head p {
    font-size: 18px;
    line-height: 25px
  }

  .callbackForm .actionForm__main {
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 41px;
    padding-right: 41px
  }

  .callbackForm .actionForm__textarea {
    font-size: 0;
    margin-bottom: 15px
  }

  .callbackForm .actionForm__textarea textarea {
    min-height: 98px
  }

  .callbackForm .actionForm__inputChecked {
    margin-bottom: 21px
  }

  .callbackForm .actionForm__inputChecked label {
    font-size: 12px;
    line-height: 14px;
    padding-left: 36px
  }

  .callbackForm .actionForm__inputChecked label:before {
    width: 23px;
    height: 23px
  }

  .callbackForm .actionForm__inputChecked label:after {
    left: 5px;
    top: 8px
  }

  .callbackForm .actionForm__input {
    margin-bottom: 15px
  }

  .callbackForm .actionForm__submit .btn {
    padding-top: 10px;
    padding-left: 57px;
    padding-right: 57px;
    width: auto
  }

  .callbackForm .actionForm__close {
    right: 25px;
    top: 21px
  }
}

@media (max-width: 767px) {
  .callbackForm .actionForm__head {
    margin-bottom: 13px
  }

  .callbackForm .actionForm__head h3 {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 7px
  }

  .callbackForm .actionForm__head p {
    font-size: 12px;
    line-height: 16px
  }

  .callbackForm .actionForm__main {
    padding: 14px 21px 20px
  }

  .callbackForm .actionForm__textarea {
    font-size: 0;
    margin-bottom: 10px
  }

  .callbackForm .actionForm__textarea textarea {
    font-size: 11px;
    padding-left: 13px;
    padding-left: 13px;
    padding-top: 7px;
    min-height: 68px
  }

  .callbackForm .actionForm__inputChecked {
    margin-bottom: 14px
  }

  .callbackForm .actionForm__inputChecked label {
    font-size: 10px;
    line-height: 16px;
    padding-top: 2px;
    padding-left: 32px;
    margin-right: -10px
  }

  .callbackForm .actionForm__inputChecked label:before {
    width: 22px;
    height: 22px
  }

  .callbackForm .actionForm__inputChecked label:after {
    width: 12px;
    height: 7px;
    left: 5px;
    top: 11px
  }

  .callbackForm .actionForm__input {
    margin-bottom: 12px
  }

  .callbackForm .actionForm__input input {
    font-size: 11px;
    padding: 6px 13px 7px
  }

  .callbackForm .actionForm__submit .btn {
    padding: 8px 37px;
    width: auto
  }

  .callbackForm .actionForm__close {
    right: 13px;
    top: 10px;
    width: 22px;
    height: 22px
  }
}

.catalog-filter {
  margin: 49px 0 57px
}

.catalog-filter input:focus::-webkit-input-placeholder, .catalog-filter textarea:focus::-webkit-input-placeholder {
  color: transparent
}

.catalog-filter input:focus::-moz-placeholder, .catalog-filter textarea:focus::-moz-placeholder {
  color: transparent
}

.catalog-filter input:focus:-ms-input-placeholder, .catalog-filter textarea:focus:-ms-input-placeholder {
  color: transparent
}

.catalog-filter input:focus::-ms-input-placeholder, .catalog-filter textarea:focus::-ms-input-placeholder {
  color: transparent
}

.catalog-filter input:focus::placeholder, .catalog-filter textarea:focus::placeholder {
  color: transparent
}

.catalog-filter__title, .catalog-filter__close {
  display: none
}

.catalog-filter__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 43px 39px
}

.catalog-filter__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 34px
}

.catalog-filter__category {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  border-radius: 19px;
  display: inline-block;
  padding: 12px 40px 11px;
  background: #f6f6f6
}
.catalog-filter__category, .catalog-filter__category:hover, .catalog-filter__category:focus {
  color: #1f1f1f
}
.catalog-filter__category--active {
  font-weight: 500;
  color: #1e1e1e;
  background: #adcd5f
}
.catalog-filter__reset {
  border: 0;
  outline: 0;
  background: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 21px;
  color: #7a7a7a;
  cursor: pointer
}
.catalog-filter__reset svg {
  fill: none
}
.catalog-filter__groups {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 25px
}
.catalog-filter__sort-fields {
  display: none;
}

@media (max-width: 1199px) {
  .catalog-filter {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    padding-top: 48px
  }
  .filter-opened .catalog-filter {
    display: block;
    background: rgba(56, 56, 56, .64)
  }
  .catalog-filter__inner {
    background: #fff;
    border-radius: 20px 20px 0 0;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto
  }
  .catalog-filter__title {
    display: block;
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    padding: 28px 56px;
    position: relative;
    margin-bottom: 41px;
    position: sticky;
    top: 0;
    background: inherit;
    z-index: 50;
    -webkit-box-shadow: 0 0 0 12px #fff;
    box-shadow: 0 0 0 12px #fff
  }
  .catalog-filter__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 12px;
    border-top: 3px solid #aecd60;
    border-bottom: 3px solid #cfcfcf
  }
  .catalog-filter__reset {
    display: none
  }
  .catalog-filter__close {
    top: 25px;
    right: 35px;
    display: block;
    position: absolute;
    border: 0;
    padding: 0;
    background: 0 0;
    color: #6f6d6d
  }
  .catalog-filter__close:hover, .catalog-filter__close:focus {
    background: 0 0;
    color: #6f6d6d
  }
  .catalog-filter__close svg {
    fill: none;
    width: 40px;
    height: 40px
  }
  .catalog-filter__categories {
    padding: 0 57px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 27px;
    margin-bottom: 39px
  }
  .catalog-filter__category {
    font-size: 20px;
    line-height: 27px;
    padding: 10px 15px
  }
  .catalog-filter__category--active {
    color: #1e1e1e
  }
  .catalog-filter__groups {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 41px;
    padding: 0 57px 41px;
    background: #fff
  }
  .catalog-filter__sort-fields {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 20px 25px;
    background: #fff;
  }
  .catalog-filter__sort-price {
    display: flex;
    gap: 1rem;
  }
  .sort-button {
    flex: 1;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .catalog-filter {
    padding-top: 33px
  }

  .catalog-filter__inner {
    border-radius: 10px 10px 0 0
  }

  .catalog-filter__title {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 20px 11px;
    margin-bottom: 27px;
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff
  }

  .catalog-filter__title:after {
    height: 8px;
    border-top: 2px solid #aecd60;
    border-bottom: 2px solid #cfcfcf
  }

  .catalog-filter__close {
    top: 8px;
    right: 13px
  }

  .catalog-filter__close svg {
    width: 25px;
    height: 25px
  }

  .catalog-filter__categories {
    padding: 0 20px;
    gap: 15px;
    margin-bottom: 25px
  }

  .catalog-filter__category {
    font-size: 14px;
    line-height: 19px
  }

  .catalog-filter__category--active {
    font-weight: 500
  }

  .catalog-filter__groups {
    padding: 0 21px 25px;
    gap: 25px
  }
}

.catalog-filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px
}

.catalog-filter-group .field-range {
  width: 275px
}

.catalog-filter-group__label {
  font-size: 16px;
  line-height: 22px
}

.catalog-filter-group__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (max-width: 1199px) {
  .catalog-filter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 16px
  }

  .catalog-filter-group__label {
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    grid-area: title
  }

  .catalog-filter-group .field-range {
    width: 100%
  }

  .catalog-filter-group .field-range .field-text__prefix {
    font-size: 18px;
    top: 14px;
    left: 22px
  }

  .catalog-filter-group .field-range .field-text__input {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 15px 10px 51px
  }

  .catalog-filter-group__inner {
    display: contents
  }

  .catalog-filter-group--price {
    display: block
  }

  .catalog-filter-group--price .catalog-filter-group__label {
    margin-bottom: 16px
  }

  .catalog-filter-group--children {
    z-index: 30;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .catalog-filter-group--children .field-checkbox-list__container {
    width: 100% !important;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 0;
    padding: 0;
    border-radius: 0
  }

  .catalog-filter-group--children .field-checkbox-list__current {
    display: block
  }

  .catalog-filter-group--children .field-checkbox-list__current--empty {
    display: none
  }

  .catalog-filter-group--children .field-checkbox-list__clear {
    display: inline-block
  }

  .catalog-filter-group--children .field-checkbox-list-group {
    margin-bottom: 16px
  }

  .catalog-filter-group--open {
    z-index: 50
  }
}

@media (max-width: 767px) {
  .catalog-filter-group {
    gap: 8px
  }

  .catalog-filter-group__label {
    font-size: 14px;
    line-height: 19px
  }

  .catalog-filter-group--price .catalog-filter-group__label {
    margin-bottom: 8px
  }

  .catalog-filter-group .field-range {
    grid-area: list
  }

  .catalog-filter-group .field-range .field-text__prefix {
    font-size: 12px;
    top: 10px;
    left: 10px
  }

  .catalog-filter-group .field-range .field-text__input {
    font-size: 12px;
    line-height: 16px;
    padding: 7px 10px 7px 30px;
    min-height: 32px
  }

  .catalog-filter-group--children .field-checkbox-list-group {
    margin-bottom: 10px
  }
}

.filter-opened {
  overflow: hidden
}

.catalog-grid {
  margin-bottom: 75px
}

.catalog-grid__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: 39px 37px;
  margin-bottom: 62px
}

.catalog-grid__button.btn {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: .02em;
  width: 209px;
  margin: 0 auto;
  display: block;
  padding: 21px 15px
}

.catalog-grid__button.btn, .catalog-grid__button.btn:hover, .catalog-grid__button.btn:focus {
  color: #3b3b3b
}

@media (max-width: 1199px) {
  .catalog-grid {
    margin-bottom: 59px
  }

  .catalog-grid__inner {
    gap: 31px 19px;
    margin-bottom: 44px
  }

  .catalog-grid__button.btn {
    font-size: 16px;
    line-height: 20px;
    width: 181px;
    padding: 18px 15px
  }
}

@media (max-width: 767px) {
  .catalog-grid {
    margin-bottom: 40px
  }

  .catalog-grid__inner {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 23px 10px;
    margin-bottom: 32px
  }

  .catalog-grid__button.btn {
    font-size: 12px;
    line-height: 17px;
    width: 125px;
    padding: 11px 15px
  }
}

.catalog-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 36px
}
.catalog-heading__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  margin: 0
}
.catalog-heading__info {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.catalog-heading__count {
  font-size: 24px;
  line-height: 32px
}
.catalog-heading__open, .catalog-heading__reset {
  display: none
}
.sort-button {
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 6px 15px;
  cursor: pointer;
  color: #1f1f1f;
  text-decoration: none;
}
.sort-button:hover, 
.sort-button:active,
.sort-button--active {
  outline: 1px solid #ADCD5F;
  border-color: #ADCD5F;
  text-decoration: none;
  color: #1f1f1f;
}

@media (max-width: 1199px) {
  .catalog-heading {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns:auto auto;
    gap: 27px;
    padding-top: 17px
  }
  .page--catalog .catalog-heading {
    padding-top: 0
  }
  .catalog-heading__open, .catalog-heading__reset {
    display: block
  }
  .catalog-heading__title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .03em
  }
  .catalog-heading__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 61px;
    height: 61px;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: end;
    justify-self: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1f1f1f;
    border-radius: 4px
  }
  .catalog-heading__reset {
    border: 0;
    outline: 0;
    background: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    line-height: 24px;
    color: #7a7a7a;
    cursor: pointer
  }
  .catalog-heading__reset svg {
    fill: none
  }
  .catalog-heading__count {
    font-size: 21px;
    line-height: 28px
  }
  .catalog-heading__sort {
    display: none;
  }
}

@media (max-width: 767px) {
  .catalog-heading {
    gap: 16px 15px;
    margin-bottom: 15px;
    padding-top: 13px
  }

  .page--catalog .catalog-heading {
    padding-top: 0
  }

  .catalog-heading__title {
    font-size: 18px;
    line-height: 21px
  }

  .catalog-heading__open {
    width: 37px;
    height: 37px;
    padding: 7px
  }

  .catalog-heading__count {
    font-size: 14px;
    line-height: 16px;
    margin-top: -1px
  }

  .catalog-heading__reset {
    font-size: 12px;
    line-height: 16px;
    gap: 5px
  }

  .catalog-heading__reset svg {
    width: 13px;
    height: 13px
  }
}

.page--catalog .catalog-heading {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 31px
}

@media (max-width: 1199px) {
  .page--catalog .catalog-heading {
    margin-bottom: 24px
  }
}

@media (max-width: 767px) {
  .page--catalog .catalog-heading {
    margin-bottom: 20px
  }
}

.page--category .catalog-heading {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media (max-width: 1199px) {
  .page--category .catalog-heading {
    margin-bottom: 37px
  }

  .page--category .catalog-heading__title {
    padding-top: 21px
  }
}

@media (max-width: 767px) {
  .page--category .catalog-heading {
    -ms-grid-columns:(auto) [ 4 ];
    grid-template-columns:repeat(4, auto);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
  }

  .page--category .catalog-heading__title {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    padding-top: 4px
  }

  .page--category .catalog-heading__count {
    -ms-grid-column-span: 2;
    grid-column-end: span 2
  }

  .page--category .catalog-heading__reset {
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-column-span: 2;
    grid-column-end: span 2
  }
}

.cats {
  margin-bottom: 74px
}

.cats__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap: 37px 36px
}

@media (max-width: 1199px) {
  .cats {
    margin-bottom: 50px
  }

  .cats__inner {
    display: block
  }
}

@media (max-width: 767px) {
  .cats {
    margin-bottom: 32px
  }
}

.cats-item {
  display: block;
  position: relative;
  min-height: 313px;
  border-radius: 5px;
  overflow: hidden
}

.cats-item__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 0;
  color: #fff
}

.cats-item__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.cats-item__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  width: 100%
}

.cats-item__image::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 104px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 35, 35, 0)), to(rgba(35, 35, 35, .77)));
  background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0, rgba(35, 35, 35, .77) 100%);
  z-index: 2;
  border-radius: 0 0 5px 5px
}

.cats-item__button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  letter-spacing: 0;
  padding: 0;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  position: relative;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0
}

.cats-item__button::before {
  content: '';
  display: block;
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 10px;
  right: 9px
}

.cats-item__content {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 29px 0 43px;
  z-index: 3
}

.cats-item:hover .cats-item__button {
  opacity: 1
}

@media (max-width: 1470px) {
  .cats-item {
    min-height: 333px
  }

  .cats-item__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 26px
  }

  .cats-item__title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 0
  }

  .cats-item__button {
    width: 37px;
    height: 37px;
    line-height: 37px;
    opacity: 1
  }

  .cats-item__button::before {
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 10px;
    right: 9px
  }
}

@media (max-width: 1199px) {
  .cats-item {
    width: 100%;
    margin-top: 36px
  }

  .cats-item:first-child {
    margin-top: 0
  }
}

@media (max-width: 767px) {
  .cats-item {
    margin-top: 19px;
    min-height: 164px
  }

  .cats-item__title {
    font-size: 18px;
    line-height: 22px
  }

  .cats-item__content {
    bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
  }

  .cats-item__button {
    width: 21px;
    height: 21px
  }

  .cats-item__button::before {
    width: 11px;
    height: 8px;
    top: 7px;
    right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A")
  }
}

.page--catalog .breadcrumbs {
  margin-top: 0;
  margin-bottom: 13px
}

.city-picker {
  position: relative
}

.city-picker__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  cursor: pointer
}

.city-picker__current svg {
  fill: #fd9926
}

.city-picker__current:after {
  display: block;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.27374 0.637024L4.63672 4.27405L0.999695 0.637024' stroke='black'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  width: 9px;
  height: 5px
}

.city-picker__dropdown {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  border-radius: 10px;
  left: -5px;
  padding: 20px 25px;
  top: 100%;
  margin-top: 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  display: none;
  z-index: 100
}

.city-picker.active .city-picker__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.city-picker--footer {
  margin-bottom: 13px
}

.city-picker--footer .city-picker__current {
  font-size: 20px;
  line-height: 28px;
  gap: 13px;
  font-family: Roboto;
  -webkit-transition: .3s all;
  transition: .3s all
}

.city-picker--footer .city-picker__current svg {
  color: inherit;
  fill: #d7d6d6;
  width: 16px;
  height: 22px
}

.city-picker--footer .city-picker__current:after {
  width: 10px;
  height: 7px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin-left: -3px;
  margin-top: 4px
}

.city-picker--footer .city-picker__current:hover {
  color: #ddea8e
}

.city-picker--footer .city-picker__dropdown {
  top: unset;
  margin-top: unset;
  bottom: 100%;
  margin-bottom: 40px
}

@media (max-width: 1399px) {
  .city-picker--footer {
    margin-bottom: 19px
  }

  .city-picker--footer .city-picker__current {
    font-size: 18px;
    line-height: 21px
  }
}

@media (max-width: 1199px) {
  .city-picker--footer {
    margin-top: 38px;
    margin-bottom: 13px;
    margin-left: 1px
  }

  .city-picker--footer .city-picker__current {
    font-size: 18px;
    line-height: 21px
  }

  .city-picker--footer .city-picker__current svg {
    fill: #fff
  }
}

@media (max-width: 767px) {
  .city-picker--footer {
    margin-top: 29px;
    margin-bottom: 10px;
    margin-left: 0
  }

  .city-picker--footer .city-picker__current {
    font-size: 16px;
    line-height: 23px;
    gap: 10px
  }

  .city-picker--footer .city-picker__current svg {
    width: 13px;
    height: 17px
  }
}

.city-picker-item {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap
}

.city-picker-item:hover {
  color: #4173be
}

.contacts-hero__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 52px
}

@media (max-width: 1199px) {
  .contacts-hero__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 677px;
    margin-top: 18px;
    margin-bottom: 64px
  }
}

@media (max-width: 767px) {
  .contacts-hero__main {
    margin-bottom: 32px;
    min-height: 334px !important;
    border-radius: 8px;
    margin-top: 10px !important
  }
}

@media (max-width: 1199px) {
  .contacts-hero__main .btn-gradient {
    display: none
  }
}

@media (max-width: 1199px) {
  .contacts-hero .container {
    position: relative
  }
}

.contacts-hero__btn-mobile {
  display: none
}

@media (max-width: 1199px) {
  .contacts-hero__btn-mobile {
    display: block;
    position: absolute;
    bottom: 41px;
    left: 65px;
    z-index: 4
  }
}

@media (max-width: 767px) {
  .contacts-hero__btn-mobile {
    bottom: 21px;
    left: 33px;
    right: 33px
  }
}

.contacts-hero__telephone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 50px;
  max-width: 811px;
  height: 260px;
  max-height: 100%;
  width: 100%
}

@media (max-width: 1320px) {
  .contacts-hero__telephone {
    max-width: 50%;
    bottom: -5px;
    right: 15px
  }
}

@media (max-width: 1199px) {
  .contacts-hero__telephone {
    height: 320px;
    max-width: 100% !important;
    bottom: 0;
    right: 15px
  }
}

@media (max-width: 767px) {
  .contacts-hero__telephone {
    right: -7px !important
  }
}

.contacts-hero__telephone img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom
}

.contacts-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.contacts-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1199px) {
  .contacts-hero__bg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .66)), color-stop(50%, rgba(255, 255, 255, .73)), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .67)));
    background: linear-gradient(90deg, rgba(255, 255, 255, .66) 0, rgba(255, 255, 255, .73) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, .67) 100%);
    z-index: 2
  }
}

.contacts-hero__content {
  max-width: 600px;
  padding: 45px 0 37px 49px;
  position: relative
}

@media (max-width: 1199px) {
  .contacts-hero__content {
    padding: 31px 32px 29px;
    max-width: 100%;
    color: #1e1e1e;
    position: relative;
    z-index: 3
  }
}

@media (max-width: 767px) {
  .contacts-hero__content {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    width: 360px;
    padding-top: 26px;
    padding-left: 15px;
    padding-right: 15px
  }
}

.contacts-hero__content:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 787px;
  height: 100%;
  border-radius: 19px 0 0 19px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(39, 39, 39, .78)), color-stop(57.28%, rgba(63, 63, 63, .65)), to(transparent));
  background: linear-gradient(90deg, rgba(39, 39, 39, .78) 0, rgba(63, 63, 63, .65) 57.28%, transparent 100%);
  z-index: -1
}

@media (max-width: 1199px) {
  .contacts-hero__content:before {
    display: none
  }
}

.contacts-hero__content h1 {
  font-size: 30px;
  font-weight: 500;
  margin: 0
}

@media (max-width: 1199px) {
  .contacts-hero__content h1 {
    font-size: 36px;
    line-height: 43px
  }
}

@media (max-width: 767px) {
  .contacts-hero__content h1 {
    font-size: 20px;
    line-height: 119.023%;
    font-weight: 600
  }
}

.contacts-hero__content p {
  padding: 15px 0 42px 0;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .contacts-hero__content p {
    font-size: 24px;
    line-height: 35px;
    padding-top: 16px
  }
}

@media (max-width: 767px) {
  .contacts-hero__content p {
    font-size: 14px;
    line-height: 135%;
    padding-top: 9px
  }
}

.contacts-hero__content .btn {
  width: 223px;
  height: 51px;
  background: #cde080;
  color: #1e1e1e;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  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
}

@media (max-width: 1199px) {
  .contacts-hero__content .btn {
    display: none
  }
}

.contacts-info {
  margin-bottom: 70px;
}

.contacts-info .section-title {
  margin: 0 0 29px;
  text-align: center
}

.contacts-info__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.contacts-info__content::after {
  content: '';
  display: none;
  margin-left: 38px;
  margin-right: 38px;
  background: #d9d9d9;
  height: 1px;
  margin-top: 27px
}

.contacts-info__column {
  width: 460px;
  padding-left: 15px;
  padding-right: 15px
}

.contacts-info__column-title {
  font-weight: 500;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 18px
}

.contacts-info__column-text {
  font-size: 19px;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: .03em
}

.contacts-info__column-bg {
  background: #f9f9f9;
  padding: 20px 42px 7px;
  border-radius: 5px;
  height: 100%
}

.contacts-info__column-title {
  text-align: center
}

@media (max-width: 1199px) {
  .contacts-info .section-title {
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 26px
  }

  .contacts-info__grid {
    margin-left: -14px;
    margin-right: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .contacts-info__column {
    padding-left: 14px;
    padding-right: 15px;
    padding-bottom: 30px;
    width: 50%
  }

  .contacts-info__column--geo {
    width: 100%
  }

  .contacts-info__column-title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left
  }

  .contacts-info__column-text {
    font-size: 16px
  }

  .contacts-info__column-bg {
    border-radius: 10px;
    background: #f9f9f9;
    height: 100%;
    padding: 19px 30px 20px;
    position: relative;
    overflow: hidden
  }

  .contacts-info__content::after {
    content: unset;
    display: none
  }
}

@media (max-width: 767px) {
  .contacts-info {
    margin-bottom: 24px;
  }

  .contacts-info .section-title {
    font-size: 18px;
    margin-bottom: 13px
  }

  .contacts-info__grid {
    margin-left: 0;
    margin-right: 0
  }

  .contacts-info__column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 17px
  }

  .contacts-info__column-title {
    font-size: 16px;
    margin-bottom: 11px
  }

  .contacts-info__column-text {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0
  }

  .contacts-info__column-bg {
    border-radius: 5px;
    padding: 20px 22px 21px
  }
}

.contacts-info__img-mobile {
  display: none
}

@media (max-width: 1199px) {
  .contacts-info__img-mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0
  }
}

@media (max-width: 767px) {
  .contacts-info__img-mobile {
    display: none
  }
}

.contacts-info .main-production {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .contacts-info .main-production {
    margin-bottom: 16px;
  }
}

.contact-links {
  margin-left: -3px;
  padding-top: 10px
}

@media (max-width: 1199px) {
  .contact-links {
    margin-left: 0;
    padding-top: 11px
  }
}

@media (max-width: 767px) {
  .contact-links {
    padding-bottom: 5px
  }
}

.contact-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 43px;
  padding-top: 3px;
  position: relative;
  margin-top: 22px
}

.contact-link:first-child {
  margin-top: 0
}

.contact-link__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0
}

.contact-link__icon--circle {
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 50%;
  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
}

.contact-link__icon--circle img {
  display: inline-block;
  vertical-align: middle
}

.contact-link__text {
  font-size: 16px;
  color: #1e1e1e;
  font-weight: 400;
  display: block
}

.contact-link--phone .contact-link__icon {
  background-color: #cde07d
}

.contact-link--phone .contact-link__icon--circle img {
  max-width: 60%
}

.contact-link--email {
  margin-top: 13px
}

.contact-link--email .contact-link__icon {
  top: 2px;
  background-color: #267395
}

.contact-link--email .contact-link__icon--circle img {
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
  max-width: 77.8%
}

.contact-link--email .contact-link__text {
  color: #7c9ed2
}

.contact-link--whatsapp {
  font-size: 0;
  line-height: 0;
  margin-top: 23px
}

.contact-link--whatsapp .contact-link__icon {
  top: -9px;
  left: -6px;
  width: 42px;
  height: 40px
}

.contact-link--whatsapp .contact-link__text {
  line-height: 1em
}

.contact-link--telegram {
  margin-top: 23px
}

.contact-link--telegram .contact-link__icon {
  top: -3px;
  left: -4px;
  width: 36px;
  height: 39px
}

@media (max-width: 1199px) {
  .contact-link {
    margin-top: 21px;
    padding-left: 33px
  }

  .contact-link__text {
    font-size: 16px;
    line-height: 1em
  }

  .contact-link__icon--circle {
    width: 22px;
    height: 22px;
    line-height: 22px
  }

  .contact-link--phone .contact-link__icon {
    top: 4px
  }

  .contact-link--phone .contact-link__icon img {
    width: 13px;
    height: 12px;
    margin: 5px 5px 5px 4px;
    vertical-align: top
  }

  .contact-link--email {
    margin-top: 18px
  }

  .contact-link--email .contact-link__icon {
    top: 2px;
    left: -1px;
    width: 23px;
    height: 23px
  }

  .contact-link--email .contact-link__icon img {
    width: 15px;
    height: 13px;
    margin: 5px 0;
    vertical-align: top
  }

  .contact-link--whatsapp {
    font-size: 0;
    line-height: 0;
    margin-top: 19px
  }

  .contact-link--whatsapp .contact-link__icon {
    top: -3px;
    left: -7px;
    width: 35px;
    height: 32px
  }

  .contact-link--telegram {
    margin-top: 15px
  }

  .contact-link--telegram .contact-link__icon {
    top: -1px;
    left: -7px;
    width: 32px;
    height: 31px
  }
}

@media (max-width: 767px) {
  .contact-link {
    margin-top: 17px;
    padding-left: 38px;
    letter-spacing: 0
  }

  .contact-link__text {
    font-size: 14px;
    line-height: 1em
  }

  .contact-link__icon--circle {
    width: 19px;
    height: 19px;
    line-height: 19px
  }

  .contact-link--phone .contact-link__icon {
    top: 1px;
    left: 2px
  }

  .contact-link--phone .contact-link__icon img {
    width: 12px;
    height: 11px;
    margin: 4px 4px 4px 3px;
    vertical-align: top
  }

  .contact-link--email {
    margin-top: 16px
  }

  .contact-link--email .contact-link__icon {
    top: -3px;
    left: 2px;
    width: 19px;
    height: 20px
  }

  .contact-link--email .contact-link__icon img {
    width: 15px;
    height: 12px;
    margin: 2px 0 4px;
    vertical-align: top
  }

  .contact-link--whatsapp {
    font-size: 0;
    line-height: 0;
    margin-top: 16px
  }

  .contact-link--whatsapp .contact-link__icon {
    top: -4px;
    left: -2px;
    width: 30px;
    height: 30px
  }

  .contact-link--telegram {
    margin-top: 18px
  }

  .contact-link--telegram .contact-link__icon {
    top: -3px;
    left: -1px;
    width: 26px;
    height: 26px
  }
}

.work-hours__item {
  color: #1e1e1e;
  margin-top: 18px
}

.work-hours__item:first-child {
  margin-top: 0
}

.work-hours__title {
  color: #7b7b7b;
  font-size: 14px;
  line-height: 18px
}

.work-hours__text {
  font-size: 16px;
  line-height: 22px;
  margin-top: 7px
}

@media (max-width: 1199px) {
  .work-hours__item {
    margin-top: 13px
  }

  .work-hours__title {
    font-size: 14px
  }

  .work-hours__text {
    margin-top: 3px
  }
}

@media (max-width: 767px) {
  .work-hours__item {
    margin-top: 14px
  }

  .work-hours__title {
    font-size: 12px
  }

  .work-hours__text {
    margin-top: 1px;
    font-size: 14px;
    line-height: 20px
  }
}

.contacts-geo {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0
}

.contacts-geo__list {
  padding-top: 0
}

.contacts-geo__more-items {
  display: none
}

.contacts-geo__more-items-wrapper {
  padding-top: 8px
}

.contacts-geo__more-btn {
  font-size: 14px;
  margin-left: -6px;
  margin-top: 12px
}

.contacts-geo__more-btn a {
  color: #5a92e8;
  text-decoration: none
}

@media (max-width: 1199px) {
  .contacts-geo__list {
    padding-top: 4px
  }

  .contacts-geo__more-items-wrapper {
    padding-top: 12px
  }

  .contacts-geo__more-btn {
    margin-top: 14px;
    margin-left: 4px
  }
}

@media (max-width: 767px) {
  .contacts-geo {
    font-size: 14px;
    line-height: 137.523%
  }

  .contacts-geo__list {
    padding-top: 5px
  }

  .contacts-geo__more-btn {
    margin-top: 11px
  }

  .contacts-geo__more-items-wrapper {
    padding-top: 9px
  }
}

.contacts-geo-item {
  display: block;
  position: relative;
  padding-left: 13px;
  margin-top: 12px
}

.contacts-geo-item:first-child {
  margin-top: 0
}

.contacts-geo-item__number {
  position: absolute;
  top: 0;
  left: -5px
}

@media (max-width: 1199px) {
  .contacts-geo-item {
    margin-top: 10px;
    padding-left: 22px
  }

  .contacts-geo-item__number {
    left: 3px
  }
}

@media (max-width: 767px) {
  .contacts-geo-item {
    margin-top: 9px;
    padding-left: 16px
  }
}

@media (max-width: 1199px) {
  .contacts-info__column--geo .contacts-info__column-bg {
    padding-top: 19px;
    padding-bottom: 28px
  }

  .contacts-info__column--geo .contacts-info__column-text, .contacts-info__column--geo .contacts-info__column-title {
    position: relative;
    z-index: 3
  }
}

@media (max-width: 767px) {
  .contacts-info__column--geo .contacts-info__column-bg {
    padding-top: 21px;
    padding-bottom: 19px
  }
}

.content-action h3 {
  margin: 0 0 33px;
  text-align: center;
  font-size: 32px
}

@media (max-width: 1199px) {
  .content-action h3 {
    margin-bottom: 3px;
    font-size: 28px
  }
}

@media (max-width: 767px) {
  .content-action h3 {
    font-size: 18px;
    margin-bottom: 11px
  }
}

.contentAction_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 76px
}

@media (max-width: 1199px) {
  .contentAction_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 54px
  }
}

@media (max-width: 767px) {
  .contentAction_main {
    margin-bottom: 38px
  }
}

.contentAction_main > div {
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%
}

@media (max-width: 1199px) {
  .contentAction_main > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
  }
}

.contentAction__left {
  background-color: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 27px 20px 27px 34px;
  margin-right: 9px
}

@media (max-width: 1199px) {
  .contentAction__left {
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 31px 31px 35px 31px
  }
}

@media (max-width: 767px) {
  .contentAction__left {
    padding: 22px 19px 0 19px
  }
}

.contentAction__img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 90%
}

@media (max-width: 1199px) {
  .contentAction__img {
    max-width: 227px;
    max-height: 88%
  }
}

@media (max-width: 767px) {
  .contentAction__img {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 100%
  }
}

.contentAction__img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.contentAction__content {
  max-width: 393px
}

@media (max-width: 767px) {
  .contentAction__content {
    margin-bottom: 26px
  }
}

.contentAction__content h4 {
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 15px;
  font-weight: 500
}

@media (max-width: 1199px) {
  .contentAction__content h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 21px
  }
}

@media (max-width: 767px) {
  .contentAction__content h4 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 21px
  }
}

.contentAction__content > div:nth-child(2) {
  margin-bottom: 20px
}

@media (max-width: 1199px) {
  .contentAction__content > div:nth-child(2) {
    font-size: 16px;
    line-height: 23px;
    max-width: 380px;
    margin-bottom: 25px
  }
}

@media (max-width: 767px) {
  .contentAction__content > div:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 16px
  }
}

.contentAction__link {
  font-weight: 500;
  text-decoration: none
}

@media (max-width: 1199px) {
  .contentAction__link {
    font-size: 16px;
    line-height: 23px
  }
}

@media (max-width: 767px) {
  .contentAction__link {
    font-size: 14px;
    line-height: 20px
  }
}

.contentAction__link:hover {
  text-decoration: underline
}

.contentAction_right {
  padding: 15px 0 0 53px
}

@media (max-width: 1199px) {
  .contentAction_right {
    font-size: 16px;
    line-height: 23px;
    padding-left: 0;
    margin-bottom: 27px
  }
}

@media (max-width: 767px) {
  .contentAction_right {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-bottom: 20px
  }
}

@media (max-width: 1199px) {
  .contentAction_right p {
    margin-bottom: .6em
  }
}

@media (max-width: 767px) {
  .contentAction_right p {
    margin-bottom: .4em
  }
}

.content-block.production .container > h3 {
  font-weight: 500
}

@media (max-width: 1199px) {
  .content-block.production {
    margin-bottom: 34px
  }

  .content-block.production .container > h3 {
    font-size: 28px;
    margin: 0 0 18px
  }

  .content-block.production .content_block__txt {
    font-size: 16px;
    line-height: 144.187%
  }

  .content-block.production .content_block__main .content_block__txt p {
    margin-bottom: 10px
  }
}

@media (max-width: 767px) {
  .content-block.production {
    margin-bottom: 17px
  }

  .content-block.production .container > h3 {
    font-size: 18px;
    line-height: 120.023%;
    margin: 0 0 9px
  }

  .content-block.production .content_block__txt {
    font-size: 14px;
    line-height: 143.023%
  }

  .content-block.production .content_block__main .content_block__txt p {
    margin-bottom: 5px
  }
}

.content-block {
  margin-bottom: 42px
}

@media (max-width: 767px) {
  .content-block {
    margin-bottom: 37px
  }
}

@media (max-width: 480px) {
  .content-block {
    margin-bottom: 23px
  }
}

.content-block .container > h3 {
  margin: 0 0 37px 0;
  text-align: center;
  font-size: 30px
}

@media (max-width: 767px) {
  .content-block .container > h3 {
    font-size: 28px;
    margin: 0 0 17px 0
  }
}

@media (max-width: 480px) {
  .content-block .container > h3 {
    font-size: 18px;
    margin: 0 0 9px 0
  }
}

.content_block__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 480px) {
  .content_block__main p {
    font-size: 14px
  }
}

@media (max-width: 767px) {
  .content_block__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.content_block__main > div {
  max-width: 50%
}

@media (max-width: 767px) {
  .content_block__main > div {
    max-width: 100%
  }
}

.content_block__main > div:nth-child(1) {
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 45%;
  height: 324px
}

@media (max-width: 767px) {
  .content_block__main > div:nth-child(1) {
    height: 311px;
    max-width: 100%;
    margin-right: 0
  }
}

.content_block__main > div:nth-child(1) img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.content_block__main .content_block__txt:only-child {
  max-width: 100%;
  height: auto
}

.content_block__main .content_block__txt p {
  margin-bottom: .7em
}

@media (max-width: 767px) {
  .content_block__img {
    border-radius: 5px
  }
}

@media (max-width: 480px) {
  .content_block__img {
    max-height: 165px
  }
}

.content-block.default-mod .content_block__main {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.content-block.default-mod .content_block__img {
  height: auto;
  max-height: 100% !important
}

.content-block.default-mod .content_block__img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.content-block--custom-order {
  margin-bottom: 58px
}

@media (max-width: 1199px) {
  .content-block--custom-order {
    margin-bottom: 39px
  }
}

@media (max-width: 767px) {
  .content-block--custom-order {
    margin-bottom: 45px
  }
}

.content-block--custom-order .container > h3 {
  font-weight: 500
}

@media (max-width: 1199px) {
  .content-block--custom-order .container > h3 {
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 13px
  }
}

@media (max-width: 767px) {
  .content-block--custom-order .container > h3 {
    font-size: 18px;
    margin: 0 0 3px 0
  }
}

@media (max-width: 1199px) {
  .content-block--custom-order .content_block__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media (max-width: 480px) {
  .content-block--custom-order .content_block__main .content_block__txt p {
    margin-bottom: 9px
  }
}

.content-block--custom-order .content_block__main > div.content_block__txt {
  max-width: 661px;
  padding-left: 0;
  padding-top: 5px
}

@media (max-width: 1469px) {
  .content-block--custom-order .content_block__main > div.content_block__txt {
    max-width: 45%
  }
}

@media (max-width: 1199px) {
  .content-block--custom-order .content_block__main > div.content_block__txt {
    max-width: 100%;
    font-size: 16px;
    line-height: 23px
  }
}

@media (max-width: 767px) {
  .content-block--custom-order .content_block__main > div.content_block__txt {
    font-size: 14px;
    line-height: 143.023%
  }
}

.content-block--custom-order .content_block__main > div:nth-child(1) {
  max-width: 710px;
  margin-right: 69px
}

@media (max-width: 1469px) {
  .content-block--custom-order .content_block__main > div:nth-child(1) {
    max-width: 50%;
    margin-right: 5%
  }
}

@media (max-width: 1199px) {
  .content-block--custom-order .content_block__main > div:nth-child(1) {
    margin-right: 0;
    max-width: 100%
  }
}

@media (max-width: 1199px) {
  .content-block--custom-order .content_block__img {
    margin-top: 19px
  }
}

@media (max-width: 480px) {
  .content-block--custom-order .content_block__img {
    margin-top: 11px
  }
}

.delivery-hero.production .delivery-hero__content {
  padding: 62px 0 76px 49px
}

.delivery-hero.production .delivery-hero__content h3 {
  letter-spacing: 0;
  margin: 0 0 30px
}

.delivery-hero.production .delivery-hero__main {
  border-radius: 5px;
  margin-bottom: 83px
}

@media (max-width: 1199px) {
  .delivery-hero.production .delivery-hero__content {
    padding: 42px 0 76px 28px;
    max-width: 375px
  }

  .delivery-hero.production .delivery-hero__content h3 {
    font-size: 28px;
    line-height: 104.688%;
    margin: 0 0 23px
  }

  .delivery-hero.production .delivery-hero__content p {
    font-size: 16px;
    line-height: 130.187%
  }

  .delivery-hero.production .delivery-hero__main {
    border-radius: 5px;
    margin-bottom: 39px;
    min-height: 265px
  }
}

@media (max-width: 767px) {
  .delivery-hero.production .delivery-hero__main {
    min-height: 295px !important;
    border-radius: 5px;
    margin-bottom: 32px
  }

  .delivery-hero.production .delivery-hero__content {
    padding: 15px 16px
  }

  .delivery-hero.production .delivery-hero__content h3 {
    font-size: 20px;
    line-height: 110.187%;
    margin: 0 0 17px;
    letter-spacing: 0
  }

  .delivery-hero.production .delivery-hero__content p {
    font-size: 14px !important;
    line-height: 130.187%
  }

  .delivery-hero.production .delivery-hero__bg picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
  }

  .delivery-hero.production .delivery-hero__bg picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
  }
}

.delivery-hero__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 51px
}

@media (max-width: 1199px) {
  .delivery-hero__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 677px;
    margin-top: 18px;
    margin-bottom: 52px
  }
}

@media (max-width: 767px) {
  .delivery-hero__main {
    min-height: 334px !important;
    border-radius: 8px;
    margin-top: 10px !important
  }
}

.delivery-hero-mode .delivery-hero__content {
  max-width: 500px
}

@media (max-width: 1199px) {
  .delivery-hero-mode .delivery-hero__content {
    padding: 28px 33px;
    max-width: unset
  }
}

@media (max-width: 767px) {
  .delivery-hero-mode .delivery-hero__content {
    width: 380px;
    max-width: 100%;
    padding: 24px 15px
  }
}

@media (max-width: 1199px) {
  .delivery-hero-mode .delivery-hero__content .btn {
    display: none
  }
}

@media (max-width: 1199px) {
  .delivery-hero-mode .delivery-hero__main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 62px
  }
}

@media (max-width: 767px) {
  .delivery-hero-mode .delivery-hero__main {
    border-radius: 5px;
    min-height: 344px !important;
    margin-bottom: 39px
  }
}

@media (max-width: 768px) {
  .delivery-hero-mode .btn-gradient {
    display: none
  }
}

.delivery-hero__car {
  position: absolute;
  bottom: 0;
  right: 22px;
  max-width: 704px;
  max-height: 335px;
  width: 100%
}

@media (max-width: 1320px) {
  .delivery-hero__car {
    max-width: 50%;
    bottom: -5px;
    right: 15px
  }
}

@media (max-width: 768px) {
  .delivery-hero__car {
    max-width: 100% !important;
    bottom: -5px;
    right: 15px
  }
}

@media (max-width: 480px) {
  .delivery-hero__car {
    right: -7px !important
  }
}

.delivery-hero__car img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.delivery-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.delivery-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.delivery-hero__content {
  max-width: 490px;
  padding: 45px 0 37px 49px;
  position: relative
}

@media (max-width: 1199px) {
  .delivery-hero__content {
    padding: 32px 33px;
    max-width: 100%;
    color: #1e1e1e
  }
}

@media (max-width: 767px) {
  .delivery-hero__content {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    width: 330px;
    max-width: 100%;
    padding: 29px 13px;
    color: #1e1e1e
  }
}

.delivery-hero__content h1 {
  font-size: 30px;
  font-weight: 500;
  margin: 0
}

@media (max-width: 1199px) {
  .delivery-hero__content h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 43px
  }
}

@media (max-width: 767px) {
  .delivery-hero__content h1 {
    font-size: 20px;
    line-height: 119.023%
  }
}

.delivery-hero__content p {
  padding: 15px 0 42px 0;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .delivery-hero__content p {
    font-size: 24px;
    line-height: 35px;
    padding: 16px 0 42px 0
  }
}

@media (max-width: 767px) {
  .delivery-hero__content p {
    font-size: 14px;
    line-height: 135%;
    padding: 10px 0 42px 0
  }
}

.delivery-hero__content .btn {
  width: 223px;
  height: 51px;
  background: #cde080;
  color: #1e1e1e;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  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
}

.big-txt p {
  font-size: 18px !important;
  padding: 0
}

@media (max-width: 768px) {
  .big-txt p {
    color: #fff !important;
    font-size: 18px
  }
}

@media (max-width: 768px) {
  .big-txt .delivery-hero__content p {
    color: #fff !important;
    font-size: 16px !important
  }
}

.big-txt h3 {
  max-width: 650px;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: 1.38px;
  margin: 0 0 23px 0
}

@media (max-width: 768px) {
  .big-txt h3 {
    color: #fff !important;
    font-size: 33px
  }
}

@media (max-width: 768px) {
  .big-txt h3 {
    color: #fff !important;
    font-size: 24px;
    margin: 0 0 17px 0
  }
}

.big-txt .delivery-hero__content {
  max-width: 515px;
  padding: 28px 0 121px 44px
}

@media (max-width: 768px) {
  .big-txt .delivery-hero__content {
    padding: 31px 0 128px 28px;
    max-width: 441px
  }
}

@media (max-width: 480px) {
  .big-txt .delivery-hero__content {
    padding: 22px 18px
  }
}

@media (max-width: 768px) {
  .big-txt .delivery-hero__main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 314px;
    margin-bottom: 51px
  }
}

@media (max-width: 480px) {
  .big-txt .delivery-hero__main {
    margin-bottom: 37px
  }
}

@media (max-width: 768px) {
  .global_hero__mode .delivery-hero__content {
    position: static
  }
}

@media (max-width: 768px) {
  .global_hero__mode .btn-gradient {
    bottom: 21px;
    position: absolute
  }
}

@media (max-width: 767px) {
  .global_hero__mode .delivery-hero__main {
    margin-bottom: 40px
  }
}

@media (max-width: 1199px) {
  .production-hero-mode .delivery-hero__main {
    margin-bottom: 63px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media (max-width: 767px) {
  .production-hero-mode .delivery-hero__main {
    min-height: 317px !important;
    margin-bottom: 38px
  }
}

@media (max-width: 1199px) {
  .production-hero-mode .delivery-hero__content {
    position: static;
    max-width: 571px
  }
}

@media (max-width: 767px) {
  .production-hero-mode .delivery-hero__content {
    padding: 24px 13px;
    width: 370px;
    max-width: 100%
  }
}

@media (max-width: 1199px) {
  .production-hero-mode .btn {
    display: none
  }
}

.guarantee_hero__mode .delivery-hero__content {
  max-width: 460px
}

@media (max-width: 1199px) {
  .guarantee_hero__mode .delivery-hero__main {
    border-radius: 5px
  }

  .guarantee_hero__mode .delivery-hero__content {
    max-width: 100%;
    padding-right: 125px
  }

  .guarantee_hero__mode .delivery-hero__content .btn {
    display: none
  }
}

@media (max-width: 767px) {
  .guarantee_hero__mode .delivery-hero__content {
    padding-right: 13px;
    width: 380px
  }
}

.delivery-hero--custom .delivery-hero__main {
  margin-bottom: 52px
}

.delivery-hero--custom .delivery-hero__content {
  min-height: 298px;
  padding-top: 44px;
  padding-bottom: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.delivery-hero--custom .delivery-hero__content .btn {
  margin-top: auto
}

@media (max-width: 1199px) {
  .delivery-hero--custom .delivery-hero__main {
    margin-bottom: 62px
  }

  .delivery-hero--custom .delivery-hero__content {
    padding-top: 31px
  }

  .delivery-hero--custom .delivery-hero__content .btn {
    display: none
  }
}

@media (max-width: 767px) {
  .delivery-hero--custom .delivery-hero__main {
    min-height: 344px !important;
    margin-bottom: 25px
  }

  .delivery-hero--custom .delivery-hero__content {
    width: 300px
  }

  .delivery-hero--custom .delivery-hero__content p {
    padding-top: 9px
  }
}

.departments {
  margin-top: 73px;
  margin-bottom: 94px
}

.departments__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
  margin-bottom: 33px
}

.departments__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 5 ];
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap: 30px 36px
}

.departments__showMore {
  width: 209px;
  height: 69px;
  border-radius: 5px;
  font-size: 20px;
  line-height: 28px;
  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;
  color: #1e1e1e;
  margin: 51px auto
}

@media (max-width: 1199px) {
  .departments {
    margin-top: 58px;
    margin-bottom: 69px
  }

  .departments__title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 24px
  }

  .departments__grid {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 26px 27px
  }

  .departments__showMore {
    font-size: 16px;
    line-height: 22px;
    width: 181px;
    height: 56px;
    margin: 44px auto
  }
}

@media (max-width: 767px) {
  .departments {
    margin-top: 44px;
    margin-bottom: 38px
  }

  .departments__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px
  }

  .departments__grid {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 14px
  }

  .departments__showMore {
    font-size: 12px;
    line-height: 17px;
    width: 125px;
    height: 39px;
    margin: 32px auto
  }
}

.departments-item {
  border: 2px solid #d7d7d7;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 18px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.departments-item__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 13px
}

.departments-item__description {
  font-size: 16px;
  line-height: 23px;
  color: #868686
}

@media (min-width: 1200px) {
  .departments-item:nth-child(n+11) {
    display: none
  }
}

@media (max-width: 1199px) {
  .departments-item {
    padding: 22px 15px
  }

  .departments-item__title {
    font-size: 20px;
    line-height: 23px
  }

  .departments-item__description {
    font-size: 18px;
    line-height: 21px
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .departments-item:nth-child(n+9) {
    display: none
  }
}

@media (max-width: 767px) {
  .departments-item {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 15px 18px
  }

  .departments-item:nth-child(n+7) {
    display: none
  }

  .departments-item .departments-item__title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 7px
  }

  .departments-item .departments-item__description {
    font-size: 16px;
    line-height: 19px
  }
}

.departments.show-all .departments-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.faq-hero {
  margin-bottom: 52px
}

.faq-hero__inner {
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  overflow: hidden
}

.faq-hero__content {
  padding: 45px 49px 38px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, .78)), color-stop(57.28%, rgba(87, 87, 87, .65)), to(rgba(130, 130, 130, 0)));
  background: linear-gradient(90deg, rgba(32, 32, 32, .78) 0, rgba(87, 87, 87, .65) 57.28%, rgba(130, 130, 130, 0) 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-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.faq-hero__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 15px
}

.faq-hero__text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 19px;
  width: 500px;
  max-width: 100%
}

.faq-hero .btn-gradient {
  margin-top: auto;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start
}

.faq-hero__button.btn {
  background: #cde080;
  color: #171717;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  margin-top: auto;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  min-width: 223px;
  padding: 14px 16px 12px !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.faq-hero__image {
  height: 298px
}

.faq-hero__image--tablet, .faq-hero__image--mobile {
  display: none
}

.faq-hero__bg-mobile {
  display: none
}

@media (max-width: 1199px) {
  .faq-hero {
    margin-top: 18px;
    margin-bottom: 63px
  }

  .faq-hero__inner {
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #1f1f1f;
    position: relative;
    background-image: none !important;
    min-height: 677px
  }

  .faq-hero__inner::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(239, 244, 226, .79)), color-stop(.01%, rgba(255, 255, 255, .79)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgba(239, 244, 226, .79) 0, rgba(255, 255, 255, .79) .01%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    border-radius: 10px 0 0 10px
  }

  .faq-hero__content {
    padding: 31px 33px 15px;
    background: 0 0;
    margin-bottom: 10px;
    position: relative;
    z-index: 2
  }

  .faq-hero__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0;
    margin-bottom: 16px
  }

  .faq-hero__text {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0;
    width: 450px
  }

  .faq-hero__button.btn {
    display: none
  }

  .faq-hero__image {
    margin: auto 0 0;
    position: relative;
    z-index: 2;
    height: auto
  }

  .faq-hero__image--desktop, .faq-hero__image--mobile {
    display: none
  }

  .faq-hero__image--tablet {
    display: block
  }

  .faq-hero__bg-mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
  }
}

@media (max-width: 767px) {
  .faq-hero {
    margin-top: 10px;
    margin-bottom: 37px
  }

  .faq-hero__inner {
    border-radius: 8px;
    min-height: 334px
  }

  .faq-hero__content {
    padding: 30px 14px 0;
    margin-bottom: 0
  }

  .faq-hero__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 119.023%;
    margin-bottom: 10px;
    padding-right: 50px
  }

  .faq-hero__text {
    font-size: 14px;
    line-height: 135%;
    width: 320px;
    max-width: 100%
  }

  .faq-hero__image--desktop, .faq-hero__image--tablet {
    display: none
  }

  .faq-hero__image--mobile {
    display: block
  }
}

.faq-listing__title {
  text-align: center;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 500;
  margin: 0 0 33px
}

@media (max-width: 1199px) {
  .faq-listing__title {
    font-size: 28px;
    margin-bottom: 26px
  }
}

@media (max-width: 767px) {
  .faq-listing__title {
    font-size: 18px;
    margin-bottom: 17px
  }
}

.faq-item {
  margin-top: 21px
}

.faq-item:first-child {
  margin-top: 0
}

.faq-item__header {
  display: block;
  position: relative;
  border-radius: 5px;
  background: #f6f6f6;
  color: #1e1e1e;
  text-decoration: none;
  padding: 12px 80px 11px 49px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  font-size: 18px;
  line-height: 24px
}

.faq-item__header-icon {
  display: block;
  width: 27px;
  height: 27px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 33px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px rgba(0, 0, 0, .2)
}

.faq-item__header-icon::after {
  content: '';
  display: block;
  background: url(/local/templates/2024/css/../img/faq-collapse-arrow.svg) no-repeat 0 0;
  background-size: contain;
  background-position: center;
  width: 15px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 6px;
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.faq-item__header:hover {
  color: #556b1f;
  text-decoration: none
}

.faq-item__header.active {
  background-color: #adcd5f;
  font-weight: 500;
  color: #1e1e1e
}

.faq-item__header.active .faq-item__header-icon::after {
  -webkit-transform: rotate(-180deg) translateY(1px);
  transform: rotate(-180deg) translateY(1px)
}

.faq-item__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s;
  transition: max-height .5s
}

.faq-item__content-in {
  border-radius: 5px;
  border: 1px solid #aeaeae;
  background: #fff;
  color: #1e1e1e;
  padding: 12px 80px 12px 49px;
  margin: 21px 0 20px;
  font-size: 18px;
  line-height: 25px
}

.faq-item__content p {
  margin: 0 0 1em
}

.faq-item__content p:last-child {
  margin-bottom: 0
}

.faq-item__content ul {
  list-style: none;
  margin: 0 0 1em;
  padding: 0
}

.faq-item__content ul:last-child {
  margin-bottom: 0
}

.faq-item__content ul > li {
  margin: 0;
  padding: 0 0 0 10px;
  position: relative
}

.faq-item__content ul > li::before {
  content: '\002d\0020';
  display: block;
  color: currentColor;
  position: absolute;
  top: 0;
  left: -2px
}

.faq-item__content p + ul {
  margin-top: -9px
}

@media (max-width: 1199px) {
  .faq-item {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.44187em
  }

  .faq-item__header {
    padding: 12px 66px 13px 29px;
    font-size: 16px;
    line-height: 23px
  }

  .faq-item__header-icon {
    right: 29px
  }

  .faq-item__header.active .faq-item__header-text {
    color: #fff
  }

  .faq-item__content-in {
    font-size: 18px;
    line-height: 24px;
    border-width: 2px;
    border-color: #d7d7d7;
    padding: 15px 29px 17px;
    margin-top: 18px;
    margin-bottom: 14px
  }
}

@media (max-width: 767px) {
  .faq-item {
    font-size: 14px;
    line-height: 1.43023em;
    margin-top: 15px
  }

  .faq-item__header {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 65px 9px 16px
  }

  .faq-item__header-icon {
    width: 25px;
    height: 25px;
    right: 16px
  }

  .faq-item__header-icon::after {
    width: 11px;
    height: 6px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 11px
  }

  .faq-item__content-in {
    margin-top: 13px;
    margin-bottom: 10px;
    padding: 8px 18px 12px 16px;
    border-width: 1px;
    font-size: 14px;
    line-height: 20px
  }
}

.field-checkbox {
  display: block;
  margin-bottom: 17px
}

.field-checkbox__title {
  display: block;
  margin-bottom: .4em;
  line-height: 1.4375;
  font-weight: 700
}

.field-checkbox__input-wrap + .field-checkbox__input-wrap {
  margin-top: 17px
}

.field-checkbox__input-wrap--error .field-checkbox__name-text, .field-checkbox__input-wrap--error .field-checkbox__help-text {
  color: #d8544f
}

.field-checkbox__name {
  display: inline-block;
  position: relative;
  font-weight: 400;
  line-height: 1.4375
}

.field-checkbox__name-text {
  font-size: 16px;
  line-height: 19px;
  padding-left: 42px;
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 4px
}

.field-checkbox__name-text a {
  color: #88b71a;
  text-decoration: underline
}

.field-checkbox__name-text a:hover, .field-checkbox__name-text a:focus {
  color: #88b71a;
  text-decoration: none
}

.field-checkbox__name-text:before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #878787;
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 0
}

.field-checkbox__name-text:after {
  content: '';
  display: none;
  width: 8px;
  height: 8px;
  border-left: 1px solid #454545;
  border-bottom: 1px solid #454545;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 13px;
  left: 10px
}

input:checked ~ .field-checkbox__name-text:after {
  display: block
}

input:disabled ~ .field-checkbox__name-text {
  cursor: not-allowed
}

.field-checkbox__input {
  position: absolute;
  pointer-events: none;
  opacity: 0
}

.field-checkbox__input:focus, .field-checkbox__input:active {
  outline: 0
}

.field-checkbox__help-text-wrap {
  padding-left: 1.5em
}

.field-checkbox__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: #868383
}

.field-checkbox__help-text:empty {
  display: none
}

@media (max-width: 1199px) {
  .field-checkbox__name-text {
    padding-top: 7px;
    padding-bottom: 0
  }

  .field-checkbox__name-text:before {
    width: 26px;
    height: 26px
  }

  .field-checkbox__name-text:after {
    top: 11px;
    left: 9px
  }
}

@media (max-width: 767px) {
  .field-checkbox {
    margin-bottom: 18px
  }

  .field-checkbox__name-text {
    font-size: 12px;
    line-height: 14px;
    padding-top: 10px;
    padding-left: 39px
  }

  .field-checkbox__name-text:before {
    width: 24px;
    height: 24px
  }

  .field-checkbox__name-text:after {
    left: 8px
  }
}

.field-checkbox-list {
  position: relative
}

.field-checkbox-list--fake-range + .field-range {
  display: none
}

.field-checkbox-list__current {
  font-size: 14px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 7px 15px 6px;
  cursor: pointer;
  min-width: 140px
}

.field-checkbox-list__current span {
  display: contents
}

.field-checkbox-list__current:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7065 1.24879L6.35352 6.49758L1.00058 1.24879' stroke='%23454545'/%3E%3C/svg%3E");
  display: block;
  width: 13px;
  height: 8px;
  margin-left: auto
}

.field-checkbox-list__clear {
  display: none
}

.field-checkbox-list__container {
  display: none;
  position: absolute;
  z-index: 20;
  background: #fff;
  right: 0;
  top: 100%;
  margin-top: 7px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  border-radius: 6px;
  padding: 17px 43px 16px 19px;
  word-break: initial;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  overflow: hidden;
  max-height: 503px
}

.field-checkbox-list__container--active {
  display: block
}

.field-checkbox-list .field-checkbox {
  margin-bottom: 7px
}

.field-checkbox-list .field-checkbox__name {
  cursor: pointer
}

.field-checkbox-list .field-checkbox__name-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  padding: 1px 0 0 33px
}

.field-checkbox-list .field-checkbox__name-text:before {
  width: 23px;
  height: 23px;
  top: 0
}

.field-checkbox-list .field-checkbox__name-text:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L5.00347 5.99586C5.52729 6.66805 6.47271 6.66805 6.99652 5.99586L10.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  border: 0;
  width: 12px;
  height: 8px;
  -webkit-transform: none;
  transform: none;
  top: 9px;
  left: 6px
}

.field-checkbox-list .field-checkbox:last-child {
  margin-bottom: 0
}

.field-checkbox-list .field-checkbox input:checked ~ .field-checkbox__name-text:before {
  background: #aecd60;
  border: 0
}

.field-checkbox-list .field-checkbox input:checked ~ .field-checkbox__name-text:after {
  top: 8px;
  left: 6px
}

@media (max-width: 1199px) {
  .field-checkbox-list {
    display: contents
  }

  .field-checkbox-list__current {
    display: none;
    grid-area: current;
    padding: 0;
    border-radius: 0;
    border: 0;
    font-size: 16px;
    line-height: 21px;
    color: #7a7a7a;
    text-align: right
  }

  .field-checkbox-list__current span {
    display: none
  }

  .field-checkbox-list__current:before {
    content: 'Выбрано: '
  }

  .field-checkbox-list__current:after {
    display: none
  }

  .field-checkbox-list__current--empty {
    display: none
  }

  .field-checkbox-list__clear {
    margin-left: 15px;
    text-decoration: none;
    color: #5a92e7
  }

  .field-checkbox-list__container {
    display: block;
    position: static;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
    grid-area: list;
    border: 1px solid #c7c7c7;
    padding: 26px 17px;
    border-radius: 12px;
    width: 100% !important;
    max-height: none
  }
}

@media (max-width: 767px) {
  .field-checkbox-list__container {
    padding: 12px 9px;
    border-radius: 7px
  }

  .field-checkbox-list__current {
    font-size: 12px;
    line-height: 16px
  }

  .field-checkbox-list__clear {
    margin-left: 5px
  }

  .field-checkbox-list .field-checkbox {
    margin-bottom: 10px
  }

  .field-checkbox-list .field-checkbox__name-text {
    font-size: 12px;
    line-height: 16px;
    padding: 1px 0 1px 28px
  }

  .field-checkbox-list .field-checkbox__name-text:before {
    width: 19px;
    height: 19px
  }

  .field-checkbox-list .field-checkbox__name-text:after {
    top: 5px;
    left: 4px;
    width: 11px;
    height: 10px;
    background-size: 100% 100%
  }

  .field-checkbox-list .field-checkbox input:checked ~ .field-checkbox__name-text:after {
    top: 4.5px;
    left: 4px
  }
}

.field-checkbox-list-group {
  margin-bottom: 22px
}

.field-checkbox-list-group:last-child {
  margin-bottom: 0
}

.field-checkbox-list-group__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 8px
}

.field-checkbox-list-group__close {
  display: none;
  background: 0 0;
  border: 0;
  padding: 0;
  color: #6f6d6d
}

.field-checkbox-list-group__close svg {
  fill: none
}

@media (max-width: 1199px) {
  .field-checkbox-list-group__title {
    margin: 0;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 16px 10px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
  }

  .field-checkbox-list-group__title:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.3263 0.99999L8.50727 8.4688L1.18097 15.7951' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
    display: block;
    width: 10px;
    height: 17px;
    background-size: 100% 100%
  }

  .field-checkbox-list-group__items {
    display: none
  }

  .field-checkbox-list-group--open {
    position: fixed;
    z-index: 10;
    top: 48px;
    border-radius: 20px 20px 0 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    margin: 0 !important;
    overflow-y: auto
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items {
    display: block
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    padding: 28px 56px;
    background: 0 0;
    margin-bottom: 40px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 12px;
    border-top: 3px solid #aecd60;
    border-bottom: 3px solid #cfcfcf;
    width: auto;
    background: 0 0
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items {
    padding: 0 58px 58px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items .field-checkbox {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 14px;
    margin-bottom: 13px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items .field-checkbox__name-text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 0
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items .field-checkbox__name-text:before {
    top: 1px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__close {
    display: block;
    position: absolute;
    top: 25px;
    right: 35px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__close svg {
    width: 40px;
    height: 40px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__close:hover, .field-checkbox-list-group--open .field-checkbox-list-group__close:focus {
    background: 0 0;
    color: #6f6d6d
  }
}

@media (max-width: 767px) {
  .field-checkbox-list-group__title {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px;
    border-radius: 7px
  }

  .field-checkbox-list-group__title:after {
    width: 7px;
    height: 11px
  }

  .field-checkbox-list-group__close svg {
    width: 23px;
    height: 23px;
    display: block
  }

  .field-checkbox-list-group--open {
    top: 33px;
    border-radius: 10px 10px 0 0
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__title {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 21px 11px;
    margin-bottom: 31px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__title:after {
    height: 8px;
    border-top: 2px solid #aecd60;
    border-bottom: 2px solid #cfcfcf
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__items {
    padding: 0 21px 21px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__close {
    top: 8px;
    right: 13px
  }

  .field-checkbox-list-group--open .field-checkbox-list-group__close svg {
    width: 25px;
    height: 25px
  }
}

.field-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px
}

.field-file__button {
  font-size: 14px;
  line-height: 20px;
  width: 247px;
  height: 49px;
  background: #e8f2d2 url(/local/templates/2024/css/../img/icon-file.png) 10px center no-repeat;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: 36px 38px;
  padding: 4px 0 0 38px;
  cursor: pointer
}

.field-file__button:after {
  content: attr(data-text)
}

.field-file__input {
  display: none
}

.field-file__selected {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  gap: 10px
}

.field-file__remove {
  color: #7c9ed2;
  cursor: pointer
}

.field-file--selected .field-file__button {
  background-color: #ececec;
  pointer-events: none
}

.field-file--selected .field-file__button:after {
  content: attr(data-selected-text)
}

.field-file--selected .field-file__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1199px) {
  .field-file {
    margin-bottom: 36px
  }

  .field-file__button {
    width: 245px;
    height: 53px;
    background-size: 36px 37px;
    font-size: 16px;
    line-height: 23px;
    padding: 2px 0 0 46px
  }
}

@media (max-width: 767px) {
  .field-file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 22px;
    margin-bottom: 20px
  }

  .field-file__button {
    width: auto;
    min-width: 178px;
    height: 35px;
    font-size: 12px;
    line-height: 17px;
    background-size: 26px 27px;
    padding: 2px 16px 0 46px
  }

  .field-file__selected {
    font-size: 12px;
    line-height: 14px
  }
}

.field-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.field-gallery__input {
  display: none
}

.field-gallery__count {
  margin-right: 4px
}

.field-gallery__edit {
  color: #7c9ed2;
  text-decoration: none;
  margin-left: 8px
}

.field-gallery--empty .field-gallery__summary {
  display: none
}

@media (max-width: 1199px) {
  .field-gallery__summary {
    margin-top: 12px;
    margin-bottom: 37px
  }
}

@media (max-width: 767px) {
  .field-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }

  .field-gallery__summary {
    margin-bottom: 21px;
    margin-top: 0
  }
}

.field-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px
}

.field-range .field-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0
}

.field-range .field-text__input {
  font-size: 14px;
  line-height: 19px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 7px 15px;
  min-height: 36px
}

.field-range .field-text__input:focus {
  -webkit-box-shadow: 0 0 0 1px #adcd5f;
  box-shadow: 0 0 0 1px #adcd5f;
  border-color: #adcd5f
}

.field-range .field-text__input-wrap {
  position: relative
}

.field-range .field-text__prefix {
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  top: 12px;
  left: 16px
}

.field-range .field-text__input {
  padding-left: 38px
}

.field-range .field-text__input::-webkit-input-placeholder {
  color: #7b7b7b
}

.field-range .field-text__input::-moz-placeholder {
  color: #7b7b7b
}

.field-range .field-text__input:-ms-input-placeholder {
  color: #7b7b7b
}

.field-range .field-text__input::-ms-input-placeholder {
  color: #7b7b7b
}

.field-range .field-text__input::placeholder {
  color: #7b7b7b
}

.field-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  margin: 52px 0 31px
}

.field-rating__title {
  font-size: 19px;
  line-height: 28px
}

.field-rating__stars {
  height: 33px;
  width: 225px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='23' viewBox='0 0 30 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86427 15.4867L4.73289 22.2712C4.52949 22.9198 4.83459 23.1346 5.41234 22.7467L11.4516 18.6985C12.0294 18.3127 12.9728 18.3127 13.5505 18.6985L18.8909 22.2795L19.5877 22.7467C20.1654 23.1346 20.4705 22.9198 20.2671 22.2712L18.1357 15.4867C18.0081 15.08 18.0751 14.5878 18.2807 14.1769C18.404 13.9308 18.575 13.7139 18.7849 13.5617L23.9327 9.79923L24.6446 9.27783C25.2072 8.86905 25.0881 8.52075 24.3849 8.50824L17.0322 8.36224C16.3289 8.34764 15.5651 7.81164 15.3357 7.17345L12.9209 0.478647C12.6915 -0.159549 12.3107 -0.159549 12.0813 0.478647L11.7805 1.31289L9.66428 7.17762C9.502 7.62602 9.07788 8.0202 8.59535 8.22251C8.38978 8.30802 8.17773 8.36224 7.96783 8.36642L0.615102 8.51241C-0.0881458 8.52492 -0.207157 8.87322 0.355442 9.282L0.669199 9.51141L6.21512 13.5658C6.77556 13.9704 7.06768 14.8381 6.86427 15.4867Z' fill='%23B7B7B7'/%3E%3C/svg%3E");
  cursor: pointer
}

.field-rating__stars, .field-rating__stars span {
  background-size: 45px 33px
}

.field-rating__stars span {
  display: block;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='23' viewBox='0 0 30 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86427 15.4867L4.73289 22.2712C4.52949 22.9198 4.83459 23.1346 5.41234 22.7467L11.4516 18.6985C12.0294 18.3127 12.9728 18.3127 13.5505 18.6985L18.8909 22.2795L19.5877 22.7467C20.1654 23.1346 20.4705 22.9198 20.2671 22.2712L18.1357 15.4867C18.0081 15.08 18.0751 14.5878 18.2807 14.1769C18.404 13.9308 18.575 13.7139 18.7849 13.5617L23.9327 9.79923L24.6446 9.27783C25.2072 8.86905 25.0881 8.52075 24.3849 8.50824L17.0322 8.36224C16.3289 8.34764 15.5651 7.81164 15.3357 7.17345L12.9209 0.478647C12.6915 -0.159549 12.3107 -0.159549 12.0813 0.478647L11.7805 1.31289L9.66428 7.17762C9.502 7.62602 9.07788 8.0202 8.59535 8.22251C8.38978 8.30802 8.17773 8.36224 7.96783 8.36642L0.615102 8.51241C-0.0881458 8.52492 -0.207157 8.87322 0.355442 9.282L0.669199 9.51141L6.21512 13.5658C6.77556 13.9704 7.06768 14.8381 6.86427 15.4867Z' fill='%0A%239ECE2B'/%3E%3C/svg%3E")
}

.field-select {
  display: block;
  margin-bottom: 1em
}

.field-select__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.4375;
  font-weight: 700
}

.field-select__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: #868383
}

.field-select__help-text:empty {
  display: none
}

.field-select--error {
  color: #d8544f
}

.field-select--error .field-select__name, .field-select--error .field-select__select, .field-select--error .field-select__help-text {
  color: #d8544f
}

.field-select--error .field-select__select, .field-select--error .choices__inner, .field-select--error .choices:after {
  border-color: #d8544f;
  background-color: #f9e2e2
}

@media (max-width: 1199px) {
  .field-select {
    margin-bottom: 25px
  }
}

@media (max-width: 767px) {
  .field-select {
    margin-bottom: 18px
  }
}

.choices {
  position: relative
}

.choices:focus {
  outline: 0
}

.choices:focus:not(.is-disabled) .choices__inner {
  outline: 0
}

.choices:after {
  content: '';
  position: absolute;
  pointer-events: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 27px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='13.5' cy='13.5' rx='13.5' ry='13.5' transform='matrix(1 2.62268e-07 2.62268e-07 -1 0 27)' fill='%23BFBFBF'/%3E%3Cpath d='M19.4863 11.2441L13.2422 17.4883L6.99805 11.2441' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  right: 21px;
  top: 15px
}

.choices .is-hidden {
  display: none
}

.choices__inner {
  border: 1.5px solid #adadad;
  border-radius: 5px;
  padding: 16px 29px;
  background: #fff;
  font-size: 1em;
  line-height: 1.5;
  cursor: pointer;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.choices__inner .choices__item--selectable {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.choices__list--dropdown {
  display: none;
  position: absolute;
  z-index: 20;
  top: 100%;
  right: 0;
  margin-top: 10px;
  margin-right: 1px;
  border: 0;
  border-radius: 5px;
  background-color: #fff;
  word-break: break-all;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  padding: 15px 0
}

.choices__list--dropdown .choices__item {
  cursor: pointer;
  font-size: 16px;
  line-height: 19px;
  padding: 6px 24px 6px 27px
}

.choices__list--dropdown .choices__item.is-highlighted {
  color: #88b71a
}

.choices__list--dropdown .choices__item.choices__placeholder {
  display: none
}

.choices__heading {
  padding: 17px 29px;
  font-size: .75em;
  font-weight: 700;
  opacity: .5;
  cursor: default
}

.choices.is-open .choices__list--dropdown {
  display: block
}

.choices.is-disabled .choices__inner {
  background-color: #d9d9d9;
  cursor: default
}

@media (max-width: 1199px) {
  .choices__inner {
    border-width: 1px;
    padding: 15px 30px;
    font-size: 16px;
    line-height: 19px
  }

  .choices:after {
    top: 12px;
    right: 32px
  }

  .choices__list--dropdown {
    margin-top: 15px;
    margin-right: -1px
  }
}

@media (max-width: 767px) {
  .choices__inner {
    padding: 9px 19px;
    font-size: 12px;
    line-height: 14px
  }

  .choices:after {
    width: 19px;
    height: 19px;
    background-size: 100%;
    right: 15px;
    top: 7px
  }

  .choices__list--dropdown {
    margin-top: 11px;
    margin-right: 0;
    padding: 9px 0 13px
  }

  .choices__list--dropdown .choices__item {
    padding: 6px 26px 6px 19px;
    font-size: 12px;
    line-height: 14px
  }
}

.field-text {
  display: block;
  margin-bottom: 17px
}

.field-text__name {
  display: block;
  margin-bottom: .4em;
  line-height: 1.4375;
  font-weight: 700
}

.field-text__input-wrap {
  display: block
}

.field-text__input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  min-height: calc(22px + 17px + 17px);
  margin: 0;
  border: 1.5px solid #adadad;
  border-radius: 5px;
  padding: 17px 29px;
  line-height: 22px;
  font-size: 16px;
  font-family: inherit;
  background-color: #fff;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield
}

.field-text__input:focus {
  outline: 0
}

.field-text__input[disabled], .field-text__input[readonly] {
  cursor: not-allowed;
  background-color: #d9d9d9
}

.field-text__input::-webkit-search-cancel-button, .field-text__input::-webkit-search-decoration, .field-text__input::-webkit-inner-spin-button, .field-text__input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.field-text__input[type=color] {
  padding: 0
}

.field-text__input::-webkit-input-placeholder {
  color: #1e1e1e;
  opacity: 1
}

.field-text__input::-moz-placeholder {
  color: #1e1e1e;
  opacity: 1
}

.field-text__input:-ms-input-placeholder {
  color: #1e1e1e;
  opacity: 1
}

.field-text__input::-ms-input-placeholder {
  color: #1e1e1e;
  opacity: 1
}

.field-text__input::placeholder {
  color: #1e1e1e;
  opacity: 1
}

@media (max-width: 1199px) {
  .field-text__input {
    border-width: 1px
  }
}

textarea.field-text__input {
  height: auto;
  min-height: calc(36.875px + 2px);
  resize: vertical
}

.field-text__help-text {
  display: block;
  padding-top: .4em;
  font-size: .75em;
  line-height: 1.2em;
  color: #868383
}

.field-text__help-text:empty {
  display: none
}

.field-text--error .field-text__name, .field-text--error .field-text__input, .field-text--error .field-text__help-text {
  color: #d8544f
}

.field-text--error .field-text__input {
  border-color: #d8544f;
  background-color: #f9e2e2
}

@media (max-width: 1199px) {
  .field-text {
    margin-bottom: 25px
  }

  .field-text__input {
    padding: 15px 30px;
    font-size: 16px;
    line-height: 19px;
    min-height: 51px
  }
}

@media (max-width: 767px) {
  .field-text {
    margin-bottom: 14px
  }

  .field-text__input {
    padding: 9px 19px;
    font-size: 12px;
    line-height: 14px;
    min-height: 34px
  }
}

.footer-nav {
  position: relative;
  z-index: 10
}

.footer-nav__list {
  gap: 49px;
  margin: 0;
  padding: 0;
  list-style: none
}

@media (min-width: 992px) {
  .footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .footer-nav__list--lvl-2 {
    display: block
  }

  .footer-nav__list--lvl-3 {
    display: block
  }
}

.footer-nav__item {
  position: relative
}

.footer-nav__item--active > .footer-nav__link {
  color: #000
}

.footer-nav__link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #1f1f1f;
  font-size: 20px;
  font-weight: 600;
  line-height: 29px
}

.footer-nav__link:hover, .footer-nav__link:focus {
  z-index: 1;
  text-decoration: none;
  color: #ddea8e
}

.footer-nav__link--lvl-2 {
  min-width: 200px
}

@media (max-width: 991px) {
  .footer-nav__link--lvl-2 {
    padding-left: 2em
  }
}

.footer-nav__link--lvl-3 {
  min-width: 200px
}

@media (max-width: 991px) {
  .footer-nav__link--lvl-3 {
    padding-left: 3em
  }
}

@media (min-width: 992px) {
  .footer-nav__sublist-wrapper--lvl-2 {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .footer-nav__item--show-child > .footer-nav__sublist-wrapper--lvl-2, .footer-nav__item:hover .footer-nav__sublist-wrapper--lvl-2 {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

@media (min-width: 992px) {
  .footer-nav__sublist-wrapper--lvl-3 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .footer-nav__item--show-child > .footer-nav__sublist-wrapper--lvl-3, .footer-nav__item--lvl-2:hover .footer-nav__sublist-wrapper--lvl-3 {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

.footer-nav__toggler {
  display: inline-block;
  border: 0;
  padding: 0;
  background: 0 0
}

@media (min-width: 992px) {
  .footer-nav__toggler {
    display: none
  }
}

.no-js .footer-nav__toggler {
  display: none
}

@media (max-width: 1399px) {
  .footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
  }

  .footer-nav__link {
    font-size: 18px;
    line-height: 22px
  }
}

@media (max-width: 767px) {
  .footer-nav__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(auto) [ 3 ];
    grid-template-columns:repeat(3, auto);
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .footer-nav__link {
    font-size: 17px;
    line-height: 21px
  }
}

.form__fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0
}

.form__fieldset:not(:last-child) {
  margin-bottom: 1em
}

.form__legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 24px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  line-height: 1.4375;
  white-space: normal;
  color: currentColor
}

@media (max-width: 768px) {
  .grid-free .mod-free {
    padding-right: 0
  }
}

@media (max-width: 480px) {
  .grid-free .mod-free {
    padding-right: 13px !important
  }
}

.grid-free .grid-free__main > h2 {
  margin: 0 0 33px 0;
  text-align: center;
  font-weight: 500
}

@media (max-width: 480px) {
  .grid-free .grid-free__main > h2 {
    margin: 0 auto 15px auto;
    font-size: 18px;
    padding-right: 0 !important
  }
}

.grid-free .grid-free__main .btn-w {
  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
}

.grid-free .grid-free__main .btn-w .btn-gradient {
  padding: 18px 60px
}

.grid-free .grid-free__list::-webkit-scrollbar {
  width: 0
}

.grid-free .grid-free__list {
  -ms-overflow-style: none
}

.grid-free .grid-free__list {
  overflow: -moz-scrollbars-none
}

.grid-free .grid-free__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(30%, 1fr));
  grid-gap: 46px;
  padding: 0;
  margin-bottom: 87px
}

@media (max-width: 768px) {
  .grid-free .grid-free__list {
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 51px;
    padding-bottom: 0
  }
}

@media (max-width: 480px) {
  .grid-free .grid-free__list {
    overflow-x: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    grid-gap: 33px;
    margin-bottom: 40px !important
  }
}

.grid-free .grid-free__list li {
  list-style: none
}

@media (max-width: 768px) {
  .grid-free .grid-free__list li {
    min-width: 417px
  }
}

@media (max-width: 480px) {
  .grid-free .grid-free__list li {
    min-width: 100% !important
  }
}

@media (max-width: 768px) {
  .grid-free .grid-free__list li:last-child {
    margin-right: 35px
  }
}

@media (max-width: 480px) {
  .grid-free .grid-free__list li:last-child {
    margin-right: 0 !important
  }
}

.grid-free .grid-free__img {
  height: 340px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 24px
}

@media (max-width: 768px) {
  .grid-free .grid-free__img {
    max-height: 334px
  }
}

@media (max-width: 480px) {
  .grid-free .grid-free__img {
    border-radius: 8px;
    margin-bottom: 14px;
    max-height: 256px !important
  }
}

.grid-free .grid-free__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.grid-free .grid-free__content h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 13px
}

@media (max-width: 768px) {
  .grid-free .grid-free__content h3 {
    font-size: 20px
  }
}

@media (max-width: 768px) {
  .grid-free .grid-free__content h3 {
    font-size: 16px
  }
}

.grid-free .grid-free__content p {
  margin: 0
}

.grid-free .grid-free__content ul {
  padding-left: 0
}

.grid-free .grid-free__content ul li {
  font-size: 16px;
  line-height: 23px;
  padding-left: 15px;
  position: relative
}

@media (max-width: 768px) {
  .grid-free .grid-free__content ul li {
    font-size: 16px
  }
}

@media (max-width: 768px) {
  .grid-free .grid-free__content ul li {
    font-size: 14px
  }
}

.grid-free .grid-free__content ul li:before {
  position: absolute;
  top: 11px;
  left: 0;
  content: '';
  border: 2.5px solid #000;
  border-radius: 100%
}

@media (max-width: 768px) {
  .grid-free .grid-free__content ul li:before {
    top: 8px
  }
}

.grid-free .grid-free__content ul li:not(:last-child) {
  margin-bottom: 8px
}

@media (max-width: 768px) {
  .grid-free .grid-free__content ul li:not(:last-child) {
    margin-bottom: 10px
  }
}

.grid-free .btn-w {
  text-align: center
}

.grid-free .btn-w .btn {
  width: 295px;
  height: 61px;
  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;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: .03em;
  color: #1e1e1e
}

.grid-free.delivery .grid-free__img {
  height: 282px
}

@media (max-width: 1199px) {
  .grid-free.delivery .grid-free__main > h2 {
    margin: 0 0 24px
  }

  .grid-free.delivery .grid-free__list {
    gap: 37px;
    margin-bottom: 42px
  }

  .grid-free.delivery .grid-free__list li {
    min-width: 408px
  }

  .grid-free.delivery .btn-w .btn {
    width: 264px;
    height: 58px;
    border-radius: 8px
  }
}

@media (max-width: 767px) {
  .grid-free.delivery .grid-free__main > h2 {
    margin: 0 0 15px
  }

  .grid-free.delivery .grid-free__list {
    gap: 35px;
    margin-bottom: 44px !important
  }

  .grid-free.delivery .grid-free__list.custom-margin {
    margin-bottom: 28px !important
  }

  .grid-free.delivery .grid-free__img {
    height: 216px;
    border-radius: 5px
  }

  .grid-free.delivery .grid-free__content ul li {
    padding-left: 12px
  }

  .grid-free.delivery .grid-free__content ul li:not(:last-child) {
    margin-bottom: 2px
  }

  .grid-free.delivery .btn-w .btn {
    width: 178px;
    height: 39px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 145.023%
  }
}

@media (max-width: 1199px) {
  .grid-free.production .grid-free__main > h2 {
    margin: 0 0 23px
  }

  .grid-free.production .grid-free__img {
    margin-bottom: 21px
  }

  .grid-free.production .grid-free__list {
    margin-bottom: 44px
  }

  .grid-free.production .two-column .grid-free__content h3 {
    font-size: 18px !important;
    margin-bottom: 6px
  }

  .grid-free.production .two-column .grid-free__content p {
    font-size: 16px;
    line-height: 144.187%
  }
}

@media (max-width: 767px) {
  .grid-free.production .grid-free__main > h2 {
    letter-spacing: .54px;
    margin: 0 0 17px
  }

  .grid-free.production .grid-free__img {
    height: 216px;
    border-radius: 5px;
    margin-bottom: 16px
  }

  .grid-free.production .grid-free__list {
    gap: 28px !important;
    margin-bottom: 33px !important
  }

  .grid-free.production .two-column .grid-free__content h3 {
    font-size: 16px !important;
    margin-bottom: 4px
  }

  .grid-free.production .two-column .grid-free__content p {
    line-height: 143.023%
  }
}

.grid-free__main > h2 {
  margin: 0 0 41px 0;
  text-align: center;
  font-weight: 500
}

@media (max-width: 768px) {
  .grid-free__main > h2 {
    font-size: 28px
  }
}

@media (max-width: 480px) {
  .grid-free__main > h2 {
    font-size: 18px;
    max-width: 100%;
    margin: 0 auto 15px auto
  }
}

.grid-free__main .btn-w {
  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
}

@media (max-width: 768px) {
  .grid-free__main .btn-w .btn-gradient {
    padding: 0 !important
  }
}

.grid-free__main .btn-w .btn-gradient button {
  padding: 18px 60px !important;
  font-weight: 600
}

@media (max-width: 768px) {
  .grid-free__main .btn-w .btn-gradient button {
    padding: 13px 60px !important
  }
}

.grid-free .btn-gradient {
  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
}

.custom-margin {
  margin-bottom: 50px
}

@media (max-width: 1199px) {
  .custom-margin {
    margin-bottom: 30px !important
  }
}

@media (max-width: 767px) {
  .custom-margin {
    margin-bottom: 10px !important
  }
}

.two-column {
  grid-template-columns:repeat(auto-fill, minmax(45%, 1fr)) !important;
  grid-gap: 45px 46px !important
}

@media (max-width: 1200px) {
  .two-column {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media (max-width: 768px) {
  .two-column {
    grid-gap: 22px 31px !important;
    padding-right: 35px !important
  }
}

@media (max-width: 480px) {
  .two-column {
    padding-right: 0 !important
  }
}

@media (max-width: 768px) {
  .two-column li {
    max-width: 47.7% !important;
    min-width: auto !important;
    margin-right: 0 !important
  }
}

@media (max-width: 768px) {
  .two-column {
    grid-template-columns:repeat(auto-fill, minmax(45%, 1fr)) !important
  }
}

@media (max-width: 1200px) {
  .two-column .grid-free__img {
    max-height: 272px !important
  }
}

@media (max-width: 480px) {
  .two-column .grid-free__img {
    max-height: 256px !important
  }
}

.two-column .grid-free__content h3 {
  font-size: 20px !important
}

@media (max-width: 480px) {
  .two-column .grid-free__content h3 {
    font-size: 16px !important;
    margin-bottom: 4px
  }
}

.two-column .grid-free__content p {
  font-size: 16px !important;
  line-height: 23px
}

@media (max-width: 480px) {
  .two-column .grid-free__content p {
    font-size: 14px !important
  }
}

@media (max-width: 767px) {
  .custom-imgOrder {
    margin-bottom: 45px
  }
}

.custom-imgOrder .grid-free__img {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  margin-bottom: 26px
}

@media (max-width: 1199px) {
  .custom-imgOrder .grid-free__img {
    height: 334px;
    margin-bottom: 20px
  }
}

@media (max-width: 767px) {
  .custom-imgOrder .grid-free__img {
    margin-bottom: 13px;
    height: 256px
  }
}

.custom-imgOrder .grid-free__img img {
  border-radius: 5px;
  overflow: hidden;
  height: auto
}

.custom-imgOrder .grid-free__content h3 {
  margin-bottom: 11px
}

@media (max-width: 1199px) {
  .custom-imgOrder .grid-free__content h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 7px
  }

  .custom-imgOrder .grid-free__content p {
    font-size: 16px;
    line-height: 23px
  }
}

@media (max-width: 767px) {
  .custom-imgOrder .grid-free__content h3 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px
  }

  .custom-imgOrder .grid-free__content p {
    font-size: 14px;
    line-height: 20px
  }
}

.custom-imgOrder .grid-free__main > h2 {
  margin-bottom: 36px
}

@media (max-width: 1199px) {
  .custom-imgOrder .grid-free__main > h2 {
    letter-spacing: .84px;
    margin-bottom: 24px
  }
}

@media (max-width: 767px) {
  .custom-imgOrder .grid-free__main > h2 {
    margin-bottom: 14px;
    max-width: none;
    letter-spacing: 0
  }
}

.custom-imgOrder .grid-free__list {
  margin-bottom: 79px;
  gap: 54px
}

@media (max-width: 1199px) {
  .custom-imgOrder .grid-free__list {
    margin-bottom: 32px !important;
    gap: 38px
  }

  .custom-imgOrder .grid-free__list li {
    min-width: 406px
  }
}

@media (max-width: 767px) {
  .custom-imgOrder .grid-free__list {
    margin-bottom: 31px !important;
    gap: 45px
  }
}

.three_main {
  margin-bottom: 76px
}

.three_main h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  margin: 0 0 33px
}

@media (max-width: 1199px) {
  .three_main h3 {
    margin-bottom: 26px;
    font-size: 28px
  }
}

@media (max-width: 767px) {
  .three_main h3 {
    font-size: 18px;
    margin-bottom: 10px
  }
}

.three_main .btn-gradient {
  text-align: center
}

@media (max-width: 768px) {
  .three_main .btn-gradient a {
    padding: 13px 70px 12px 70px !important
  }
}

.three_main .btn-gradient a:focus {
  color: #161616
}

@media (max-width: 1199px) {
  .three_main {
    margin-bottom: 57px
  }
}

@media (max-width: 767px) {
  .three_main {
    margin-bottom: 44px
  }
}

.grid-three {
  display: -ms-grid;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(27%, 1fr));
  grid-gap: 34px 53px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 76px
}

@media (max-width: 1399px) {
  .grid-three {
    grid-gap: 10px;
    margin-bottom: 60px
  }
}

@media (max-width: 1199px) {
  .grid-three {
    grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 17px;
    margin-bottom: 44px
  }
}

@media (max-width: 767px) {
  .grid-three {
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 16px;
    margin-bottom: 44px
  }
}

.grid-three li {
  border-radius: 5px;
  border: 1px solid #aeaeae;
  background: #fff;
  padding: 22px 26px 24px 26px
}

@media (max-width: 1199px) {
  .grid-three li {
    font-size: 16px;
    border-radius: 12px;
    border-width: 2px;
    padding: 13px 16px 19px 17px
  }
}

@media (max-width: 767px) {
  .grid-three li {
    font-size: 14px;
    line-height: 20px;
    border-width: 1px;
    padding: 14px 15px 15px 19px;
    border-radius: 5px
  }
}

.grid-two {
  display: -ms-grid;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));
  grid-gap: 47px;
  padding: 0;
  list-style: none;
  margin-bottom: 80px
}

@media (max-width: 1199px) {
  .grid-two {
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 27px;
    margin-bottom: 59px
  }
}

@media (max-width: 767px) {
  .grid-two {
    grid-gap: 20px;
    margin-bottom: 43px
  }
}

.grid-two li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  padding: 48px 44px 48px 38px;
  position: relative
}

@media (max-width: 1199px) {
  .grid-two li {
    min-height: 225px;
    padding: 42px 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 5px
  }
}

@media (max-width: 767px) {
  .grid-two li {
    min-height: 269px !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 18px
  }
}

.grid-two li .grid-two__content {
  max-width: 380px;
  position: relative;
  z-index: 2
}

@media (max-width: 767px) {
  .grid-two li .grid-two__content {
    width: 250px;
    max-width: 100%
  }
}

.grid-two li h4 {
  font-size: 24px;
  margin: 0 0 17px 0;
  font-weight: 500
}

@media (max-width: 1199px) {
  .grid-two li h4 {
    font-size: 26px;
    line-height: 120.187%;
    margin: 0 0 21px
  }
}

@media (max-width: 767px) {
  .grid-two li h4 {
    font-size: 20px;
    margin: 0 0 8px 0
  }
}

.grid-two li p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .grid-two li p {
    font-size: 20px;
    line-height: 125.187%
  }
}

@media (max-width: 767px) {
  .grid-two li p {
    font-size: 14px
  }
}

.grid-two li:nth-child(1) {
  background-color: #e7eec8
}

.grid-two li:nth-child(1) .grid-two__img {
  position: absolute;
  bottom: 0;
  right: 0
}

.grid-two li:nth-child(1) .grid-two__img img {
  display: block
}

.grid-two li:nth-child(2) {
  background-color: #f6f6f6
}

.grid-two li:nth-child(2) .grid-two__content {
  max-width: 317px
}

.grid-two li:nth-child(2) .grid-two__img {
  position: absolute;
  bottom: 0;
  right: 0
}

.grid-two li:nth-child(2) .grid-two__img img {
  display: block;
  z-index: -1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center
}

.info-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(56, 56, 56, .64);
  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;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 768px) {
  .info-modal {
    padding: 20px
  }
}

.info-modal.active {
  opacity: 1;
  visibility: visible
}

.info-modal.active .info_modal__main {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.info_modal__main {
  border-radius: 10px;
  background: #fff;
  max-width: 700px;
  padding: 46px 61px;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(50px);
  transform: translateY(50px)
}

@media (max-width: 768px) {
  .info_modal__main {
    padding: 26px 41px
  }
}

@media (max-width: 480px) {
  .info_modal__main {
    padding: 19px 22px
  }
}

.info_modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 480px) {
  .info_modal__close {
    width: 30px;
    height: 30px
  }
}

.info_modal__close:hover {
  opacity: .6
}

.info-title {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.info-title h3 {
  margin: 0;
  margin-bottom: 12px
}

@media (max-width: 768px) {
  .info-title h3 {
    font-size: 22px
  }
}

@media (max-width: 480px) {
  .info-title h3 {
    font-size: 16px !important;
    max-width: 251px
  }
}

.info-txt {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.info-txt p {
  margin-bottom: 0
}

@media (max-width: 768px) {
  .info-txt p {
    font-size: 18px
  }
}

@media (max-width: 480px) {
  .info-txt p {
    font-size: 14px !important
  }
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #1f1f1f;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: -.3px
}

.logo img {
  display: block;
  width: 57px
}

.main-about {
  margin-bottom: 25px;
  overflow: hidden
}

.main-about__title {
  color: #1e1e1e;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 120.023%;
  margin-bottom: 27px
}

.main-about__title span {
  position: relative
}

.main-about__title a {
  font-size: 16px;
  line-height: 19px;
  margin-left: 33px;
  position: absolute;
  bottom: -2px;
  left: 100%;
  width: 112px;
  height: 38px;
  border-radius: 19px
}

.main-about__content-text {
  font-size: 16px;
  line-height: 1.43em
}

@media (max-width: 1199px) {
  .main-about {
    margin-bottom: 35px
  }

  .main-about__title {
    position: relative;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: .03em;
    margin-bottom: 25px
  }

  .main-about__title span {
    position: static
  }

  .main-about__title a {
    display: block;
    position: static;
    margin: 13px auto 0;
    width: 115px
  }

  .main-about__content {
    width: auto
  }

  .main-about__content-text {
    font-size: 16px;
    line-height: 133%
  }
}

@media (max-width: 767px) {
  .main-about {
    margin-bottom: 23px
  }

  .main-about__title {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 18px
  }

  .main-about__title a {
    font-size: 12px;
    line-height: 14px;
    margin: 11px auto 0;
    width: 90px;
    height: 25px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }

  .main-about__content-text {
    font-size: 14px;
    line-height: 19px
  }
}

.main-about-departments {
  margin-top: 34px;
  padding-bottom: 11px;
  width: 100%
}

.main-about-departments__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.main-about-departments__slider-wrapper {
  position: relative
}

.main-about-departments__slider-wrapper .swiper-button-prev, .main-about-departments__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-about-departments__slider-wrapper .swiper-button-prev:after, .main-about-departments__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-about-departments__slider-wrapper .swiper-button-prev.swiper-button-disabled, .main-about-departments__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-about-departments__slider-wrapper .swiper-button-prev {
  left: -26px
}

.main-about-departments__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-about-departments__slider-wrapper .swiper-button-next {
  right: -26px
}

.main-about-departments__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-about-departments__slider-wrapper .swiper-button-prev, .main-about-departments__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-about-departments__slider-wrapper .swiper-button-prev:after, .main-about-departments__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-about-departments__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .main-about-departments__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.main-about-departments__slider-wrapper .swiper-button-prev, .main-about-departments__slider-wrapper .swiper-button-next {
  top: 138px
}

@media (max-width: 1199px) {
  .main-about-departments {
    margin-top: 32px;
    padding-bottom: 9px
  }

  .main-about-departments .swiper-slide {
    width: 393px
  }

  .main-about-departments__slider-wrapper {
    margin-right: -35px
  }

  .main-about-departments__slider-wrapper .swiper-button-prev, .main-about-departments__slider-wrapper .swiper-button-next {
    display: none
  }
}

@media (max-width: 767px) {
  .main-about-departments {
    margin-top: 24px
  }

  .main-about-departments .swiper-slide {
    width: 287px
  }
}

.main-about-department-card {
  padding: 0 0 30px
}

.main-about-department-card__image {
  font-size: 0;
  line-height: 0
}

.main-about-department-card__image img {
  border-radius: 5px;
  width: 100%
}

.main-about-department-card__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #1e1e1e;
  text-align: center;
  margin-top: 15px
}

@media (max-width: 1199px) {
  .main-about-department-card {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }

  .main-about-department-card__image img {
    height: 285px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .main-about-department-card__title {
    font-size: 18px;
    line-height: 25px;
    margin-top: 16px;
    letter-spacing: .36px
  }
}

@media (max-width: 767px) {
  .main-about-department-card__image img {
    height: 205px
  }

  .main-about-department-card__title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 10px
  }
}

.main-benefits {
  margin-bottom: 87px
}

.main-benefits__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 4 ];
  grid-template-columns:repeat(4, minmax(0, 1fr));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 27px
}

.main-benefits__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 25px 24px;
  background: #f6f6f6;
  border-radius: 5px
}

.main-benefits__item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 43px;
  height: 39px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 15px
}

.main-benefits__item-title {
  font-size: 21px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (max-width: 1199px) {
  .main-benefits {
    margin-bottom: 62px
  }

  .main-benefits__inner {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 20px 19px
  }

  .main-benefits__item {
    border-radius: 14px;
    padding: 7px 18px;
    min-height: 55px
  }

  .main-benefits__item-image {
    width: 28px;
    height: 28px;
    border-radius: 10px
  }

  .main-benefits__item-title {
    font-size: 16px;
    line-height: 24px
  }
}

@media (max-width: 767px) {
  .main-benefits {
    margin-bottom: 34px
  }

  .main-benefits__inner {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 16px
  }

  .main-benefits__item {
    border-radius: 5px;
    padding: 7px 25px;
    gap: 12px
  }

  .main-benefits__item-title {
    font-size: 14px;
    line-height: 24px
  }

  .main-benefits__item-image {
    width: 27px;
    height: 27px
  }

  .main-benefits__item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.main-carousel {
  margin-bottom: 86px
}

.main-carousel__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 15px
}

.main-carousel__text {
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 35px
}

.main-carousel__slider-wrapper {
  position: relative
}

.main-carousel__slider-wrapper .swiper-button-prev, .main-carousel__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-carousel__slider-wrapper .swiper-button-prev:after, .main-carousel__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-carousel__slider-wrapper .swiper-button-prev.swiper-button-disabled, .main-carousel__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-carousel__slider-wrapper .swiper-button-prev {
  left: -26px
}

.main-carousel__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-carousel__slider-wrapper .swiper-button-next {
  right: -26px
}

.main-carousel__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-carousel__slider-wrapper .swiper-button-prev, .main-carousel__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-carousel__slider-wrapper .swiper-button-prev:after, .main-carousel__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-carousel__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .main-carousel__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.main-carousel .main-carousel__button.btn {
  display: none;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: .02em;
  width: 209px;
  margin: 0 auto;
  padding: 21px 15px
}

.main-carousel .main-carousel__button.btn, .main-carousel .main-carousel__button.btn:hover, .main-carousel .main-carousel__button.btn:focus {
  color: #3b3b3b
}

.main-carousel--special-offer {
  margin-bottom: 72px
}

.main-carousel--special-offer .main-carousel__title {
  margin-bottom: 32px
}

.main-carousel--video {
  margin-bottom: 74px
}

.main-carousel--video .main-carousel__title {
  margin-bottom: 32px
}

@media (max-width: 1199px) {
  .main-carousel {
    margin-bottom: 61px
  }

  .main-carousel__title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 24px
  }

  .main-carousel__text {
    display: none;
    font-size: 18px;
    line-height: 1.43em;
    margin-bottom: 23px
  }

  .main-carousel .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 31px 20px
  }

  .main-carousel .swiper-button-prev, .main-carousel .swiper-button-next {
    display: none
  }

  .main-carousel--special-offer {
    margin-bottom: 48px
  }

  .main-carousel--special-offer .main-carousel__title {
    margin-bottom: 23px
  }

  .main-carousel--video {
    margin-bottom: 52px
  }

  .main-carousel--video .main-carousel__title {
    margin-bottom: 24px
  }

  .main-carousel--video .main-carousel__slider-wrapper {
    margin-right: -35px
  }

  .main-carousel--video .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    gap: 21px
  }
}

@media (max-width: 767px) {
  .main-carousel {
    margin-bottom: 43px
  }

  .main-carousel__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 9px
  }

  .main-carousel__text {
    display: block;
    margin-bottom: 21px;
    font-size: 12px;
    line-height: 16px
  }

  .main-carousel .swiper-wrapper {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 23px 10px
  }

  .main-carousel__slider {
    margin-bottom: 34px
  }

  .main-carousel__slider--all .product-card:nth-child(n+5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .main-carousel__button {
    display: block;
    font-size: 12px;
    line-height: 17px;
    width: 125px;
    padding: 11px 15px
  }

  .main-carousel--product {
    margin-bottom: 8px
  }

  .main-carousel--special-offer {
    margin-bottom: 5px
  }

  .main-carousel--video {
    margin-bottom: 0
  }

  .main-carousel--video .main-carousel__slider {
    margin-bottom: 35px
  }

  .main-carousel--video .main-carousel__title {
    margin-bottom: 23px
  }

  .main-carousel--video .main-carousel__slider-wrapper {
    margin-right: -13px
  }

  .main-carousel--video .swiper-wrapper {
    gap: 17px
  }
}

.page--catalog .main-carousel--special-offer {
  margin-bottom: 49px
}

.page--catalog .main-carousel--special-offer .main-carousel__title {
  margin-bottom: 24px
}

@media (max-width: 767px) {
  .page--catalog .main-carousel--special-offer .main-carousel__title {
    margin-bottom: 23px
  }
}

.main-cats {
  margin-bottom: 20px;
  overflow: hidden
}

.main-cats__title {
  font-weight: 400;
  text-align: center;
  margin-top: 0;
  margin-bottom: 37px
}

.main-cats__title strong {
  font-weight: 500
}

.main-cats__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: -19px;
  margin-right: -19px
}

.main-cats__col-a {
  width: 639px;
  padding: 0 19px 38px
}

.main-cats__col-b {
  width: 839px;
  padding: 0 19px 38px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap: 29px 25px
}

@media (max-width: 1199px) {
  .main-cats {
    margin-bottom: 50px
  }

  .main-cats__title {
    margin-top: 0;
    margin-bottom: 47px
  }

  .main-cats__inner {
    gap: 43px 30px
  }

  .main-cats__row {
    display: block;
    margin-left: 0;
    margin-right: 0
  }

  .main-cats__col-a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 36px
  }

  .main-cats__col-b {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: block
  }
}

@media (max-width: 767px) {
  .main-cats {
    margin-bottom: 30px
  }

  .main-cats__col-a {
    padding-bottom: 19px
  }

  .main-cats__title {
    font-size: 18px;
    line-height: 1.28em;
    margin-bottom: 23px
  }

  .main-cats__inner {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 16px
  }
}

.main-cats-item {
  display: block;
  position: relative;
  min-height: 173px;
  height: 100%
}

.main-cats-item__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: .03em;
  text-align: center;
  margin-bottom: 0;
  color: #fff
}

.main-cats-item__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  overflow: hidden
}

.main-cats-item__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  width: 100%
}

.main-cats-item__image::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 104px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 35, 35, 0)), to(rgba(35, 35, 35, .77)));
  background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0, rgba(35, 35, 35, .77) 100%);
  z-index: 2;
  border-radius: 0 0 5px 5px
}

.main-cats-item__button {
  font-size: 0;
  line-height: 24px;
  letter-spacing: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  flex-shrink: 0;
  position: relative;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0
}

.main-cats-item__button::before {
  content: '';
  display: block;
  width: 11px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 8px;
  right: 6px
}

.main-cats-item__button, .main-cats-item__button:hover, .main-cats-item__button:focus {
  color: #141414
}

.main-cats-item__content {
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 17px 0 18px;
  z-index: 3
}

.main-cats-item:hover .main-cats-item__button {
  opacity: 1
}

@media (max-width: 1470px) {
  .main-cats-item__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 26px
  }

  .main-cats-item__title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 5px
  }

  .main-cats-item__button {
    width: 37px;
    height: 37px;
    line-height: 37px;
    opacity: 1
  }

  .main-cats-item__button::before {
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 10px;
    right: 9px
  }
}

@media (max-width: 1199px) {
  .main-cats-item {
    min-height: 333px
  }

  .main-cats-item__title {
    letter-spacing: 0
  }

  .main-cats-item__content {
    padding: 0 25px
  }
}

@media (max-width: 767px) {
  .main-cats-item {
    min-height: 164px
  }

  .main-cats-item__title {
    font-size: 18px;
    line-height: 22px
  }

  .main-cats-item__content {
    bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
  }

  .main-cats-item__button {
    width: 21px;
    height: 21px
  }

  .main-cats-item__button::before {
    width: 11px;
    height: 8px;
    top: 7px;
    right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A")
  }
}

.main-cats__col-a .main-cats-item__title {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 700
}

.main-cats__col-a .main-cats-item__content {
  padding: 0 25px;
  bottom: 26px
}

.main-cats__col-a .main-cats-item__button {
  width: 40px;
  height: 40px;
  line-height: 40px
}

.main-cats__col-a .main-cats-item__button::before {
  content: '';
  display: block;
  width: 22px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 10px;
  right: 9px
}

@media (max-width: 1199px) {
  .main-cats__col-a .main-cats-item__title {
    font-size: 26px;
    line-height: 32px
  }

  .main-cats__col-a .main-cats-item__content {
    padding-right: 25px
  }

  .main-cats__col-a .main-cats-item__button {
    width: 37px;
    height: 37px;
    line-height: 37px
  }

  .main-cats__col-a .main-cats-item__button::before {
    content: '';
    display: block;
    width: 20px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 10px;
    right: 9px
  }
}

@media (max-width: 767px) {
  .main-cats__col-a .main-cats-item__title {
    font-size: 18px;
    line-height: 22px
  }

  .main-cats__col-a .main-cats-item__content {
    bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
  }

  .main-cats__col-a .main-cats-item__button {
    width: 21px;
    height: 21px
  }

  .main-cats__col-a .main-cats-item__button::before {
    width: 11px;
    height: 8px;
    top: 7px;
    right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Arrow 1' d='M10.3536 4.35355C10.5488 4.15829 10.5488 3.84171 10.3536 3.64645L7.17157 0.464466C6.97631 0.269204 6.65973 0.269204 6.46447 0.464466C6.2692 0.659728 6.2692 0.976311 6.46447 1.17157L9.29289 4L6.46447 6.82843C6.2692 7.02369 6.2692 7.34027 6.46447 7.53553C6.65973 7.7308 6.97631 7.7308 7.17157 7.53553L10.3536 4.35355ZM-8.10936e-10 4.5L10 4.5L10 3.5L8.10936e-10 3.5L-8.10936e-10 4.5Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A")
  }
}

@media (max-width: 1199px) {
  .main-cats__col-b .main-cats-item {
    margin-top: 36px
  }

  .main-cats__col-b .main-cats-item:first-child {
    margin-top: 0
  }
}

@media (max-width: 767px) {
  .main-cats__col-b .main-cats-item {
    margin-top: 19px
  }

  .main-cats__col-b .main-cats-item:first-child {
    margin-top: 0
  }
}

.main-form {
  margin-bottom: 75px
}

.main-form__inner {
  background: #f5f5f5;
  border-radius: 19px;
  padding: 37px 40px 38px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px
}

.main-form__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  border-radius: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.main-form__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.main-form__form {
  width: 638px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.main-form__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 18px
}

.main-form__text {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 38px
}

.main-form .btn--submit {
  margin-top: 28px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #171717;
  width: 236px;
  padding: 13px 15px;
  margin-bottom: 0
}

.main-form .field-checkbox {
  margin-top: 25px
}

@media (max-width: 1199px) {
  .main-form {
    margin-bottom: 52px
  }

  .main-form__inner {
    margin-left: -35px;
    margin-right: -35px;
    border-radius: 0;
    padding: 35px 35px 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 37px
  }

  .main-form__image {
    height: 461px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }

  .main-form__form {
    width: auto
  }

  .main-form__title {
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 14px
  }

  .main-form__text {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 34px
  }

  .main-form .btn--submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    line-height: 23px;
    width: 241px;
    padding: 15px 15px 14px;
    margin: 37px auto 0
  }

  .main-form .field-checkbox {
    margin-top: 31px
  }
}

@media (max-width: 767px) {
  .main-form {
    margin-bottom: 34px
  }

  .main-form__inner {
    padding: 18px 13px 21px;
    margin-left: -13px;
    margin-right: -13px;
    gap: 21px
  }

  .main-form__image {
    border-radius: 5px;
    height: 263px
  }

  .main-form__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 9px
  }

  .main-form__text {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 17px;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto
  }

  .main-form .btn--submit {
    font-size: 12px;
    line-height: 17px;
    width: 163px;
    height: 33px;
    padding: 11px 15px;
    margin: 26px auto 0
  }

  .main-form .field-checkbox {
    margin-top: -2px
  }
}

.main-hero {
  margin: 48px 0 43px
}

.main-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 87px;
  border-bottom: 2px solid #d9d9d9;
  padding-bottom: 51px
}

.main-hero__sidebar {
  width: 280px;
  padding-top: 2px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.main-hero__slider {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  padding: 0 50px;
  margin: 0 -50px
}

.main-hero__slider .swiper-button-prev, .main-hero__slider .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%
}

.main-hero__slider .swiper-button-prev:after, .main-hero__slider .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-hero__slider .swiper-button-prev {
  left: 24px
}

.main-hero__slider .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-hero__slider .swiper-button-next {
  right: 24px
}

.main-hero__slider .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 1470px) {
  .main-hero {
    margin-bottom: 46px
  }

  .main-hero__inner {
    border-bottom: none;
    padding-bottom: 0
  }
}

@media (max-width: 1199px) {
  .main-hero {
    margin: 10px 0 49px
  }

  .main-hero__sidebar {
    display: none
  }

  .main-hero__slider .swiper-button-prev, .main-hero__slider .swiper-button-next {
    width: 43px;
    height: 43px;
    margin-top: -20px
  }

  .main-hero__slider .swiper-button-next {
    right: 28px
  }

  .main-hero__slider .swiper-button-prev {
    left: 28px
  }
}

@media (max-width: 767px) {
  .main-hero {
    margin: 10px 0 27px
  }

  .main-hero__slider {
    padding: 0;
    margin: 0
  }

  .main-hero__slider .swiper-button-prev, .main-hero__slider .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-hero__slider .swiper-button-prev:after, .main-hero__slider .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-hero__slider .swiper-button-next {
    right: 8px
  }

  .main-hero__slider .swiper-button-prev {
    left: 8px
  }
}

.main-hero-search {
  margin-bottom: 38px;
  position: relative
}

.main-hero-search .field-text__input {
  border: 1px solid #8c8c8c;
  background: #fff;
  border-radius: 5px;
  width: 280px;
  height: 45px;
  min-height: 45px;
  padding: 5px 15px 5px 56px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .02em
}

.main-hero-search .field-text__input::-webkit-input-placeholder {
  color: #969696
}

.main-hero-search .field-text__input::-moz-placeholder {
  color: #969696
}

.main-hero-search .field-text__input:-ms-input-placeholder {
  color: #969696
}

.main-hero-search .field-text__input::-ms-input-placeholder {
  color: #969696
}

.main-hero-search .field-text__input::placeholder {
  color: #969696
}

.main-hero-search__button {
  position: absolute;
  top: 50%;
  left: 16px;
  background: 0 0;
  border: 0;
  outline: 0;
  color: #9dce2c;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0
}

.main-hero-search__button svg {
  fill: none;
  display: block
}

.main-hero-search__button:hover, .main-hero-search__button:focus {
  background: 0 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9dce2c
}

.main-hero-cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px
}

.main-hero-cats__item {
  border-radius: 5px;
  background: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 23px;
  color: #1e1e1e;
  text-decoration: none;
  padding: 16px 15px 13px
}

.main-hero-slider {
  height: 100%
}

.main-hero-slider__item {
  position: relative;
  background-size: cover;
  border-radius: 19px;
  padding: 28px 60px 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.main-hero-slider__item > * {
  z-index: 10
}

.main-hero-slider__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.main-hero-slider__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  width: 100%
}

.main-hero-slider .city-picker {
  display: none
}

.main-hero-slider__title {
  font-size: 33px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: .03em;
  max-width: 500px;
  margin-bottom: 15px
}

.main-hero-slider__text {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: .02em;
  max-width: 350px;
  margin-bottom: auto
}

.main-hero-slider__button {
  width: 193px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  padding: 12px 15px 11px
}

.main-hero-slider__button, .main-hero-slider__button:hover, .main-hero-slider__button:focus {
  color: #000
}

.main-hero-slider__contacts, .main-hero-slider__social {
  display: none
}

@media (max-width: 1199px) {
  .main-hero-slider__item {
    padding: 31px 29px 49px 22px;
    min-height: 955px;
    display: -ms-grid;
    display: grid;
    grid-template-areas:"city city" "title title" "text text" "button button" "contacts social";
    -ms-grid-rows: auto auto auto 1fr auto;
    grid-template-rows:auto auto auto 1fr auto
  }

  .main-hero-slider .city-picker {
    display: block;
    grid-area: city;
    -ms-grid-column-align: start;
    justify-self: start;
    margin-bottom: 29px
  }

  .main-hero-slider .city-picker__current {
    background: rgba(255, 255, 255, .47);
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 13px;
    padding: 14px 17px 8px 17px;
    gap: 19px
  }

  .main-hero-slider .city-picker__current svg {
    width: 19px;
    height: 26px
  }

  .main-hero-slider .city-picker__current:after {
    width: 14px;
    height: 12px;
    margin-left: -10px
  }

  .main-hero-slider__title {
    font-size: 41px;
    line-height: 49px;
    letter-spacing: 0;
    padding-left: 4px;
    max-width: 100%;
    margin-bottom: 22px;
    grid-area: title
  }

  .main-hero-slider__text {
    font-size: 23px;
    line-height: 31px;
    max-width: 100%;
    padding-left: 7px;
    grid-area: text
  }

  .main-hero-slider__button {
    grid-area: button;
    -ms-grid-row-align: end;
    align-self: end;
    margin-bottom: 35px;
    margin-left: 7px;
    min-width: 257px;
    font-size: 19px;
    line-height: 25px;
    padding: 14px 15px
  }

  .main-hero-slider__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: contacts;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
    padding-left: 10px;
    padding-bottom: 9px
  }

  .main-hero-slider__contacts a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .main-hero-slider__contacts a, .main-hero-slider__contacts a:hover, .main-hero-slider__contacts a:focus {
    color: #fff;
    text-decoration: none
  }

  .main-hero-slider__contacts svg {
    fill: none;
    width: 32px;
    margin-right: 22px
  }

  .main-hero-slider__phone {
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px
  }

  .main-hero-slider__email {
    font-family: Inter, sans-serif;
    font-size: 26px;
    line-height: 31px
  }

  .main-hero-slider__social {
    display: block;
    grid-area: social;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: end;
    justify-self: end;
    margin-right: -3px
  }

  .main-hero-slider__social .social {
    gap: 24px
  }

  .main-hero-slider__social .social__link {
    width: 50px
  }

  .catalog-filter-group__label {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }
}

@media (max-width: 767px) {
  .main-hero-slider__item {
    min-height: 567px;
    padding: 16px 17px 25px 11px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns:auto 1fr;
    border-radius: 8px
  }

  .main-hero-slider .city-picker {
    margin-bottom: 16px
  }

  .main-hero-slider .city-picker__current {
    font-size: 14px;
    line-height: 16px;
    padding: 9px 18px 5px 13px;
    gap: 10px
  }

  .main-hero-slider .city-picker__current svg {
    width: 13px;
    height: 18px
  }

  .main-hero-slider .city-picker__current:after {
    margin-left: -4px;
    width: 9px;
    height: 5px
  }

  .main-hero-slider__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: .03em;
    padding-left: 3px;
    margin-bottom: 10px
  }

  .main-hero-slider__text {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .02em;
    padding-left: 2px;
    padding-right: 2px
  }

  .main-hero-slider__button {
    margin-bottom: 21px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 15px;
    padding: 9px 15px;
    width: 153px;
    min-width: 153px
  }

  .main-hero-slider__contacts {
    padding: 0 0 0 5px;
    gap: 1px
  }

  .main-hero-slider__contacts svg {
    width: 16px;
    margin-right: 12px
  }

  .main-hero-slider__phone {
    font-size: 16px;
    line-height: 19px
  }

  .main-hero-slider__email {
    font-size: 14px;
    line-height: 17px
  }

  .main-hero-slider__social .social {
    gap: 10px
  }

  .main-hero-slider__social .social__link {
    width: 30px
  }
}

.main-hero-banners {
  display: block;
  width: calc(100% - 280px - 89px);
  position: relative
}

.main-hero-banners-slider {
  padding-bottom: 30px;
}
.main-hero-banners-slider__inner {
  gap: 12px;
}

.main-hero-banners-slider-additional {
  flex-shrink: 1;
  min-width: 0;
}
.main-hero-banners-slider-additional .swiper-pagination {
  bottom: -30px;
  --swiper-theme-color: #9dce2c;
}
.main-hero-banners-slider-additional .main-hero-banner {
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
}

.main-hero-banners .swiper-button-prev,
.main-hero-banners .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-hero-banners .swiper-button-prev:after,
.main-hero-banners .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-hero-banners .swiper-button-prev.swiper-button-disabled,
.main-hero-banners .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-hero-banners .swiper-button-prev {
  left: -26px
}

.main-hero-banners .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-hero-banners .swiper-button-next {
  right: -26px
}

.main-hero-banners .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-hero-banners .swiper-button-prev, .main-hero-banners .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-hero-banners .swiper-button-prev:after, .main-hero-banners .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-hero-banners .swiper-button-next {
    right: 8px
  }

  .main-hero-banners .swiper-button-prev {
    left: 8px
  }
}

@media (min-width: 1470px) {
  .main-hero-banners .swiper-button-prev, .main-hero-banners .swiper-button-next {
    display: none
  }
}

@media (max-width: 1199px) {
  .main-hero-banners {
    width: 100%
  }

  .main-hero-banners .swiper-button-prev, .main-hero-banners .swiper-button-next {
    width: 43px;
    height: 43px
  }
}

@media (max-width: 767px) {
  .main-hero-banners {
    width: 100%
  }

  .main-hero-banners .swiper-button-prev, .main-hero-banners .swiper-button-next {
    width: 32px;
    height: 32px
  }
}

.main-hero-banner {
  height: 389px;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  padding: 19px 24px 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.main-hero-banner > * {
  z-index: 10
}

.main-hero-banner .city-picker {
  display: none;
  z-index: 20
}

.main-hero-banner__contacts, .main-hero-banner__social {
  display: none
}

.main-hero-banner__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px
}

.main-hero-banner__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: 5px;
}

.main-hero-banner__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.22em;
  margin-bottom: 14px;
  max-width: 358px
}

.main-hero-banner__text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: auto;
  max-width: 280px
}

.main-hero-banner__comment {
  font-size: 10px;
  line-height: 1.3;
  max-width: 190px;
}

.main-hero-banner__button {
  width: 181px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.38em;
  letter-spacing: .02em;
  padding: 11px 32px 9px
}

.main-hero-banner__button,
.main-hero-banner__button:hover,
.main-hero-banner__button:focus {
  color: #000
}

.main-hero-banner__button--mobile {
  display: none
}

@media (max-width: 1199px) {
  .main-hero-banner {
    padding: 32px 29px 49px 22px;
    height: 955px;
  }
  .main-hero-banner::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 248px;
    border-radius: 0 0 5px 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 35, 35, 0)), to(rgba(50, 62, 54, .89)));
    background: linear-gradient(180deg, rgba(35, 35, 35, 0) 0, rgba(50, 62, 54, .89) 100%);
    z-index: 4
  }
  .main-hero-banner__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    font-weight: 500;
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 22px;
    grid-area: title;
  }
  .main-hero-banner__text {
    font-size: 24px;
    line-height: 1.36023em;
    max-width: 100%;
    padding-left: 0;
    grid-area: text
  }
  .main-hero-banner__button {
    margin-bottom: 35px;
    margin-left: 0;
    min-width: 257px;
    font-size: 20px;
    line-height: 25px;
    padding: 15px;
    display: none
  }
  .main-hero-banner__button--mobile {
    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
  }
  .main-hero-banner__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .main-hero-banner .city-picker {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-area: city;
    -ms-grid-column-align: start;
    justify-self: start;
    margin-bottom: 28px
  }
  .main-hero-banner .city-picker__current {
    background: rgba(255, 255, 255, .47);
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 5px;
    padding: 12px 17px 9px 17px;
    gap: 19px
  }
  .main-hero-banner .city-picker__current svg {
    width: 19px;
    height: 26px
  }
  .main-hero-banner .city-picker__current:after {
    width: 14px;
    height: 12px;
    margin-left: -10px
  }
  .main-hero-banner__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: contacts;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
    padding-left: 0;
    padding-bottom: 9px
  }
  .main-hero-banner__contacts a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .main-hero-banner__contacts a,
  .main-hero-banner__contacts a:hover,
  .main-hero-banner__contacts a:focus {
    color: #fff;
    text-decoration: none
  }
  .main-hero-banner__contacts svg {
    fill: none;
    width: 32px;
    margin-right: 22px
  }
  .main-hero-banner__phone {
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px
  }
  .main-hero-banner__email {
    font-family: Inter, sans-serif;
    font-size: 26px;
    line-height: 31px
  }
  .main-hero-banner__social {
    display: block;
    grid-area: social;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: end;
    justify-self: end;
    margin-right: -3px
  }
  .main-hero-banner__social .social {
    gap: 24px
  }
  .main-hero-banner__social .social__link {
    width: 50px
  }
}


.main-hero-banner--tent {
  width: 708px;
}
.main-hero-banner--tent .main-hero-banner__title {
  max-width: 250px;
}
.main-hero-banner--tent .main-hero-banner__text {
  max-width: 220px;
}

@media (max-width: 1199px) {
  .main-hero-banner--tent {
    width: 100%
  }
  .main-hero-banner--tent .main-hero-banner__title,
  .main-hero-banner--tent .main-hero-banner__text {
    max-width: 100%;
    width: 100%;
  }
  .main-hero-banner--tent .main-hero-banner__title {
    margin-bottom: 0;
  }
  .main-hero-banner--tent .main-hero-banner__title,
  .main-hero-banner--tent .main-hero-banner__text {
    background-color: hsla(0, 100%, 100%, .5);
    margin-left: -22px;
    margin-right: -29px;
    width: calc(100% + 22px + 29px);
    max-width: calc(100% + 22px + 29px);
    padding: 6px 20px 20px;
  }
}
@media (max-width: 1470px) {
  .main-hero-banner--tent {
    width: auto;
  }
}




.main-hero-banner--custom {
  width: 338px;
  margin-left: 25px;
  padding: 25px 20px 28px
}
.main-hero-banner--custom .main-hero-banner__title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px;
  /*max-width: 200px;*/
}
.main-hero-banner--custom .main-hero-banner__button {
  padding-left: 30px;
  padding-right: 30px;
  width: 120px;
}
@media (max-width: 1199px) {
  .main-hero-banner--custom .main-hero-banner__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    font-weight: 500;
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 22px;
    grid-area: title;
  }
  .main-hero-banner--custom .main-hero-banner__text {
    font-size: 24px;
    line-height: 1.36023em;
    max-width: 100%;
    padding-left: 0;
    grid-area: text
  }
}
@media (max-width: 1470px) {
  .main-hero-banner--custom {
    width: auto;
    margin-left: 0;
  }
}


.main-hero-banner--winter {
  width: 710px;
}
.main-hero-banner--winter .main-hero-banner__title {
  line-height: 1;
  margin-bottom: clamp(10px, calc(1vw* 2.5), 18px);
  padding-top: 20px;
  max-width: 360px;
}
.main-hero-banner--winter .main-hero-banner__text {
  font-size: 14px;
  line-height: 1.2;
  max-width: 360px;
}
@media (max-width: 1199px) {
  .main-hero-banner--winter .main-hero-banner__title {
    font-size: clamp(20px, calc(1vw * 6), 48px);
    width: calc(80% + 22px + 29px);
    max-width: calc(80% + 22px + 29px);
  }
  .main-hero-banner--winter .main-hero-banner__text {
    font-size: clamp(10px, calc(1vw * 3.2), 28px);
    line-height: 1.2;
    width: calc(80% + 22px + 29px);
    max-width: calc(80% + 22px + 29px);
  }
}
.main-hero-banner--winter .main-hero-banner__button {
  width: clamp(150px, calc(1vw * 40), 180px);
  padding: 10px 16px;
  background-color: #E4F646;
}
.main-hero-banner--winter .main-hero-banner__bg-top {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1199px) {
  .main-hero-banner--winter .main-hero-banner__bg-top {
    display: none;
  }
  .main-hero-banner--winter .main-hero-banner__comment {
    font-size: 14px;
    max-width: 260px;
  }
}
@media (max-width: 1470px) {
  .main-hero-banner--winter {
    width: auto;
  }
}
.main-hero-banner--winter .main-hero-banner__bg-top img {
  margin-top: 90px;
  object-fit: contain;
  object-position: top center;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .main-hero-banner--winter .main-hero-banner__bg-top img {
    margin-top: 60px;
  }
}


.main-hero-banner--spring {
  width: 710px;
  background-color: #D1DF76;
  padding: 42px 0 28px 14px;
}
@media (max-width: 1470px) {
  .main-hero-banner--spring {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .main-hero-banner--spring {
    min-height: clamp(500px, calc(1vw* 120), 900px);
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .main-hero-banner--spring {
    padding: 12px;
  }
}
.main-hero-banner--spring .main-hero-banner__content {
  background-color: #FFF;
  padding: 16px 22px;
  border-radius: 18px 0 0 18px;
}
@media (max-width: 1199px) {
  .main-hero-banner--spring .main-hero-banner__content {
    border-radius: 18px;
  }
}
.main-hero-banner--spring .main-hero-banner__title {
  line-height: 1.2;
  margin-bottom: clamp(10px, calc(1vw* 2.5), 12px);
  max-width: 340px;
  font-size: 26px;
}
.main-hero-banner--spring .main-hero-banner__text {
  font-size: 14px;
  line-height: 1.4;
  max-width: 290px;
}
@media (max-width: 1199px) {
  .main-hero-banner--spring .main-hero-banner__title {
    font-size: clamp(20px, calc(1vw * 6), 48px);
    width: calc(80% + 22px + 29px);
    max-width: calc(80% + 22px + 29px);
    line-height: 1;
  }
  .main-hero-banner--spring .main-hero-banner__text {
    font-size: clamp(10px, calc(1vw * 3.2), 28px);
    line-height: 1.2;
    width: calc(80% + 22px + 29px);
    max-width: calc(80% + 22px + 29px);
    line-height: 1.2;
  }
}
.main-hero-banner--spring .main-hero-banner__button {
  width: clamp(150px, calc(1vw * 40), 180px);
  padding: 10px 16px;
  margin: auto 0 0 14px;
}
.main-hero-banner--spring .main-hero-banner__button--mobile {
  margin: auto 0 20px 0;
}
.main-hero-banner--spring .main-hero-banner__bg-top {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-hero-banner--spring .main-hero-banner__bg-top img {
  object-fit: contain;
  object-position: bottom right;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .main-hero-banner--spring .main-hero-banner__bg-top {
    display: none;
  }
}



.main-hero-banner--biggest-production {
  width: 338px;
  margin-left: 25px;
  padding: 16px 10px;
}
.main-hero-banner--biggest-production .main-hero-banner__content {
  background-color: hsla(0, 100%, 100%, .7);
  padding: 8px;
  border-radius: 6px;
  max-width: 300px;
}
.main-hero-banner--biggest-production .main-hero-banner__title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}
.main-hero-banner--biggest-production .main-hero-banner__bottom {
  margin-top: auto;
}
.main-hero-banner--biggest-production .main-hero-banner__bg-top {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-hero-banner--biggest-production .main-hero-banner__bg-top img {
  object-fit: contain;
  object-position: bottom right;
  width: 100%;
  height: 100%;
}
@media (max-width: 1470px) {
  .main-hero-banner--biggest-production {
    width: auto;
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .main-hero-banner--biggest-production {
    min-height: clamp(500px, calc(1vw* 120), 900px);
    padding: 20px;
  }
  .main-hero-banner--biggest-production .main-hero-banner__content {
    max-width: 100%;
    padding: 18px 24px;
  }
  .main-hero-banner--biggest-production .main-hero-banner__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    font-weight: 500;
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 22px;
    grid-area: title;
  }
  .main-hero-banner--biggest-production .main-hero-banner__text {
    font-size: 24px;
    line-height: 1.36023em;
    max-width: 100%;
    padding-left: 0;
    grid-area: text
  }
}
@media (max-width: 767px) {
  .main-hero-banner--biggest-production .main-hero-banner__content {
    padding: 10px 12px;
  }
  .main-hero-banner--biggest-production .main-hero-banner__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 119.023%;
    letter-spacing: 0;
    padding-left: 0;
    margin-bottom: 9px;
  }
  .main-hero-banner--biggest-production .main-hero-banner__text {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 10px;
  }
}


.main-hero-banner--free-calculation {
  width: 338px;
  margin-left: 25px;
  padding: 16px 10px;
}
.main-hero-banner--free-calculation .main-hero-banner__content {
  background-color: hsla(0, 100%, 100%, .7);
  padding: 8px;
  border-radius: 6px;
  max-width: 300px;
}
.main-hero-banner--free-calculation .main-hero-banner__title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}
.main-hero-banner--free-calculation .main-hero-banner__bottom {
  margin-top: auto;
}
.main-hero-banner--free-calculation .main-hero-banner__bg-top {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-hero-banner--free-calculation .main-hero-banner__bg-top img {
  object-fit: contain;
  object-position: bottom right;
  width: 100%;
  height: 100%;
}
@media (max-width: 1470px) {
  .main-hero-banner--free-calculation {
    width: auto;
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .main-hero-banner--free-calculation {
    min-height: clamp(500px, calc(1vw* 120), 900px);
    padding: 20px;
  }
  .main-hero-banner--free-calculation .main-hero-banner__content {
    max-width: 100%;
    padding: 18px 24px;
  }
  .main-hero-banner--free-calculation .main-hero-banner__title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    font-weight: 500;
    padding-left: 0;
    max-width: 100%;
    margin-bottom: 22px;
    grid-area: title;
  }
  .main-hero-banner--free-calculation .main-hero-banner__text {
    font-size: 24px;
    line-height: 1.36023em;
    max-width: 100%;
    padding-left: 0;
    grid-area: text
  }
}
@media (max-width: 767px) {
  .main-hero-banner--free-calculation .main-hero-banner__content {
    padding: 10px 12px;
  }
  .main-hero-banner--free-calculation .main-hero-banner__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 119.023%;
    letter-spacing: 0;
    padding-left: 0;
    margin-bottom: 9px;
  }
  .main-hero-banner--free-calculation .main-hero-banner__text {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 10px;
  }
}


@media (max-width: 1199px) {
  .main-hero-slider .city-picker {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-slider__title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-slider__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-slider__button {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-slider__contacts {
    -ms-grid-row: 5;
    -ms-grid-column: 1
  }

  .main-hero-slider__social {
    -ms-grid-row: 5;
    -ms-grid-column: 2
  }

  .main-hero-banner__title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-banner__text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-banner .city-picker {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
  }

  .main-hero-banner__contacts {
    -ms-grid-row: 5;
    -ms-grid-column: 1
  }

  .main-hero-banner__social {
    -ms-grid-row: 5;
    -ms-grid-column: 2
  }
}

@media (max-width: 767px) {
  .main-hero-banner {
    height: calc(100vh - 57.2px);
    padding: 16px 13px 24px;
  }
  @supports (height: 100dvh) {
    .main-hero-banner {
       height: calc(100dvh - 57.2px);
    }
  }

  .main-hero-banner__title,
  .main-hero-banner__text {
    width: 100%;
    max-width: 100%;
  }

  .main-hero-banner__title,
  .main-hero-banner--custom .main-hero-banner__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 119.023%;
    letter-spacing: 0;
    padding-left: 0;
    margin-bottom: 9px;
  }

  .main-hero-banner__text,
  .main-hero-banner--custom .main-hero-banner__text {
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0;
    padding-left: 0;
    padding-right: 10px;
  }

  .main-hero-banner--tent .main-hero-banner__title,
  .main-hero-banner--tent .main-hero-banner__text {
    margin-left: -13px;
    margin-right: -13px;
    max-width: calc(100% + 26px);
    width: calc(100% + 26px);
    padding: 6px 13px 10px;
  }

  .main-hero-banner--winter {
    padding: clamp(12px, calc(1vw * 3), 20px);
  }
  .main-hero-banner--winter .main-hero-banner__title {
    padding-top: clamp(10px, calc(1vw * 3), 20px);
  }

  .main-hero-banner__button {
    margin-bottom: 21px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 15px;
    padding: 9px 15px;
    width: 153px;
    min-width: 153px;
  }

  .main-hero-banner .city-picker {
    margin-bottom: 18px
  }

  .main-hero-banner .city-picker__current {
    font-size: 14px;
    line-height: 16px;
    padding: 9px 18px 5px 13px;
    gap: 10px
  }

  .main-hero-banner .city-picker__current svg {
    width: 13px;
    height: 18px
  }

  .main-hero-banner .city-picker__current:after {
    margin-left: -4px;
    width: 9px;
    height: 5px
  }

  .main-hero-banner__contacts {
    padding: 0 0 0 5px;
    gap: 1px
  }

  .main-hero-banner__contacts svg {
    width: 16px;
    margin-right: 12px
  }

  .main-hero-banner__phone {
    font-size: 16px;
    line-height: 19px
  }

  .main-hero-banner__email {
    font-size: 14px;
    line-height: 17px
  }

  .main-hero-banner__social .social {
    gap: 10px
  }

  .main-hero-banner__social .social__link {
    width: 30px
  }
}

@media (min-width: 1470px) {
  .main-hero-banners-slider__item {
    width: auto;
    border-radius: 4px;
    overflow: hidden;
  }
}

.video-banner {
  width: 710px;
  height: 389px;
  display: block;
}
.video-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .main-hero-banners-slider__item--video {
    display: none;
  }
  .video-banner {
    width: auto;
    height: calc(100dvh - 57.2px);
  }
}
@media (min-width: 768px) {
  .main-hero-banners-slider:has(.main-hero-banners-slider__item--video) .main-hero-banners-slider__item--wide:not(.main-hero-banners-slider__item--video) {
    display: none;
  }
}


.main-nav {
  position: relative;
  z-index: 20
}

.main-nav__list {
  gap: 34px;
  margin: 0;
  padding: 0;
  list-style: none
}

.main-nav__list--lvl-2 {
  -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .22);
  border-radius: 10px;
  padding: 10px 19px;
  background: #fff
}

@media (max-width: 991px) {
  .js .main-nav__list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s;
    transition: max-height .2s
  }

  .js .main-nav__list--lvl-2 {
    max-height: none
  }

  .js .main-nav--open .main-nav__list {
    max-height: 1000px;
    -webkit-transition: max-height .6s;
    transition: max-height .6s
  }

  .js .main-nav--open .main-nav__list--lvl-2 {
    max-height: none
  }
}

@media (min-width: 992px) {
  .main-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .main-nav__list--lvl-2 {
    display: block
  }

  .main-nav__list--lvl-3 {
    display: block
  }
}

.main-nav__item {
  position: relative
}

.main-nav__item--has-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px
}

.main-nav__item--has-child:after {
  content: '';
  display: block;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63702 0.637024L4 4.27405L0.362976 0.637024' stroke='black'/%3E%3C/svg%3E")
}

.main-nav__item--lvl-2:not(:last-child) {
  border-bottom: 1px solid #d9d9d9
}

.main-nav__item--active > .main-nav__link {
  color: #000
}

.main-nav__item:hover .main-nav__sublist-wrapper--lvl-2 {
  padding-top: 36px
}

.main-nav__link {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #1f1f1f
}

.main-nav__link:hover, .main-nav__link:focus {
  z-index: 1;
  text-decoration: none;
  background-color: #f5f5f5
}

.main-nav__link--lvl-2 {
  min-width: 200px;
  font-size: 16px;
  line-height: 23px;
  padding: 7px 0;
  text-align: left
}

.main-nav__link--lvl-2:hover, .main-nav__link--lvl-2:focus {
  background: 0 0
}

@media (max-width: 991px) {
  .main-nav__link--lvl-2 {
    padding-left: 2em
  }
}

.main-nav__link--lvl-3 {
  min-width: 200px
}

@media (max-width: 991px) {
  .main-nav__link--lvl-3 {
    padding-left: 3em
  }
}

@media (min-width: 992px) {
  .main-nav__sublist-wrapper--lvl-2 {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .main-nav__item--show-child > .main-nav__sublist-wrapper--lvl-2, .main-nav__item:hover .main-nav__sublist-wrapper--lvl-2 {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

@media (min-width: 992px) {
  .main-nav__sublist-wrapper--lvl-3 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
  }

  .main-nav__item--show-child > .main-nav__sublist-wrapper--lvl-3, .main-nav__item--lvl-2:hover .main-nav__sublist-wrapper--lvl-3 {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

.main-nav__toggler {
  display: inline-block;
  border: 0;
  padding: 0;
  background: 0 0
}

@media (min-width: 992px) {
  .main-nav__toggler {
    display: none
  }
}

.no-js .main-nav__toggler {
  display: none
}

@media (max-width: 767px) {
  .main-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .main-page .main-form {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100
  }

  .main-page .main-carousel.main-carousel--video {
    -webkit-box-ordinal-group: 111;
    -ms-flex-order: 110;
    order: 110
  }

  .main-page .main-steps {
    -webkit-box-ordinal-group: 121;
    -ms-flex-order: 120;
    order: 120
  }

  .main-page .main-about {
    -webkit-box-ordinal-group: 131;
    -ms-flex-order: 130;
    order: 130
  }

  .main-page .main-reviews {
    -webkit-box-ordinal-group: 141;
    -ms-flex-order: 140;
    order: 140;
    margin-bottom: 51px
  }
}

.main-production {
  margin-bottom: 42px
}

.main-production__slider-wrapper {
  position: relative
}

.main-production__slider-wrapper .swiper-button-prev, .main-production__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-production__slider-wrapper .swiper-button-prev:after, .main-production__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-production__slider-wrapper .swiper-button-prev.swiper-button-disabled, .main-production__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-production__slider-wrapper .swiper-button-prev {
  left: -26px
}

.main-production__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-production__slider-wrapper .swiper-button-next {
  right: -26px
}

.main-production__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-production__slider-wrapper .swiper-button-prev, .main-production__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-production__slider-wrapper .swiper-button-prev:after, .main-production__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-production__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .main-production__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.main-production__slide {
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  padding: 32px 71px 31px;
  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: 289px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #dce6b5
}

.main-production__slide-title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 20px;
  max-width: 320px
}

.main-production__slide-text {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2em;
  color: #1e1e1e;
  margin-bottom: auto
}

.main-production__slide-button.btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .02em;
  color: #1e1e1e;
  width: 193px;
  padding: 11px 15px
}

.main-production__slide-img {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 142px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.main-production__slide-img--tablet {
  display: none
}

.main-production__slide-img--mobile {
  display: none
}

@media (max-width: 1199px) {
  .main-production {
    margin-bottom: 35px
  }

  .main-production__slide {
    padding: 27px 33px 41px;
    min-height: 327px
  }

  .main-production__slide-title {
    font-size: 22px;
    line-height: 25px;
    letter-spacing: .66px;
    margin-bottom: 18px;
    max-width: 100%
  }

  .main-production__slide-text {
    font-size: 34px;
    line-height: 1.15em;
    letter-spacing: 0
  }

  .main-production__slide-img {
    display: none
  }

  .main-production__slide-img--tablet {
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 0;
    top: auto;
    right: 15px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .main-production__slide-button.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 240px;
    height: 50px;
    margin: 0;
    font-size: 0;
    padding: 14px 15px
  }

  .main-production__slide-button.btn:before {
    content: attr(data-text-mobile);
    font-size: 16px;
    line-height: 132.687%;
    letter-spacing: .48px
  }

  .main-production__slider-wrapper .swiper-button-prev, .main-production__slider-wrapper .swiper-button-next {
    width: 43px;
    height: 43px
  }

  .main-production__slider-wrapper .swiper-button-prev {
    left: -22px
  }

  .main-production__slider-wrapper .swiper-button-next {
    right: -19px
  }
}

@media (max-width: 767px) {
  .main-production {
    margin-bottom: 28px
  }

  .main-production__slide {
    border-radius: 8px;
    padding: 19px 19px 24px;
    height: 366px
  }

  .main-production__slide-title {
    padding-right: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 115.023%;
    letter-spacing: .32px
  }

  .main-production__slide-text {
    font-size: 25px;
    line-height: 29px
  }

  .main-production__slide-button.btn {
    font-size: 0;
    margin: 0 auto;
    width: 198px;
    height: 39px;
    padding: 13px 15px;
    position: relative;
    z-index: 3
  }

  .main-production__slide-button.btn:before {
    content: attr(data-text-mobile);
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .36px
  }

  .main-production__slide-img--tablet {
    display: none
  }

  .main-production__slide-img--mobile {
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 34px;
    top: auto;
    right: 15px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .main-production__slider-wrapper .swiper-button-prev, .main-production__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px
  }

  .main-production__slider-wrapper .swiper-button-prev {
    left: 9px
  }

  .main-production__slider-wrapper .swiper-button-next {
    right: 9px
  }
}

.main-reviews {
  margin-bottom: 94px
}

.main-reviews__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  margin-bottom: 32px;
  position: relative
}

.main-reviews__title-link {
  position: absolute;
  top: 0;
  right: 0
}

.main-reviews__title-link a {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  margin-top: -5px;
  width: 217px;
  height: 38px;
  border-radius: 19px
}

.main-reviews__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-bottom: 62px
}

.main-reviews__grid .main-reviews-item:nth-child(n+4) {
  display: none
}

.main-reviews__grid--all .main-reviews-item:nth-child(n+4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.main-reviews__button {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: .02em;
  width: 209px;
  margin: 0 auto;
  display: block;
  padding: 21px 15px
}

.main-reviews__button, .main-reviews__button:hover, .main-reviews__button:focus {
  color: #3b3b3b
}

.main-reviews__slider-wrapper {
  position: relative
}

.main-reviews__slider-wrapper .swiper-button-prev, .main-reviews__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-reviews__slider-wrapper .swiper-button-prev:after, .main-reviews__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-reviews__slider-wrapper .swiper-button-prev.swiper-button-disabled, .main-reviews__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-reviews__slider-wrapper .swiper-button-prev {
  left: -26px
}

.main-reviews__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-reviews__slider-wrapper .swiper-button-next {
  right: -26px
}

.main-reviews__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-reviews__slider-wrapper .swiper-button-prev, .main-reviews__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-reviews__slider-wrapper .swiper-button-prev:after, .main-reviews__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-reviews__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .main-reviews__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

.main-reviews__slider-wrapper .swiper-wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.main-reviews__slider-wrapper .swiper-slide {
  height: auto
}

.main-reviews--reviews {
  margin-bottom: 73px
}

@media (max-width: 1199px) {
  .main-reviews {
    margin-bottom: 69px
  }

  .main-reviews__title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .03em;
    margin-bottom: 32px
  }

  .main-reviews__title-link {
    position: static;
    margin: 17px auto 0
  }

  .main-reviews__grid {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    margin-bottom: 41px
  }

  .main-reviews__grid .main-reviews-item:nth-child(n+3) {
    display: none
  }

  .main-reviews__grid--all .main-reviews-item:nth-child(n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .main-reviews__button.btn {
    font-size: 14px;
    line-height: 20px;
    width: 165px;
    padding: 13px 15px
  }

  .main-reviews .swiper-wrapper {
    margin-right: -35px;
    padding-right: 35px;
    overflow-x: auto;
    gap: 21px;
    width: auto
  }

  .main-reviews__slider-wrapper .swiper-slide {
    width: 393px
  }

  .main-reviews__slider-wrapper .swiper-button-prev, .main-reviews__slider-wrapper .swiper-button-next {
    display: none
  }

  .main-reviews__slider.swiper {
    overflow: visible
  }

  .main-reviews--reviews {
    margin-bottom: 53px
  }
}

@media (max-width: 767px) {
  .main-reviews {
    margin-bottom: 31px
  }

  .main-reviews__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 26px
  }

  .main-reviews__title-link {
    margin-top: 14px
  }

  .main-reviews__title-link a {
    font-size: 12px;
    line-height: 14px;
    width: 168px;
    height: 25px;
    padding: 0;
    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
  }

  .main-reviews__grid {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 35px
  }

  .main-reviews__button.btn {
    font-size: 12px;
    line-height: 17px;
    width: 125px;
    padding: 11px 15px
  }

  .main-reviews .swiper-wrapper {
    margin-right: -13px;
    padding-right: 13px;
    gap: 15px
  }

  .main-reviews .swiper-slide {
    width: 287px
  }

  .main-reviews--reviews {
    margin-bottom: 17px
  }
}

.main-reviews-item {
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  padding: 19px 21px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.main-reviews-item__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 11px
}

.main-reviews-item__desc {
  font-size: 16px;
  line-height: 23px;
  color: #757575;
  text-align: center;
  margin-bottom: 8px
}

.main-reviews-item__text {
  font-size: 16px;
  line-height: 23px;
  color: #1e1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden
}

.main-reviews-item__rating {
  width: 120px;
  height: 17px;
  margin: auto auto 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.49142 11.4766L3.78631 16.5044C3.62359 16.985 3.86767 17.1442 4.32987 16.8568L9.16129 13.8568C9.62349 13.5709 10.3782 13.5709 10.8404 13.8568L15.1127 16.5105L15.6701 16.8568C16.1323 17.1442 16.3764 16.985 16.2137 16.5044L14.5086 11.4766C14.4064 11.1752 14.4601 10.8105 14.6246 10.506C14.7232 10.3236 14.86 10.1629 15.0279 10.0501L19.1461 7.26186L19.7156 6.87547C20.1657 6.57253 20.0705 6.31442 19.5079 6.30515L13.6257 6.19696C13.0631 6.18614 12.4521 5.78893 12.2686 5.31599L10.3367 0.354708C10.1532 -0.118236 9.84853 -0.118236 9.66504 0.354708L9.42442 0.972936L7.73143 5.31908C7.6016 5.65137 7.26231 5.94349 6.87628 6.09341C6.71183 6.15678 6.54218 6.19696 6.37427 6.20005L0.492082 6.30824C-0.0705167 6.31751 -0.165726 6.57562 0.284353 6.87856L0.535359 7.04857L4.9721 10.0532C5.42045 10.353 5.65414 10.996 5.49142 11.4766Z' fill='%23E9E9E9'/%3E%3C/svg%3E%0A")
}

.main-reviews-item__rating span {
  display: block;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.49142 11.4766L3.78631 16.5044C3.62359 16.985 3.86767 17.1442 4.32987 16.8568L9.16129 13.8568C9.62349 13.5709 10.3782 13.5709 10.8404 13.8568L15.1127 16.5105L15.6701 16.8568C16.1323 17.1442 16.3764 16.985 16.2137 16.5044L14.5086 11.4766C14.4064 11.1752 14.4601 10.8105 14.6246 10.506C14.7232 10.3236 14.86 10.1629 15.0279 10.0501L19.1461 7.26186L19.7156 6.87547C20.1657 6.57253 20.0705 6.31442 19.5079 6.30515L13.6257 6.19696C13.0631 6.18614 12.4521 5.78893 12.2686 5.31599L10.3367 0.354708C10.1532 -0.118236 9.84853 -0.118236 9.66504 0.354708L9.42442 0.972936L7.73143 5.31908C7.6016 5.65137 7.26231 5.94349 6.87628 6.09341C6.71183 6.15678 6.54218 6.19696 6.37427 6.20005L0.492082 6.30824C-0.0705167 6.31751 -0.165726 6.57562 0.284353 6.87856L0.535359 7.04857L4.9721 10.0532C5.42045 10.353 5.65414 10.996 5.49142 11.4766Z' fill='%0A%239ECE2B'/%3E%3C/svg%3E%0A")
}

.main-reviews-item__link {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: .03em;
  color: #757575;
  text-decoration: none;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-top: auto
}

@media (max-width: 1199px) {
  .main-reviews-item {
    padding: 13px 17px 22px 17px;
    border-radius: 5px
  }

  .main-reviews-item__name {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px
  }

  .main-reviews-item__desc {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 29px
  }

  .main-reviews-item__rating {
    width: 111px;
    height: 17px;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21685 11.2277L3.597 16.1464C3.44241 16.6166 3.67429 16.7724 4.11338 16.4911L8.70323 13.5563C9.14232 13.2765 9.85933 13.2765 10.2984 13.5563L14.3571 16.1524L14.8866 16.4911C15.3257 16.7724 15.5576 16.6166 15.403 16.1464L13.7831 11.2277C13.6861 10.9329 13.7371 10.576 13.8933 10.2781C13.9871 10.0997 14.117 9.94246 14.2765 9.83208L18.1888 7.10435L18.7299 6.72634C19.1574 6.42998 19.067 6.17747 18.5325 6.16839L12.9444 6.06255C12.41 6.05197 11.8295 5.66337 11.6551 5.20069L9.81986 0.347015C9.64554 -0.115672 9.3561 -0.115672 9.18178 0.347015L8.9532 0.951834L7.34486 5.20371C7.22152 5.5288 6.89919 5.81458 6.53246 5.96124C6.37624 6.02324 6.21507 6.06255 6.05555 6.06558L0.467478 6.17142C-0.0669908 6.18049 -0.157439 6.433 0.270136 6.72936L0.508591 6.89569L4.72349 9.83511C5.14942 10.1284 5.37143 10.7575 5.21685 11.2277Z' fill='%23E9E9E9'/%3E%3C/svg%3E")
  }

  .main-reviews-item__rating span {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21685 11.2277L3.597 16.1464C3.44241 16.6166 3.67429 16.7724 4.11338 16.4911L8.70323 13.5563C9.14232 13.2765 9.85933 13.2765 10.2984 13.5563L14.3571 16.1524L14.8866 16.4911C15.3257 16.7724 15.5576 16.6166 15.403 16.1464L13.7831 11.2277C13.6861 10.9329 13.7371 10.576 13.8933 10.2781C13.9871 10.0997 14.117 9.94246 14.2765 9.83208L18.1888 7.10435L18.7299 6.72634C19.1574 6.42998 19.067 6.17747 18.5325 6.16839L12.9444 6.06255C12.41 6.05197 11.8295 5.66337 11.6551 5.20069L9.81986 0.347015C9.64554 -0.115672 9.3561 -0.115672 9.18178 0.347015L8.9532 0.951834L7.34486 5.20371C7.22152 5.5288 6.89919 5.81458 6.53246 5.96124C6.37624 6.02324 6.21507 6.06255 6.05555 6.06558L0.467478 6.17142C-0.0669908 6.18049 -0.157439 6.433 0.270136 6.72936L0.508591 6.89569L4.72349 9.83511C5.14942 10.1284 5.37143 10.7575 5.21685 11.2277Z' fill='%0A%239ECE2B'/%3E%3C/svg%3E")
  }

  .main-reviews-item__text {
    -webkit-line-clamp: 9;
    margin-bottom: 0
  }

  .main-reviews-item__link {
    font-size: 14px;
    line-height: 17px
  }
}

@media (max-width: 767px) {
  .main-reviews-item {
    border-width: 1px;
    padding: 17px 12px 12px
  }

  .main-reviews-item__name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px
  }

  .main-reviews-item__desc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px
  }

  .main-reviews-item__rating {
    margin: 0 auto 13px
  }

  .main-reviews-item__text {
    font-size: 14px;
    line-height: 21px;
    -webkit-line-clamp: 8;
    margin-bottom: 0
  }
}

.main-steps {
  margin-bottom: 74px
}

.main-steps__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  text-align: center;
  margin-bottom: 32px
}

.main-steps__slider-wrapper {
  position: relative
}

.main-steps__slider-wrapper .swiper-button-prev, .main-steps__slider-wrapper .swiper-button-next {
  width: 51px;
  height: 51px;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s
}

.main-steps__slider-wrapper .swiper-button-prev:after, .main-steps__slider-wrapper .swiper-button-next:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48962 0.98169L9.99878 9.49085L1.48962 18' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E");
  width: 12px;
  height: 19px;
  background-size: 100% 100%
}

.main-steps__slider-wrapper .swiper-button-prev.swiper-button-disabled, .main-steps__slider-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: 0
}

.main-steps__slider-wrapper .swiper-button-prev {
  left: -26px
}

.main-steps__slider-wrapper .swiper-button-prev:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-left: -5px
}

.main-steps__slider-wrapper .swiper-button-next {
  right: -26px
}

.main-steps__slider-wrapper .swiper-button-next:after {
  margin-left: 5px
}

@media (max-width: 767px) {
  .main-steps__slider-wrapper .swiper-button-prev, .main-steps__slider-wrapper .swiper-button-next {
    width: 31px;
    height: 31px;
    margin-top: -15px
  }

  .main-steps__slider-wrapper .swiper-button-prev:after, .main-steps__slider-wrapper .swiper-button-next:after {
    width: 8px;
    height: 14px
  }

  .main-steps__slider-wrapper .swiper-button-next {
    right: 8px
  }

  .main-steps__slider-wrapper .swiper-button-prev {
    left: 8px
  }
}

@media (max-width: 1199px) {
  .main-steps {
    margin-bottom: 52px
  }

  .main-steps__title {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 24px
  }

  .main-steps .swiper-wrapper {
    margin-right: -35px;
    padding-right: 35px;
    overflow-x: auto;
    gap: 26px;
    width: auto
  }

  .main-steps__slider-wrapper .swiper-button-prev, .main-steps__slider-wrapper .swiper-button-next {
    display: none
  }

  .main-steps__slider.swiper {
    overflow: visible
  }

  .main-steps__slider .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto
  }
}

@media (max-width: 767px) {
  .main-steps {
    margin-bottom: 35px
  }

  .main-steps__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px
  }

  .main-steps .swiper-wrapper {
    margin-right: -13px;
    padding-right: 13px;
    gap: 15px
  }
}

.main-steps-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 5px;
  overflow: hidden;
  padding: 19px 15px 26px;
  position: relative;
  height: 318px
}

.main-steps-item__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0;
  text-align: center
}

.main-steps-item__number {
  font-size: 260px;
  font-weight: 700;
  line-height: 260px;
  color: #ebebeb;
  position: absolute;
  top: 39px;
  left: 8px
}

.main-steps-item__image {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 70%;
  width: 90%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center
}

.main-steps-item + .btn {
  margin-top: 32px;
  width: 100%;
  height: 53px
}

.main-steps-item--1 .main-steps-item__number {
  left: -6px
}

.main-steps-item--2 .main-steps-item__number {
  left: 9px
}

.main-steps-item--3 .main-steps-item__number {
  left: 8px
}

.main-steps-item--5 .main-steps-item__number {
  left: 5px
}

@media (max-width: 1199px) {
  .main-steps-item {
    height: 318px;
    padding: 13px 15px;
    width: 264px
  }

  .main-steps-item__number {
    font-size: 251px;
    line-height: 251px;
    top: 44px;
    left: 7px
  }

  .main-steps-item + .btn {
    width: 214px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 23px
  }

  .main-steps-item--1 .main-steps-item__number {
    left: -4px
  }

  .main-steps-item--2 .main-steps-item__number {
    left: 15px
  }

  .main-steps-item--3 .main-steps-item__number {
    left: 12px
  }
}

@media (max-width: 767px) {
  .main-steps-item {
    height: 254px;
    width: 210px;
    padding-top: 17px
  }

  .main-steps-item__title {
    font-size: 16px;
    line-height: 19px
  }

  .main-steps-item__number {
    font-size: 200px;
    line-height: 234px;
    top: 17px
  }

  .main-steps-item + .btn {
    width: 160px;
    height: 39px;
    font-size: 12px;
    line-height: 17px;
    margin-top: 25px
  }
}

.mobile-catalog {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 71px;
  background: rgba(56, 56, 56, .64);
  padding-top: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto
}

.page--index .mobile-catalog {
  bottom: 117px
}

.mobile-catalog__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  border-radius: 20px 20px 0 0;
  position: relative
}

.mobile-catalog__close {
  position: absolute;
  top: 26px;
  right: 34px;
  cursor: pointer
}

.mobile-catalog__close svg {
  width: 39px;
  height: 39px
}

.mobile-catalog__header {
  padding: 23px 57px 19px;
  border-bottom: 3px solid #aecd60;
  margin-bottom: 6px
}

.mobile-catalog__body {
  border-top: 3px solid #cfcfcf;
  padding: 30px 58px
}

.mobile-catalog.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 767px) {
  .mobile-catalog {
    padding-top: 33px;
    bottom: 62px
  }

  .page--index .mobile-catalog {
    bottom: 99px
  }

  .mobile-catalog__inner {
    border-radius: 10px 10px 0 0
  }

  .mobile-catalog__close {
    top: 10px;
    right: 12px
  }

  .mobile-catalog__close svg {
    width: 25px;
    height: 25px
  }

  .mobile-catalog__header {
    padding: 16px 20px 13px;
    border-bottom: 2px solid #aecd60;
    margin-bottom: 4px
  }

  .mobile-catalog__body {
    border-top: 2px solid #cfcfcf;
    padding: 1px 20px
  }
}

.mobile-catalog-search__input {
  width: 460px;
  border: 1px solid #1f1f1f;
  border-radius: 5px;
  height: 45px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .02em
}

.mobile-catalog-search__input::-webkit-input-placeholder {
  color: #1e1e1e
}

.mobile-catalog-search__input::-moz-placeholder {
  color: #1e1e1e
}

.mobile-catalog-search__input:-ms-input-placeholder {
  color: #1e1e1e
}

.mobile-catalog-search__input::-ms-input-placeholder {
  color: #1e1e1e
}

.mobile-catalog-search__input::placeholder {
  color: #1e1e1e
}

@media (max-width: 767px) {
  .mobile-catalog-search__input {
    width: 259px;
    border: .5px solid #1f1f1f;
    height: 27px;
    padding: 0 17px;
    font-size: 12px;
    line-height: 17px
  }
}

.mobile-catalog-nav__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.mobile-catalog-nav__item {
  padding: 15px 0 19px
}

.mobile-catalog-nav__item:not(:first-child) {
  border-top: 1px solid #d9d9d9
}

.mobile-catalog-nav__link {
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  display: block
}

.mobile-catalog-nav__link, .mobile-catalog-nav__link:hover, .mobile-catalog-nav__link:focus {
  text-decoration: none;
  color: #1f1f1f
}

.mobile-catalog-nav__list .mobile-catalog-nav__list {
  border-top: 1px solid #d9d9d9;
  margin-top: 18px;
  padding-top: 18px;
  margin-bottom: 11px
}

.mobile-catalog-nav__list .mobile-catalog-nav__list .mobile-catalog-nav__item {
  padding: 16px 0;
  border: 0
}

.mobile-catalog-nav__list .mobile-catalog-nav__list .mobile-catalog-nav__item:not(:first-child) {
  border-top: 1px solid #d9d9d9
}

.mobile-catalog-nav__list .mobile-catalog-nav__list .mobile-catalog-nav__link {
  font-weight: 400;
  font-size: 26px;
  line-height: 140.523%;
  letter-spacing: 0
}

@media (max-width: 767px) {
  .mobile-catalog-nav__link {
    font-size: 14px;
    line-height: 16px
  }

  .mobile-catalog-nav__list .mobile-catalog-nav__list {
    margin-top: 6px;
    padding-top: 13px;
    margin-bottom: 13px
  }

  .mobile-catalog-nav__list .mobile-catalog-nav__list .mobile-catalog-nav__link {
    font-size: 14px;
    line-height: 16px
  }

  .mobile-catalog-nav__list .mobile-catalog-nav__list .mobile-catalog-nav__item {
    padding: 10px 0 11px
  }
}

.mobile-menu {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 71px;
  background: rgba(56, 56, 56, .64);
  padding-top: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto
}

.page--index .mobile-menu {
  bottom: 117px
}

.mobile-menu__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  border-radius: 20px 20px 0 0;
  position: relative
}

.mobile-menu__close {
  position: absolute;
  top: 26px;
  right: 34px;
  cursor: pointer;
  color: #706e6e
}

.mobile-menu__close svg {
  width: 39px;
  height: 39px
}

.mobile-menu__header {
  padding: 37px 57px 22px;
  border-bottom: 3px solid #aecd60;
  margin-bottom: 6px
}

.mobile-menu__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px
}

.mobile-menu__body {
  border-top: 3px solid #cfcfcf;
  padding: 30px 58px
}

.mobile-menu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 767px) {
  .mobile-menu {
    padding-top: 33px;
    bottom: 62px
  }

  .page--index .mobile-menu {
    bottom: 99px
  }

  .mobile-menu__inner {
    border-radius: 10px 10px 0 0
  }

  .mobile-menu__close {
    top: 10px;
    right: 12px
  }

  .mobile-menu__close svg {
    width: 25px;
    height: 25px
  }

  .mobile-menu__header {
    padding: 21px 20px 19px;
    border-bottom: 2px solid #aecd60;
    margin-bottom: 4px
  }

  .mobile-menu__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px
  }

  .mobile-menu__body {
    border-top: 2px solid #cfcfcf;
    padding: 9px 20px
  }
}

.mobile-menu-search__input {
  width: 460px;
  border: 1px solid #1f1f1f;
  border-radius: 25px;
  height: 45px;
  padding: 0 24px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .02em
}

@media (max-width: 767px) {
  .mobile-menu-search__input {
    width: 259px;
    border: .5px solid #1f1f1f;
    height: 27px;
    padding: 0 17px;
    font-size: 12px;
    line-height: 17px
  }
}

.mobile-menu-nav__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.mobile-menu-nav__item {
  padding: 17px 0 20px
}

.mobile-menu-nav__item:not(:first-child) {
  border-top: 1px solid #d9d9d9
}

.mobile-menu-nav__link {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  display: block
}

.mobile-menu-nav__link, .mobile-menu-nav__link:hover, .mobile-menu-nav__link:focus {
  text-decoration: none;
  color: #1f1f1f
}

.mobile-menu-nav__list .mobile-menu-nav__list {
  border-top: 1px solid #d9d9d9;
  margin-top: 19px;
  margin-bottom: 11px
}

.mobile-menu-nav__list .mobile-menu-nav__list .mobile-menu-nav__item {
  padding: 8px 0 10px;
  border: 0
}

.mobile-menu-nav__list .mobile-menu-nav__list .mobile-menu-nav__link {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: .02em
}

@media (max-width: 767px) {
  .mobile-menu-nav__item {
    padding: 9px 0 10px
  }

  .mobile-menu-nav__link {
    font-size: 14px;
    line-height: 16px
  }

  .mobile-menu-nav__list .mobile-menu-nav__list {
    margin-top: 14px;
    padding-top: 1px;
    margin-bottom: 13px
  }

  .mobile-menu-nav__list .mobile-menu-nav__list .mobile-menu-nav__link {
    font-size: 14px;
    line-height: 20px
  }

  .mobile-menu-nav__list .mobile-menu-nav__list .mobile-menu-nav__item {
    padding: 9px 0 2px
  }
}

.mobile-panel {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.page--index .mobile-panel {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.page--index .mobile-panel--show {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mobile-panel__request {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  background: #8bbf12;
  border-radius: 0
}

.mobile-panel__inner {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 71px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 49px 8px 47px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

.mobile-panel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
  text-decoration: none;
  gap: 8px
}

.mobile-panel__item:hover, .mobile-panel__item:focus {
  color: #404040
}

.mobile-panel__item--whatsapp img {
  width: 37px;
  height: 37px
}

.mobile-panel__item-icon {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-panel__inner svg {
  color: #8a8a8a
}

.mobile-panel--show {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media (max-width: 1199px) {
  .mobile-panel {
    display: block
  }

  .mobile-panel__request {
    font-size: 20px;
    line-height: 28px;
    border-radius: 0
  }
}

@media (max-width: 767px) {
  .mobile-panel__request {
    font-size: 14px;
    line-height: 17px;
    padding: 10px 14px
  }

  .mobile-panel__inner {
    padding: 0 21px 20px 15px;
    height: 62px
  }

  .mobile-panel__item {
    font-size: 9px;
    line-height: 12px;
    gap: 4px
  }

  .mobile-panel__item svg, .mobile-panel__item img {
    height: 20px;
    width: auto
  }

  .mobile-panel__item--email svg, .mobile-panel__item--email img {
    width: 23px;
    height: 17px
  }

  .mobile-panel__item--catalog svg, .mobile-panel__item--catalog img {
    width: 21px;
    height: 19px
  }

  .mobile-panel__item--whatsapp svg, .mobile-panel__item--whatsapp img {
    width: 23px;
    height: 23px;
    -webkit-transform: translate(2px, 3px);
    transform: translate(2px, 3px)
  }

  .mobile-panel__item--phone svg, .mobile-panel__item--phone img {
    width: 17px;
    height: 17px
  }

  .mobile-panel__item--menu svg, .mobile-panel__item--menu img {
    width: 21px;
    height: 17px
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal .form {
  margin-top: 42px
}

.modal .form .field-text {
  margin-bottom: 23px
}

.modal .form .field-text__input {
  font-size: 19px;
  line-height: 22px
}

.modal .form .choices__inner {
  font-size: 19px;
  line-height: 22px;
  padding: 21px 41px
}

.modal .form .btn--submit {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #171717;
  width: 327px;
  margin: 0 auto;
  display: block;
  padding: 17px 15px;
  margin-top: 44px
}

.modal__dialog {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  max-width: 1100px;
  min-height: calc(100% - 4em);
  margin: 2em auto;
  pointer-events: none
}

.modal__content {
  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;
  width: 100%;
  min-height: 40px;
  pointer-events: auto;
  background-color: #fff;
  outline: 0;
  border-radius: 10px
}

.modal__header {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 44px 100px 0 70px
}

.modal__title {
  margin: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: .03em
}

.modal__close {
  border: 0;
  outline: 0;
  padding: 0;
  background: 0 0;
  position: absolute;
  z-index: 10;
  top: 22px;
  right: 28px;
  outline: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='23' r='22' stroke='%238D8D8D' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14.4462 31.5556L31.5573 14.4444M31.5573 31.5556L14.4462 14.4444' stroke='%238D8D8D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 44px;
  height: 44px;
  background-size: 100% 100%;
  cursor: pointer
}

.modal__body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 21px 70px 46px;
  font-size: 22px;
  line-height: 27px
}

.modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px;
  border-top: 1px solid #c7c7c7
}

.modal__footer > * {
  margin-left: 8px
}

.modal--show .modal__dialog {
  -webkit-animation: modal-dialog .3s 1 ease-out forwards;
  animation: modal-dialog .3s 1 ease-out forwards
}

.modal--show ~ .modal--show {
  background: hsla(0, 0%, 0%, .5);
}

.modal--info .modal__title {
  font-size: 20px;
  line-height: 122%;
  letter-spacing: 0
}

.modal--info .modal__header {
  padding: 31px 100px 0 40px
}

.modal--info .modal__close {
  width: 29px;
  height: 29px;
  top: 13px;
  right: 18px
}

.modal--info .modal__body {
  font-size: 16px;
  line-height: 143.023%;
  padding: 25px 70px 35px 40px
}

.modal--info .modal__body :last-child {
  margin-bottom: 0
}

.modal--info p {
  margin-bottom: 18px
}

.modal--request .modal__content {
  border-radius: 5px
}

.modal--request .modal__title {
  font-size: 30px;
  line-height: 120.023%;
  letter-spacing: 0
}

.modal--request .modal__body {
  padding: 13px 70px 46px
}

.modal--request .modal__body p {
  font-size: 20px;
  line-height: 128%
}

.modal--request .form {
  margin-top: 35px
}

.modal--request .form .field-text {
  margin-bottom: 18px
}

.modal--request .form .field-text__input {
  font-size: 16px;
  line-height: 20px;
  padding: 17px 29px 14px;
  min-height: 53px
}

.modal--request .form .choices__inner {
  font-size: 16px;
  line-height: 20px;
  padding: 17px 29px 14px;
  min-height: 53px
}

.modal--request .form .choices:after {
  right: 31px;
  top: 13px
}

.modal--request .form .field-select {
  margin-bottom: 27px
}

.modal--request .form .field-checkbox__name-text {
  padding-top: 8px;
  padding-left: 46px
}

.modal--request .form .field-checkbox__name-text:before {
  width: 26px;
  height: 26px
}

.modal--request .form .field-checkbox__name-text:after {
  top: 11px;
  left: 8px
}

.modal--request .form .btn--submit {
  margin-top: 36px;
  width: 258px;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px
}

@media (max-width: 1199px) {
  .modal__dialog {
    max-width: 699px
  }

  .modal__close {
    width: 36px;
    height: 36px;
    right: 26px
  }

  .modal__header {
    padding: 29px 100px 0 41px
  }

  .modal__title {
    font-size: 30px;
    line-height: 31px
  }

  .modal__body {
    font-size: 21px;
    line-height: 30px;
    padding: 18px 41px 39px
  }

  .modal .form {
    margin-top: 37px
  }

  .modal .form .field-text {
    margin-bottom: 22px
  }

  .modal .form .field-text__input {
    font-size: 16px;
    line-height: 19px
  }

  .modal .form .field-select {
    margin-bottom: 23px
  }

  .modal .form .choices__inner {
    font-size: 16px;
    line-height: 19px;
    padding: 15px 30px
  }

  .modal .form .choices:after {
    right: 24px;
    top: 11px
  }

  .modal .form .btn--submit {
    font-size: 16px;
    line-height: 23px;
    width: 300px;
    padding: 14px 15px
  }

  .modal--info .modal__dialog {
    padding: 0
  }

  .modal--info .modal__header {
    padding: 27px 75px 0 42px
  }

  .modal--info .modal__title {
    font-size: 22px;
    line-height: 122%
  }

  .modal--info .modal__close {
    width: 36px;
    height: 36px;
    top: 22px;
    right: 26px
  }

  .modal--info .modal__body {
    font-size: 18px;
    line-height: 143%;
    padding: 13px 42px 32px
  }

  .modal--request .modal__header {
    padding: 27px 100px 0 41px
  }

  .modal--request .modal__title {
    font-size: 26px;
    line-height: 108%
  }

  .modal--request .modal__close {
    right: 20px;
    top: 16px
  }

  .modal--request .modal__body {
    padding: 20px 41px 28px
  }

  .modal--request .modal__body p {
    font-size: 18px;
    line-height: 140%
  }

  .modal--request .form {
    margin-top: 25px
  }

  .modal--request .form .field-text {
    margin-bottom: 15px
  }

  .modal--request .form .field-text__input {
    font-size: 14px;
    line-height: 16px;
    padding: 17px 20px 14px;
    min-height: 50px
  }

  .modal--request .form .field-select {
    margin-bottom: 21px
  }

  .modal--request .form .choices__inner {
    font-size: 14px;
    line-height: 16px;
    padding: 17px 20px 14px;
    min-height: 50px
  }

  .modal--request .form .choices:after {
    right: 18px;
    top: 11px
  }

  .modal--request .form .field-checkbox__name-text {
    font-size: 12px;
    padding-top: 8px;
    padding-left: 37px
  }

  .modal--request .form .field-checkbox__name-text:before {
    width: 23px;
    height: 23px
  }

  .modal--request .form .btn--submit {
    width: 206px;
    height: 44px;
    font-size: 18px;
    margin-top: 20px
  }
}

@media (max-width: 767px) {
  .modal__content {
    border-radius: 8px
  }

  .modal__dialog {
    padding-left: 13px;
    padding-right: 13px
  }

  .modal__close {
    width: 23px;
    height: 23px;
    top: 15px;
    right: 16px
  }

  .modal__header {
    padding: 20px 50px 0 21px
  }

  .modal__title {
    font-size: 16px;
    line-height: 20px
  }

  .modal__body {
    padding: 10px 21px 25px;
    font-size: 14px;
    line-height: 19px
  }

  .modal .form {
    margin-top: 24px
  }

  .modal .form .field-text {
    margin-bottom: 13px
  }

  .modal .form .field-text__input {
    font-size: 12px;
    line-height: 14px
  }

  .modal .form .field-select {
    margin-bottom: 11px
  }

  .modal .form .choices__inner {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 18px
  }

  .modal .form .choices:after {
    right: 18px;
    top: 7px
  }

  .modal .form .btn--submit {
    font-size: 12px;
    line-height: 17px;
    width: 160px;
    padding: 9px 15px;
    margin-top: 29px
  }

  .modal--info .modal__dialog {
    padding: 0 13px
  }

  .modal--info .modal__close {
    width: 23px;
    height: 23px;
    top: 16px;
    right: 14px
  }

  .modal--info .modal__header {
    padding: 20px 65px 0 22px
  }

  .modal--info .modal__title {
    font-size: 16px;
    line-height: 122%
  }

  .modal--info .modal__body {
    font-size: 14px;
    line-height: 143.023%;
    padding: 10px 22px 28px
  }

  .modal--request .modal__close {
    right: 14px;
    top: 10px
  }

  .modal--request .modal__header {
    padding: 14px 60px 0 21px
  }

  .modal--request .modal__title {
    font-size: 16px;
    line-height: 120.023%
  }

  .modal--request .modal__body {
    padding: 7px 21px 22px
  }

  .modal--request .modal__body p {
    font-size: 12px;
    line-height: 134%
  }

  .modal--request .form {
    margin-top: 19px
  }

  .modal--request .form .field-text {
    margin-bottom: 12px
  }

  .modal--request .form .field-text__input {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 13px 7px;
    min-height: 29px
  }

  .modal--request .form .choices__inner {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 13px 7px;
    min-height: 29px
  }

  .modal--request .form .choices:after {
    right: 11px;
    top: 5px
  }

  .modal--request .form .field-select {
    margin-bottom: 17px
  }

  .modal--request .form .field-checkbox__name-text {
    font-size: 10px;
    padding-left: 33px
  }

  .modal--request .form .field-checkbox__name-text:before {
    width: 22px;
    height: 22px
  }

  .modal--request .form .field-checkbox__name-text:after {
    top: 10px;
    left: 7px
  }

  .modal--request .form .btn--submit {
    width: 141px;
    height: 31px;
    font-size: 12px;
    line-height: 145.023%;
    margin-top: 20px
  }
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  -webkit-animation: modal-backdrop .3s 1 ease-out forwards;
  animation: modal-backdrop .3s 1 ease-out forwards
}

@-webkit-keyframes modal-backdrop {
  0% {
    opacity: 0
  }
  to {
    opacity: .6
  }
}

@keyframes modal-backdrop {
  0% {
    opacity: 0
  }
  to {
    opacity: .6
  }
}

@-webkit-keyframes modal-dialog {
  0% {
    -webkit-transform: translate(0, -2em);
    transform: translate(0, -2em)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes modal-dialog {
  0% {
    -webkit-transform: translate(0, -2em);
    transform: translate(0, -2em)
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.modal--upload .modal__title {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0
}

.modal--upload .modal__header {
  padding: 41px 100px 0 66px
}

.modal--upload .modal__close {
  top: 25px
}

.modal--upload .modal__body {
  padding: 33px 65px 46px
}

.modal--upload .btn--upload {
  width: 327px;
  height: 61px;
  font-size: 18px;
  line-height: 145.023%;
  letter-spacing: .54px;
  font-weight: 500;
  margin: 42px auto 0;
  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
}

.modal--upload .btn--upload, .modal--upload .btn--upload:hover, .modal--upload .btn--upload:focus {
  color: #161616
}

.modal--upload .dropzone.dz-max-files-reached + .btn--upload {
  background: #e3e3e3;
  color: #666;
  pointer-events: none
}

.modal--upload .close-link {
  text-align: center;
  margin-top: 41px
}

.modal--upload .close-link a {
  font-size: 19px;
  line-height: 124%;
  text-decoration: none
}

@media (max-width: 1199px) {
  .modal--upload .modal__dialog {
    padding: 0
  }

  .modal--upload .modal__content {
    border-radius: 5px
  }

  .modal--upload .modal__close {
    width: 36px;
    height: 36px;
    top: 18px;
    right: 21px
  }

  .modal--upload .modal__header {
    padding: 31px 100px 0 41px
  }

  .modal--upload .modal__title {
    font-size: 26px;
    line-height: 31px
  }

  .modal--upload .modal__body {
    padding: 28px 41px 35px
  }

  .modal--upload .dropzone .dz-message .dz-button {
    display: none
  }

  .modal--upload .btn--upload {
    margin: 35px auto 0;
    width: 234px;
    height: 51px
  }

  .modal--upload .close-link {
    margin-top: 22px
  }

  .modal--upload .close-link a {
    font-size: 16px;
    line-height: 124%
  }
}

@media (max-width: 767px) {
  .modal--upload .modal__close {
    width: 23px;
    height: 23px;
    top: 13px;
    right: 15px
  }

  .modal--upload .modal__dialog {
    padding: 0 13px
  }

  .modal--upload .modal__header {
    padding: 18px 50px 0 15px
  }

  .modal--upload .modal__title {
    font-size: 16px;
    line-height: 19px
  }

  .modal--upload .modal__body {
    padding: 15px 15px 18px
  }

  .modal--upload .dropzone {
    padding: 11px 15px 20px;
    min-height: 169px
  }

  .modal--upload .dropzone__icon {
    width: 39px;
    height: 43px;
    margin-bottom: 13px
  }

  .modal--upload .dropzone__maxfiles {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 13px
  }

  .modal--upload .dropzone__accept {
    font-size: 12px;
    line-height: 16px;
    max-width: 190px;
    margin: 0 auto
  }

  .modal--upload .dropzone .dz-message .dz-button {
    font-size: 16px;
    line-height: 20px
  }

  .modal--upload .btn--upload {
    width: 163px;
    height: 33px;
    font-size: 12px;
    font-weight: 500;
    line-height: 115.023%;
    margin: 18px auto 0
  }

  .modal--upload .close-link {
    margin-top: 16px
  }

  .modal--upload .close-link a {
    font-size: 14px;
    line-height: 124%
  }
}

#modal-vacancy .modal__title {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0
}

#modal-vacancy .modal__body {
  padding: 10px 70px 46px
}

#modal-vacancy .modal__body p {
  font-size: 18px;
  line-height: 29px;
  margin-bottom: 16px
}

#modal-vacancy .form {
  margin-top: 0
}

#modal-vacancy .form .field-text {
  margin-bottom: 18px
}

#modal-vacancy .form .field-text__input {
  min-height: 53px;
  padding: 5px 29px;
  font-size: 16px;
  line-height: 19px
}

#modal-vacancy .form .field-select {
  margin-bottom: 25px
}

#modal-vacancy .form .choices__inner {
  padding: 18px 30px 14px;
  font-size: 16px;
  line-height: 19px
}

#modal-vacancy .form .choices__list--dropdown {
  margin-top: 8px
}

#modal-vacancy .form .field-checkbox {
  margin-bottom: 34px
}

#modal-vacancy .form__submit {
  width: 258px;
  height: 51px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #1e1e1e
}

@media (max-width: 1199px) {
  #modal-vacancy .modal__dialog {
    padding: 0
  }

  #modal-vacancy .modal__close {
    width: 36px;
    height: 36px;
    top: 22px;
    right: 26px
  }

  #modal-vacancy .modal__header {
    padding: 24px 100px 0 42px
  }

  #modal-vacancy .modal__title {
    font-size: 28px;
    line-height: 34px
  }

  #modal-vacancy .modal__body {
    padding: 18px 41px 36px
  }

  #modal-vacancy .modal__body p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 18px
  }

  #modal-vacancy .form .field-text {
    margin-bottom: 15px
  }

  #modal-vacancy .form .field-text__input {
    padding: 5px 20px;
    min-height: 50px;
    font-size: 14px;
    line-height: 16px
  }

  #modal-vacancy .form .choices__inner {
    font-size: 14px;
    line-height: 16px;
    padding: 17px 21px 15px
  }

  #modal-vacancy .form .choices:after {
    right: 23px;
    top: 11px
  }

  #modal-vacancy .form .choices__list--dropdown {
    width: 100%;
    margin-top: 14px;
    padding: 15px 0 12px
  }

  #modal-vacancy .form .choices__list--dropdown .choices__item {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 24px 6px 24px
  }

  #modal-vacancy .form .field-select {
    margin-bottom: 37px
  }

  #modal-vacancy .form .field-checkbox {
    margin-bottom: 22px
  }

  #modal-vacancy .form__submit {
    width: 210px;
    height: 45px
  }
}

@media (max-width: 767px) {
  #modal-vacancy .modal__dialog {
    padding: 0 13px
  }

  #modal-vacancy .modal__close {
    width: 23px;
    height: 23px;
    top: 10px;
    right: 14px
  }

  #modal-vacancy .modal__header {
    padding: 14px 50px 0 21px
  }

  #modal-vacancy .modal__title {
    font-size: 16px;
    line-height: 20px
  }

  #modal-vacancy .modal__body {
    padding: 7px 21px 20px
  }

  #modal-vacancy .modal__body p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 22px
  }

  #modal-vacancy .form .field-text {
    margin-bottom: 12px
  }

  #modal-vacancy .form .field-text__input {
    min-height: 29px;
    font-size: 10px;
    line-height: 12px;
    padding: 5px 13px
  }

  #modal-vacancy .form .field-select {
    margin-bottom: 19px
  }

  #modal-vacancy .form .choices__inner {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 33px 7px 13px;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  #modal-vacancy .form .choices:after {
    right: 11px;
    top: 6px
  }

  #modal-vacancy .form .choices__list--dropdown {
    margin-top: 8px;
    padding: 9px 0 8px
  }

  #modal-vacancy .form .choices__list--dropdown .choices__item {
    font-size: 12px;
    line-height: 14px;
    padding: 4px 16px 6px;
    word-break: normal
  }

  #modal-vacancy .form .field-checkbox {
    margin-bottom: 16px
  }

  #modal-vacancy .form .field-checkbox__name-text {
    font-size: 10px;
    line-height: 16px;
    padding-top: 7px;
    padding-left: 32px
  }

  #modal-vacancy .form__submit {
    width: 138px;
    height: 31px;
    font-size: 12px;
    line-height: 17px
  }
}

.order-card {
  background-color: #f6f6f6;
  margin-bottom: 78px
}

.order-card__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 236px;
  height: 52px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 145.023%;
  letter-spacing: .57px
}

.order-card__button, .order-card__button:hover, .order-card__button:focus {
  color: #1e1e1e
}

@media (max-width: 1199px) {
  .order-card {
    margin-bottom: 47px
  }

  .order-card__button {
    width: 300px;
    height: 51px;
    font-size: 18px;
    line-height: 145.023%;
    letter-spacing: .54px
  }
}

@media (max-width: 767px) {
  .order-card {
    margin-bottom: 30px
  }

  .order-card__button {
    width: 176px;
    height: 40px;
    font-size: 12px;
    line-height: 145.023%;
    letter-spacing: .36px
  }
}

.order_card__main {
  padding: 23px 0 40px 0
}

@media (max-width: 1199px) {
  .order_card__main {
    padding: 25px 0 36px 0
  }
}

@media (max-width: 767px) {
  .order_card__main {
    padding: 15px 0 27px 0
  }
}

.order_card__main .btn-gradient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.order_card__main .btn-gradient a {
  font-weight: 500;
  padding: 12px 29px 13px !important;
  letter-spacing: .03em
}

@media (max-width: 1199px) {
  .order_card__main .btn-gradient a {
    padding: 14px 66px 11px !important;
    font-size: 18px !important
  }
}

@media (max-width: 767px) {
  .order_card__main .btn-gradient a {
    padding: 12px 32px 11px !important;
    font-size: 12px !important;
    line-height: 17px
  }
}

.order_card__main > h3, .order_card__main > p {
  text-align: center;
  margin: 0
}

.order_card__main > h3 {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 500;
  margin-bottom: 16px
}

@media (max-width: 1199px) {
  .order_card__main > h3 {
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 6px
  }
}

@media (max-width: 767px) {
  .order_card__main > h3 {
    font-size: 18px;
    line-height: 22px;
    max-width: 334px;
    margin: 0 auto 9px auto
  }
}

.order_card__main > p {
  color: #5f5f5f;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 45px
}

@media (max-width: 1199px) {
  .order_card__main > p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px
  }
}

@media (max-width: 767px) {
  .order_card__main > p {
    font-size: 14px;
    margin-bottom: 17px
  }
}

.order_card__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(30%, 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
  grid-gap: 53px;
  counter-reset: section
}

@media (max-width: 1199px) {
  .order_card__list {
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 22px
  }
}

@media (max-width: 767px) {
  .order_card__list {
    grid-gap: 17px
  }
}

.order_card__list li {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  padding: 22px 29px 21px
}

@media (max-width: 1199px) {
  .order_card__list li {
    border-width: 2px;
    padding: 22px 24px 27px
  }
}

@media (max-width: 767px) {
  .order_card__list li {
    border-width: 1px;
    padding: 9px 19px 14px 18px
  }
}

.order_card__list li p {
  font-size: 16px;
  line-height: 23px
}

.order_card__list li p:last-child {
  margin-bottom: 0
}

@media (max-width: 767px) {
  .order_card__list li p {
    font-size: 14px;
    line-height: 20px
  }
}

.order_card__list li h4 {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 10px
}

@media (max-width: 1199px) {
  .order_card__list li h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px
  }
}

@media (max-width: 767px) {
  .order_card__list li h4 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 8px
  }
}

.order_card__list li h4:before {
  counter-increment: section;
  content: counter(section);
  width: 30px;
  height: 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;
  color: #fff;
  background-color: #adcd5f;
  border-radius: 100%;
  margin-right: 16px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .03em
}

@media (max-width: 1199px) {
  .order_card__list li h4:before {
    font-size: 20px;
    width: 27px;
    height: 27px;
    margin-right: 19px
  }
}

@media (max-width: 767px) {
  .order_card__list li h4:before {
    font-size: 16px;
    width: 21px;
    height: 21px;
    margin-right: 13px
  }
}

.order_card__list {
  margin-bottom: 57px
}

@media (max-width: 1199px) {
  .order_card__list {
    margin-bottom: 46px
  }
}

@media (max-width: 767px) {
  .order_card__list {
    margin-bottom: 29px
  }
}

@-ms-viewport {
  width: device-width
}

.page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
  min-height: 100%
}

.page__inner {
  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: 100vh
}

.page__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.page__footer-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.page--catalog .page__content {
  padding-bottom: 19px
}

@media (max-width: 767px) {
  .page--catalog .page__content {
    padding-bottom: 2px
  }
}

.container {
  padding-left: 13px;
  padding-right: 13px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%
}

@media (min-width: 480px) {
  .container {
    max-width: 100%
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
    padding-left: 35px;
    padding-right: 35px
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 962px
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px
  }
}

*, :before, :after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

* {
  -webkit-tap-highlight-color: transparent
}

body {
  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%;
  margin: 0;
  word-break: break-word;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.4375;
  text-align: left;
  color: #1f1f1f;
  background-color: #fff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (max-width: 1399px) {
  body {
    font-size: 18px;
    line-height: 1.44
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.42
  }
}

[tabindex='-1']:focus {
  outline: 0 !important
}

[role=button] {
  cursor: pointer
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

a, button, [role=button], input, label, select, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  margin: 0
}

button, input {
  overflow: visible;
  text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

svg {
  fill: currentColor
}

a svg, button svg {
  pointer-events: none
}

svg:not(:root) {
  overflow: hidden
}

img {
  max-width: 100%;
  height: auto
}

a {
  color: #7a9dd1;
  background-color: transparent;
  -webkit-transition: color .3s;
  transition: color .3s
}

a:hover, a:focus {
  color: #4173be
}

@media (min-width: 1200px) {
  a[href^='tel:'] {
    white-space: nowrap;
    text-decoration: inherit;
    color: inherit
  }
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  border: 0;
  border-top: 1px solid #adadad;
  overflow: visible
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  line-height: 1.2;
  color: currentColor
}

h1 {
  font-size: 30px
}

h2 {
  font-size: 30px
}

h3 {
  font-size: 24px
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 16px
}

h6 {
  font-size: 16px
}

p, ul, ol, dl, table, blockquote, pre, address, figure {
  margin-top: 0;
  margin-bottom: 1em
}

address {
  font-style: normal
}

ul, ol {
  margin-bottom: 1em;
  padding-left: 1.5em
}

ul ul, ul ol, ol ul, ol ol {
  margin-top: 0;
  margin-bottom: 0
}

li {
  line-height: inherit
}

small {
  font-size: .75em
}

sub, sup {
  font-size: .75em
}

b, strong {
  font-weight: bolder
}

blockquote {
  padding: 0;
  margin-left: 0;
  margin-right: 0
}

code, kbd, pre {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
  padding: .06em .3em;
  color: #1f1f1f;
  background-color: rgba(0, 0, 0, .08);
  border-radius: 5px
}

kbd {
  padding: .06em .3em;
  color: #1f1f1f;
  background-color: #f5f5f5;
  border-radius: 5px
}

kbd kbd {
  padding: 0
}

pre {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  overflow-x: auto;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  background-color: rgba(0, 0, 0, .08)
}

pre code {
  background: 0 0
}

.glightbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.glightbox-container .ginner-container {
  background: #fff;
  padding: 24px 34px 34px
}

.glightbox-container .ginner-container.gvideo-container {
  width: 1025px
}

.glightbox-container .ginner-container .gslide-image img {
  max-width: 100%
}

.glightbox-container .gslide-video, .glightbox-container .gslide-description {
  max-width: 100% !important
}

.glightbox-container .gcontainer {
  margin: auto;
  max-width: 1025px;
  height: auto;
  overflow: unset
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container.desc-top .gslide-video {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.glightbox-clean .gslide-media {
  -webkit-box-shadow: none;
  box-shadow: none
}

.glightbox-clean .gdesc-inner {
  padding: 0 0 28px
}

.glightbox-clean .gslide-title {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
  line-height: 31px
}

.glightbox-clean .gnext svg, .glightbox-clean .gprev svg, .glightbox-clean .gclose svg {
  display: none
}

.glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover, .glightbox-clean .gclose:hover {
  background: #fff
}

.glightbox-clean .gnext, .glightbox-clean .gprev {
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  background: #fff;
  width: 51px;
  height: 51px;
  border-radius: 50%
}

.glightbox-clean .gnext:before, .glightbox-clean .gprev:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #454545;
  border-right: 2px solid #454545
}

.glightbox-clean .gnext {
  right: unset;
  left: 100%;
  margin-left: 81px
}

.glightbox-clean .gnext:before {
  -webkit-transform: translateX(-1px) rotate(-45deg);
  transform: translateX(-1px) rotate(-45deg)
}

.glightbox-clean .gprev {
  left: unset;
  right: 100%;
  margin-right: 81px
}

.glightbox-clean .gprev:before {
  -webkit-transform: translateX(3px) rotate(135deg);
  transform: translateX(3px) rotate(135deg)
}

.glightbox-clean .gclose {
  width: 44px;
  height: 44px;
  border: 2px solid #8c8c8c;
  background: 0 0 !important;
  border-radius: 50%;
  opacity: 1;
  top: 16px;
  right: 34px
}

.glightbox-clean .gclose:before, .glightbox-clean .gclose:after {
  content: '';
  display: block;
  background: #8c8c8c;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px
}

.glightbox-clean .gclose:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.glightbox-clean .gclose:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.goverlay {
  background: rgba(56, 56, 56, .64)
}

@media (max-width: 1399px) {
  .glightbox-mobile .goverlay {
    background: rgba(56, 56, 56, .64)
  }

  .glightbox-mobile .glightbox-container .gslide-description {
    position: relative;
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
    padding: 0;
    background: 0 0;
    max-height: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }

  .glightbox-mobile .glightbox-container .gslide-title {
    color: #000;
    font-size: 18px;
    line-height: 26px
  }

  .glightbox-container .gcontainer {
    width: 100%;
    max-width: 701px;
    margin: auto
  }

  .glightbox-container .ginner-container .gslide-image, .glightbox-container .ginner-container .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .glightbox-container .ginner-container {
    padding: 21px 31px 23px 29px;
    height: auto
  }

  .glightbox-clean .gdesc-inner {
    padding: 0 0 24px
  }

  .glightbox-clean .gclose {
    background: #fff !important;
    width: 36px;
    height: 36px;
    right: 31px
  }

  .glightbox-clean .gclose:before, .glightbox-clean .gclose:after {
    width: 20px
  }

  .glightbox-clean .gnext, .glightbox-clean .gprev {
    top: 100%;
    margin-top: 44px;
    width: 43px;
    height: 43px
  }

  .glightbox-clean .gprev {
    right: 50%;
    margin-right: 56px
  }

  .glightbox-clean .gnext {
    left: 50%;
    margin-left: 56px
  }
}

@media (max-width: 767px) {
  .glightbox-container .gcontainer {
    padding: 15px
  }

  .glightbox-container .ginner-container {
    padding: 13px 15px 14px 14px
  }

  .glightbox-clean .gdesc-inner {
    padding: 0 0 16px
  }

  .glightbox-clean .gclose {
    width: 23px;
    height: 23px;
    right: 15px;
    top: 10px;
    border-width: 1px
  }

  .glightbox-clean .gclose:before, .glightbox-clean .gclose:after {
    width: 12px;
    height: 1px;
    margin-top: -.5px
  }

  .glightbox-clean .gnext, .glightbox-clean .gprev {
    margin-top: 20px;
    width: 31px;
    height: 31px
  }

  .glightbox-clean .gnext:before, .glightbox-clean .gprev:before {
    width: 8px;
    height: 8px;
    border-width: 1.5px
  }

  .glightbox-clean .gprev {
    margin-right: 24px
  }

  .glightbox-clean .gnext {
    margin-left: 24px
  }

  .glightbox-mobile .glightbox-container .gslide-title {
    font-size: 12px;
    line-height: 17px
  }
}

.text-justify {
  text-align: justify
}

.category-text-content {
  padding-bottom: 23px
}

.category-text-content p {
  margin-bottom: 8px
}

.category-text-content ul {
  margin-bottom: 9px
}

@media (max-width: 1199px) {
  .category-text-content {
    display: none
  }
}

.ps__rail-y {
  width: 8px;
  right: 10px;
  top: 14px;
  bottom: 13px;
  margin-top: 14px;
  margin-bottom: 14px;
  opacity: 1
}

.ps__thumb-y {
  width: 8px;
  border-radius: 6px;
  background: #7b7b7b;
  right: 0
}

.ps:hover .ps__rail-x, .ps:hover .ps__rail-y, .ps--focus .ps__rail-x, .ps--focus .ps__rail-y, .ps--scrolling-x .ps__rail-x, .ps--scrolling-x .ps__rail-y, .ps--scrolling-y .ps__rail-x, .ps--scrolling-y .ps__rail-y {
  opacity: 1
}

.ps__rail-x:hover, .ps__rail-x :focus, .ps__rail-x .ps--clicking, .ps__rail-y:hover, .ps__rail-y :focus, .ps__rail-y .ps--clicking {
  opacity: 1
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:hover .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:focus .ps__thumb-y, .ps__rail-y.ps--clicking > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
  width: 8px;
  background: #7b7b7b
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
  background: #eee
}

.page-footer {
  background: gray;
  border-radius: 0;
  color: #fff;
  padding-top: 29px;
  padding-bottom: 17px
}

.page-footer, .page-footer a {
  color: #fff
}

.page-footer__top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 15px
}

.page-footer__top-mobile {
  display: none
}

.page-footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #9a9a9a;
  padding-top: 27px;
  padding-bottom: 27px
}

.page-footer__main-col1 {
  width: 594px
}

.page-footer__main-col2 {
  padding-top: 2px;
  margin-right: auto
}

.page-footer__main-col3 {
  padding-top: 3px
}

.page-footer__nav {
  padding-bottom: 3px
}

.page-footer__address {
  font-size: 18px;
  line-height: 25px
}

.page-footer__workhours {
  font-size: 20px;
  line-height: 25px
}

.page-footer__workhours p {
  margin-bottom: 13px
}

.page-footer__workhours :last-child {
  margin-bottom: 0
}

.page-footer__bottom {
  padding-top: 23px
}

.page-footer__bottom-line1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.page-footer .question-circle-icon {
  fill: #d7d6d6;
  width: 20px;
  height: 20px
}

.page-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  padding-top: 3px
}

.page-footer__links a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  -webkit-transition: .3s all;
  transition: .3s all
}

.page-footer__links a:hover {
  color: #ddea8e
}

.page-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.page-footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
  gap: 16px;
  font-size: 18px;
  line-height: 25px
}

.page-footer__contacts a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px
}

.page-footer__contacts a svg {
  fill: #a9a7a7
}

.page-footer__contacts a[href^=tel] {
  font-size: 22px;
  font-weight: 700;
  line-height: 22px
}

.page-footer__callback {
  text-align: right
}

.page-footer__callback .btn {
  font-size: 14px;
  padding: 7px 23px;
  color: #1e1e1e;
  -webkit-transition: .3s all;
  transition: .3s all
}

.page-footer__callback .btn:hover {
  -webkit-box-shadow: 0 3px 6px 4px rgba(70, 70, 70, .25);
  box-shadow: 0 3px 6px 4px rgba(70, 70, 70, .25)
}

.page-footer__text {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #d7d6d6;
  margin-top: 20px
}

.page-footer__text p {
  margin-bottom: 16px
}

.page-footer__text :last-child {
  margin-bottom: 0
}

.page-footer__text--mobile {
  display: none
}

@media (max-width: 1500px) {
  .page-footer__main-col1 {
    width: auto
  }

  .page-footer__main-col2 {
    margin-right: 0
  }
}

@media (max-width: 1399px) {
  .page-footer {
    padding-bottom: 134px
  }
}

@media (max-width: 1199px) {
  .page-footer {
    padding-top: 22px;
    padding-bottom: 132px
  }

  .page-footer__nav {
    display: none
  }

  .page-footer__text {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    margin-top: 19px;
    display: none
  }

  .page-footer__text p {
    margin-top: 0;
    margin-bottom: 0
  }

  .page-footer__text--mobile {
    display: block
  }

  .page-footer__bottom {
    padding-top: 17px
  }

  .page-footer__bottom .page-footer__callback {
    display: none
  }

  .page-footer__workhours {
    font-size: 16px;
    line-height: 23px
  }

  .page-footer__workhours p {
    margin-bottom: 6px
  }

  .page-footer__links {
    font-size: 16px;
    line-height: 23px;
    gap: 23px
  }

  .page-footer__links a {
    gap: 12px
  }

  .page-footer .question-circle-icon {
    width: 16px;
    height: 16px
  }

  .page-footer__top {
    border-bottom: none;
    padding-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .page-footer__top-mobile {
    padding-top: 11px;
    display: block
  }

  .page-footer__main {
    display: block;
    padding-top: 0;
    padding-bottom: 9px
  }

  .page-footer__main-col1 {
    display: none
  }

  .page-footer__main-col2 {
    padding-top: 14px;
    padding-bottom: 9px;
    border-top: 1px solid #9a9a9a
  }

  .page-footer__main-col3 {
    display: none
  }

  .page-footer__contacts {
    text-align: left;
    gap: 8px
  }

  .page-footer__contacts a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 21px
  }

  .page-footer__address {
    font-size: 16px;
    line-height: 23px;
    color: #d7d6d6
  }

  .page-footer__callback {
    text-align: left;
    margin-top: 32px
  }

  .page-footer__callback .btn {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 8px
  }
}

@media (max-width: 767px) {
  .page-footer {
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 104px;
    margin-top: 30px
  }

  .page-footer__inner {
    padding-left: 13px;
    padding-right: 13px
  }

  .page-footer__top {
    padding-bottom: 15px
  }

  .page-footer__top-mobile {
    padding-top: 2px
  }

  .page-footer__address {
    font-size: 14px;
    line-height: 20px;
    max-width: 280px
  }

  .page-footer__workhours {
    font-size: 14px;
    line-height: 17px
  }

  .page-footer__workhours p {
    margin-bottom: 10px
  }

  .page-footer__workhours p span {
    font-weight: 600
  }

  .page-footer__main-col2 {
    padding-top: 13px;
    padding-bottom: 8px
  }

  .page-footer__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    font-size: 14px
  }

  .page-footer__links a {
    gap: 9px
  }

  .page-footer__contacts {
    margin-bottom: 27px;
    gap: 6px
  }

  .page-footer__contacts a {
    font-size: 14px;
    line-height: 20px;
    gap: 14px
  }

  .page-footer__contacts a[href^=tel] {
    font-size: 18px;
    line-height: 24px
  }

  .page-footer__text {
    font-size: 12px;
    line-height: 14px;
    margin-top: 41px
  }

  .page-footer__text p {
    margin-bottom: 13px
  }

  .page-footer__callback {
    margin-top: 27px
  }

  .page-footer__callback .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    width: 161px;
    height: 32px
  }

  .page-footer__bottom {
    padding-top: 12px
  }

  .page-footer__text {
    font-size: 10px;
    line-height: 12px;
    margin-top: 17px
  }
}

.page--category .page-footer {
  margin-top: 65px
}

@media (max-width: 1199px) {
  .page--category .page-footer {
    margin-top: 0
  }
}

.page-header {
  padding-top: 32px
}

.page-header__inner {
  border-radius: 14px;
  background: #f5f5f5;
  padding: 21px 21px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.page-header__phone {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}

.page-header__phone svg {
  color: #9dce2c;
  fill: none
}

.page-header__search-btn {
  font-size: 0;
  line-height: 0;
  margin-right: 20px
}

.page-header__search-btn a {
  display: block;
  width: 18px;
  height: 18px
}

.page-header__search-btn svg {
  fill: #000;
  stroke: none
}

.page-header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.page-header .city-picker {
  margin-right: 26px
}

.page-header .social {
  margin-left: 31px
}

@media (max-width: 1399px) {
  .page-header__inner {
    padding: 10px 20px;
  }
  .main-nav__list {
    gap: 20px;
    flex-wrap: nowrap;
  }
  .main-nav__link {
    font-size: 15px;
    white-space: nowrap;
  }
  .page-header__contacts {
    flex-wrap: wrap;
    justify-content: start;
    max-width: 300px;
  }
  .page-header__search-btn {
    font-size: 0;
    line-height: 0;
    margin-right: 20px;
  }
  .page-header .city-picker {
    margin-right: 26px;
    width: auto;
  }
  .page-header__phone {
    width: auto;
  }
  .page-header__phone svg {
    flex-shrink: 0;
  }
  .page-header .social {
    margin-left: 10px;
    width: auto;
  }
}

@media (max-width: 1199px) {
  .page-header {
    padding-top: 0
  }

  .page-header .container {
    padding: 0
  }

  .page-header__inner {
    padding: 12px 35px 10px;
    border-radius: 0
  }

  .page-header .main-nav {
    display: none
  }

  .page-header .city-picker {
    display: none
  }

  .page-header .social {
    display: none
  }

  .page-header .logo {
    margin-left: 15px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1.1px
  }

  .page-header .logo img {
    width: 55px
  }

  .page-header__phone {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: .075em;
    color: #1f1f1f
  }

  .page-header__phone svg {
    display: none
  }
}

@media (max-width: 1199px) {
  .page-header__search-btn {
    display: none
  }
}

@media (max-width: 767px) {
  .page-header__inner {
    padding: 5px 13px 8px
  }

  .page-header .logo {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 15px;
    gap: 5px;
    margin-left: 0
  }

  .page-header .logo img {
    width: 50px
  }

  .page-header__phone {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1
  }
}

.page--catalog .page-header {
  margin-bottom: 24px
}

@media (max-width: 1399px) {
  .page--catalog .page-header {
    margin-bottom: 19px
  }
}

@media (max-width: 767px) {
  .page--catalog .page-header {
    margin-bottom: 19px
  }
}

@media (max-width: 1399px) {
  .page--category .page-header {
    margin-bottom: 17px
  }
}

@media (max-width: 767px) {
  .page--category .page-header {
    margin-bottom: 18px
  }
}

.infopage {
  padding-top: 5px;
  padding-bottom: 92px
}

@media screen and (max-width: 1200px) {
  .infopage {
    padding-top: 18px;
    padding-bottom: 53px
  }
}

@media screen and (max-width: 767px) {
  .infopage {
    padding-top: 14px;
    padding-bottom: 32px
  }
}

.text-content {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400
}

.text-content h1, .text-content .h1 {
  margin: 0 0 13px;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 500
}

.text-content h2, .text-content .h2 {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 500;
  margin: 35px 0 17px
}

.text-content h2:first-child, .text-content .h2:first-child {
  margin-top: 0
}

.text-content p {
  margin-bottom: 16px
}

.text-content p:last-child {
  margin-bottom: 0
}

.text-content strong {
  font-weight: 600
}

.text-content ul {
  list-style: none;
  margin: -16px 0 16px;
  padding: 0
}

.text-content ul > li {
  display: block;
  position: relative;
  padding: 0 0 0 12px;
  margin: 0
}

.text-content ul > li::before {
  content: '';
  display: block;
  background-color: #1e1e1e;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0
}

@media screen and (max-width: 1200px) {
  .text-content {
    font-size: 16px;
    line-height: 1.44187em;
    color: #333
  }

  .text-content h1, .text-content .h1 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 13px;
    color: #1e1e1e
  }

  .text-content h2, .text-content .h2 {
    font-size: 28px;
    line-height: 1.1em;
    margin-top: 30px;
    margin-bottom: 12px;
    color: #1e1e1e
  }

  .text-content p {
    margin-bottom: 14px
  }

  .text-content ul {
    margin: -8px 0 14px
  }

  .text-content ul > li {
    padding: 0 0 0 10px;
    margin-top: 6px
  }

  .text-content ul > li:first-child {
    margin-top: 0
  }

  .text-content ul > li::before {
    top: 9px;
    left: 0
  }
}

@media screen and (max-width: 767px) {
  .text-content {
    font-size: 14px;
    line-height: 1.43023em;
    color: #2f2f2f
  }

  .text-content h1, .text-content .h1 {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 7px
  }

  .text-content h2, .text-content .h2 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
    margin-top: 19px;
    margin-bottom: 11px
  }

  .text-content p {
    margin-bottom: 11px
  }

  .text-content ul {
    margin-top: -12px;
    margin-bottom: 11px
  }

  .text-content ul > li {
    padding-left: 9px;
    margin-top: 0
  }

  .text-content ul > li::before {
    top: 7px;
    left: 1px;
    width: 3px;
    height: 3px
  }
}

.product {
  overflow: hidden
}

.product__features-tabs-title {
  font-size: 19px;
  line-height: 27px;
  letter-spacing: .02em;
  margin-bottom: 25px;
  color: #7b7b7b
}

.product__features-tab-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 28px
}

@media (max-width: 1199px) {
  .product {
    padding-top: 18px
  }

  .product__features-tabs-title {
    font-size: 18px;
    line-height: 25px;
    color: #7a7a7a;
    margin-bottom: 17px
  }

  .product__features-tab-title {
    display: none
  }
}

@media (max-width: 767px) {
  .product {
    padding-top: 9px
  }

  .product__features-tabs-title {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 11px
  }
}

.product-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 42px;
  margin-bottom: 50px
}

.product-main__title {
  margin-top: 0;
  width: 100%;
  margin-bottom: 34px;
  font-weight: 500
}

.product-main__gallery {
  overflow: hidden;
  -webkit-box-flex: 66;
  -ms-flex: 66;
  flex: 66
}

.product-main__about {
  -webkit-box-flex: 37;
  -ms-flex: 37;
  flex: 37;
  padding-top: 6px
}

.product-main__summary {
  -webkit-box-flex: 30;
  -ms-flex: 30;
  flex: 30
}

.product-main__features {
  margin-bottom: 33px
}

.product-main__features-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 140.523%;
  margin-bottom: 11px
}

.product-main__features-content {
  font-size: 16px;
  line-height: 133.9%;
  margin-bottom: 9px
}

.product-main__features-link {
  color: #5a92e8;
  font-size: 16px;
  line-height: 133.9%;
  text-decoration: none
}

@media (max-width: 1199px) {
  .product-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 38px
  }

  .product-main__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 122%;
    letter-spacing: 0;
    margin-bottom: 18px
  }

  .product-main__gallery {
    -webkit-box-ordinal-group: -998;
    -ms-flex-order: -999;
    order: -999;
    width: 100%
  }

  .product-main__about {
    display: contents
  }

  .product-main__summary {
    margin-bottom: 38px
  }

  .product-main__features {
    display: none
  }
}

@media (max-width: 767px) {
  .product-main {
    margin-bottom: 32px
  }

  .product-main__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
    letter-spacing: 0
  }

  .product-main__summary {
    font-size: 12px;
    line-height: 188.523%;
    margin-bottom: 17px
  }
}

.product-main-spec {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 37px
}

.product-main-spec__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.product-main-spec__label {
  color: #7a7a7a;
  white-space: nowrap;
}
.product-main-spec__value {
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .product-main-spec {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    line-height: 188.523%;
    gap: 21px;
    margin-bottom: 26px
  }
}

@media (max-width: 767px) {
  .product-main-spec {
    font-size: 12px;
    line-height: 188.523%;
    gap: 17px;
    margin-bottom: 14px
  }

  .product-main-spec__item {
    gap: 3px
  }
}

.product-main-configuration {
  margin-bottom: 39px
}

.product-main-configuration__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: .02em;
  margin-bottom: 18px
}

.product-main-configuration__items {
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap: 12px 14px
}

.product-main-configuration__item {
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 10px 17px;
  cursor: pointer
}

.product-main-configuration__item.active {
  border: 2px solid #adcd5f;
  padding: 9px 16px
}

@media (max-width: 1199px) {
  .product-main-configuration {
    margin-bottom: 43px
  }

  .product-main-configuration__title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 22px
  }

  .product-main-configuration__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
  }

  .product-main-configuration__item {
    min-width: 172px;
    font-size: 16px;
    line-height: 133.9%;
    padding: 12px 17px
  }

  .product-main-configuration__item.active {
    padding: 11px 16px
  }
}

@media (max-width: 767px) {
  .product-main-configuration {
    margin-bottom: 26px
  }

  .product-main-configuration__title {
    font-size: 12px;
    line-height: 140.523%;
    letter-spacing: 0;
    margin-bottom: 10px
  }

  .product-main-configuration__items {
    gap: 8px
  }

  .product-main-configuration__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 106px;
    line-height: 133.9%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 5px 5px;
    border-radius: 5px
  }

  .product-main-configuration__item.active {
    padding: 5px 4px 4px
  }
}

.product-main-about__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: .48px;
  margin-bottom: 11px
}

.product-main-about__items {
  font-size: 16px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px
}

.product-main-about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product-main-about__label {
  color: #7a7a7a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.product-main-about__label:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px dotted #7a7a7a;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  margin: 0 2px 5px
}

.product-main-about__value {
  width: 53.4%
}

@media (max-width: 1199px) {
  .product-main-about {
    -webkit-box-ordinal-group: 1000;
    -ms-flex-order: 999;
    order: 999
  }

  .product-main-about__title {
    font-size: 22px;
    line-height: 133%;
    letter-spacing: 0;
    margin-bottom: 21px
  }

  .product-main-about__items {
    font-size: 18px;
    line-height: 24px;
    gap: 12px
  }

  .product-main-about__value {
    width: auto
  }
}

@media (max-width: 767px) {
  .product-main-about__title {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px
  }

  .product-main-about__items {
    gap: 9px;
    font-size: 14px;
    line-height: 19px
  }
}

.product-main-summary {
  padding: 15px 34px 31px;
  background: #f6f6f6;
  border-radius: 10px
}

.product-main-summary__label {
  font-size: 12px;
  color: #7b7b7b;
  margin-bottom: 7px
}

.product-main-summary__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.product-main-summary__price-old {
  color: #878787;
  font-size: 18px;
  text-decoration: line-through
}

.product-main-summary__price {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  margin-bottom: 23px
}

.product-main-summary__delivery {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .02em;
  color: #7a7a7a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  position: relative;
  padding: 0;
  margin-bottom: 30px
}

.product-main-summary__delivery:before {
  content: 'i';
  font-size: 13px;
  line-height: 18px;
  letter-spacing: .02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  width: 15px;
  height: 15px;
  background: #b5b5b5;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-top: 3px
}

.product-main-summary__delivery-content {
  position: absolute;
  z-index: 10;
  display: none;
  -webkit-box-shadow: 0 2px 14px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 14px 1px rgba(0, 0, 0, .2);
  background: #fff;
  left: -176px;
  top: 56px;
  width: 305px;
  border-radius: 14px;
  padding: 21px;
  word-break: normal;
  color: #1f1f1f
}

.product-main-summary__delivery-content :last-child {
  margin-bottom: 0
}

.product-main-summary__delivery-content strong {
  font-weight: 500
}

.product-main-summary__delivery-content p {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

.product-main-summary__delivery:hover .product-main-summary__delivery-content {
  display: block
}

.product-main-summary__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px
}

.product-main-summary__btn {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em
}

.product-main-summary__btn--order {
  background: #ffc24b
}

.product-main-summary__btn--order, .product-main-summary__btn--order:hover {
  background: #ffc24b;
  color: #271e00
}

.product-main-summary__btn--order:before, .product-main-summary__btn--order:after {
  display: none
}

.product-main-summary__btn--consult {
  background: #adcd5f
}

.product-main-summary__btn--consult, .product-main-summary__btn--consult:hover {
  background: #adcd5f;
  color: #271e00
}

@media (max-width: 1199px) {
  .product-main-summary {
    padding: 25px 41px 43px 40px;
    border-radius: 10px
  }

  .product-main-summary__label {
    font-size: 18px;
    line-height: 188.523%;
    margin-bottom: 17px
  }

  .product-main-summary__price {
    text-align: left;
    font-size: 38px;
    line-height: 43px;
    margin-bottom: 29px
  }

  .product-main-summary__delivery {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 41px;
    gap: 14px;
    letter-spacing: 0
  }

  .product-main-summary__delivery:before {
    width: 22px;
    height: 22px;
    font-size: 18px;
    line-height: 1
  }

  .product-main-summary__delivery-content {
    display: none !important
  }

  .product-main-summary__btn {
    font-size: 26px;
    line-height: 38px;
    height: 67px
  }

  .product-main-summary__btn--consult {
    display: none
  }

  .product-main-summary__prices {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 34px
  }

  .product-main-summary__price-old {
    font-size: 28px
  }
}

@media (max-width: 767px) {
  .product-main-summary {
    padding: 14px 17px 26px 15px;
    border-radius: 10px
  }

  .product-main-summary__label {
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 16px
  }

  .product-main-summary__price {
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 18px
  }

  .product-main-summary__delivery {
    font-size: 12px;
    line-height: 140.523%;
    letter-spacing: .24px;
    gap: 11px;
    margin-bottom: 21px
  }

  .product-main-summary__delivery:before {
    width: 15px;
    height: 15px;
    font-size: 13px;
    margin: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  .product-main-summary__buttons .btn {
    font-size: 18px;
    height: 40px
  }

  .product-main-summary__prices {
    gap: 15px
  }

  .product-main-summary__price-old {
    font-size: 16px
  }
}

.product-palettes__title {
  font-size: 19px;
  line-height: 27px;
  letter-spacing: .02em;
  color: #7b7b7b;
  margin-bottom: 25px
}

@media (max-width: 1199px) {
  .product-palettes__title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 19px
  }
}

@media (max-width: 767px) {
  .product-palettes__title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0
  }
}

.delivery-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(56, 56, 56, .64);
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.delivery-popup__content {
  width: 100%;
  margin-top: auto;
  background: #fff;
  -webkit-box-shadow: 0 -1px 11px 0 rgba(84, 84, 84, .14);
  box-shadow: 0 -1px 11px 0 rgba(84, 84, 84, .14);
  padding: 34px 34px 45px 35px;
  font-size: 18px;
  line-height: 26px
}

.delivery-popup__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: .03em;
  border-radius: 8px;
  height: 67px;
  margin-top: 35px
}

@media (max-width: 1199px) {
  .delivery-popup__button {
    border-radius: 8px;
    font-size: 26px;
    line-height: 38px
  }
}

@media (max-width: 767px) {
  .delivery-popup__content {
    padding: 21px 13px 27px;
    font-size: 14px;
    line-height: 20px
  }

  .delivery-popup__button {
    margin-top: 23px;
    height: 40px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 26px
  }
}

.product-manufacturer {
  font-size: 20px;
  line-height: 29px;
  color: #616161
}

.product-manufacturer span {
  font-weight: 500
}

@media (min-width: 1200px) {
  .product-manufacturer {
    margin-top: 41px
  }
}

@media (max-width: 767px) {
  .product-manufacturer {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0
  }

  .product-features + .product-manufacturer {
    margin-top: -26px
  }
}

.product-card {
  border: 1px solid #c7c7c7;
  border-radius: 5px
}

.product-card, .product-card:hover, .product-card:focus {
  color: #1f1f1f;
  text-decoration: none
}

.product-card__inner {
  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
}

.product-card__content {
  padding: 11px 16px;
  margin-bottom: 1px
}

.product-card__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
  margin-bottom: 4px;
  text-decoration: none;
  color: #000;
}

.product-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 16px;
  line-height: 22px;
  color: #7a7a7a
}

.product-card__image {
  margin-top: auto
}

.product-card__image img {
  display: block;
  width: 100%;
  height: 255px;
  -o-object-fit: cover;
  object-fit: cover
}

.product-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 16px 17px
}

.product-card__price {
  font-size: 26px;
  font-weight: 500;
  line-height: 35px
}

.product-card__price-old {
  text-decoration: line-through;
  color: #878787;
  font-weight: 400;
  font-size: 18px
}

.product-card__price-current {
  margin-right: 22px;
  padding-bottom: 0
}

.product-card__price--with-old {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product-card__button {
  width: 112px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .03em;
  font-weight: 500;
  text-align: center;
  padding: 6px 25px 6px;
  border-radius: 5px;
  color: #1e1e1e
}

.product-card__button, .product-card__button:hover, .product-card__button:focus {
  color: #1e1e1e
}

.product-card__button:before, .product-card__button:after {
  display: none
}

.product-card__button-mobile {
  display: none;
  margin-top: 14px
}

.product-card.swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1399px) {
  .product-card {
    overflow: hidden
  }

  .product-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .product-card__image {
    -webkit-box-ordinal-group: -998;
    -ms-flex-order: -999;
    order: -999
  }

  .product-card__image img {
    height: 174px;
    display: block
  }

  .product-card__content {
    padding: 9px 10px 17px;
    margin: 0
  }

  .product-card__title {
    font-size: 14px;
    margin-bottom: 11px
  }

  .product-card__info {
    font-size: 11px;
    line-height: 15px
  }

  .product-card__bottom {
    padding: 10px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .product-card__price {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 11px
  }

  .product-card__button {
    letter-spacing: .02em;
    padding: 5px 25px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    background: #aecd60
  }

  .product-card__button:before, .product-card__button:after {
    display: none
  }
}

@media (max-width: 1199px) {
  .product-card {
    border-radius: 4px;
    border: 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: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: 100%
  }

  .product-card__content {
    -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;
    padding: 10px 9px 14px;
    margin-bottom: auto
  }

  .product-card__title {
    margin-bottom: 11px
  }

  .product-card__info {
    font-size: 12px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: auto
  }

  .product-card__inner {
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    min-height: calc(100% - 48px);
    margin-bottom: 13px;
    overflow: hidden
  }

  .product-card__button {
    height: 35px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 22px 8px;
    margin-top: auto;
    display: none;
    width: 100%
  }

  .product-card__button-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .product-card__image img {
    height: 174px
  }

  .product-card__price {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
  }

  .product-card__price-old {
    font-size: 12px
  }

  .product-card__price-current {
    margin-right: 11px;
    padding-bottom: 1px
  }
}

@media (max-width: 767px) {
  .product-card {
    border-radius: 5px
  }

  .product-card__inner {
    min-height: calc(100% - 40px);
    margin-bottom: 14px
  }

  .product-card__content {
    padding: 8px 7px 5px
  }

  .product-card__title {
    font-size: 12px;
    margin-bottom: 9px
  }

  .product-card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    line-height: 128%;
    gap: 0
  }

  .product-card__image img {
    height: 127px
  }

  .product-card__bottom {
    padding: 0 7px 9px
  }

  .product-card__price {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
  }

  .product-card__price-current {
    margin-right: 9px
  }

  .product-card__price-old {
    font-size: 10px
  }

  .product-card__button {
    height: 26px;
    font-size: 12px;
    line-height: 17px;
    padding: 5px 22px 4px
  }
}

.product-card--custom-order {
  position: relative;
  min-height: 400px;
}
.product-card--custom-order .product-card__inner {
  background: url('/local/templates/2024/css/../img/banner-custom-order-catalog.png') bottom center, linear-gradient(180deg, #BDB841 0%, #B1C468 100%);
  background-repeat: no-repeat;
  justify-content: flex-end;
  background-position: center calc(100% - 40px), 100%;
}
.product-card--custom-order .product-card__content {
  color: #FFF;
  padding: 18px 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.product-card--custom-order .product-card__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 14px;
  color: #FFF;
}
.product-card--custom-order .product-card__description {
  font-size: 16px;
  line-height: 1.35;
  max-width: 320px;
}
.product-card--custom-order .product-card__bottom {
  background-color: #FFF;
  justify-content: center;
}
.product-card--custom-order .product-card__button {
  align-self: center;
  width: 170px;
}
.product-card--custom-order-last {
  order: 999;
}
@media (max-width: 1399px) {
  .product-card--custom-order {
    min-height: 300px;
  }
  .product-card--custom-order .product-card__inner {
    background-position: center calc(100% - 20px), 100%;
  }
  .product-card--custom-order .product-card__content {
    padding: 12px 16px;
  }
  .product-card--custom-order .product-card__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .product-card--custom-order .product-card__description {
    font-size: 12px;
    max-width: 260px;
  }
  .product-card--custom-order .product-card__button {
    align-self: flex-start;
    width: 120px;
  }
}
@media (max-width: 1199px) {
  .product-card--custom-order {
    min-height: 300px;
  }
  .product-card--custom-order .product-card__inner {
    background-position: right calc(100% + 30px), 100%;
    background-size: 120%;
  }
  .product-card--custom-order .product-card__content {
    padding: 12px 16px;
  }
  .product-card--custom-order .product-card__title {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .product-card--custom-order .product-card__description {
    font-size: 12px;
  }
  .product-card--custom-order .product-card__button {
    width: 100%;
  }
  .product-card--custom-order .product-card__bottom {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-card--custom-order {
    min-height: 260px;
  }
  .product-card--custom-order .product-card__inner {
    background-position: right calc(100% + 30px), 100%;
    background-size: 100%;
  }
  .product-card--custom-order .product-card__content {
    padding: 12px 10px;
  }
  .product-card--custom-order .product-card__title {
    font-size: 16px;
  }
  .product-card--custom-order .product-card__description {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .product-card--custom-order .product-card__inner {
    background-position: right calc(100% + 20px), 100%;
    background-size: 120%;
  }
}
@media (max-width: 320px) {
  .product-card--custom-order {
    min-height: 280px;
  }
  .product-card--custom-order .product-card__inner {
    background-position: right calc(100% + 10px), 100%;
  }
  .product-card--custom-order .product-card__title {
    font-size: 14px;
    font-weight: 500;
  }
}

.product-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 13px;
  margin-bottom: 41px
}

.product-features__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 30px
}

@media (min-width: 1200px) {
  .product-features {
    display: block;
    padding-top: 7px
  }

  .product-features__inner {
    display: table;
    width: 100%
  }
}

@media (max-width: 1199px) {
  .product-features {
    padding-top: 8px;
    gap: 19px
  }

  .product-features__title {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 10px
  }

  .product-features__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 19px
  }
}

@media (max-width: 767px) {
  .product-features {
    padding-top: 0;
    gap: 15px
  }

  .product-features__title {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 6px
  }

  .product-features__inner {
    gap: 15px
  }
}

.product-features-item {
  border-radius: 5px;
  border: 1px solid #d0d0d0;
  background: #fff;
  padding: 17px 25px 23px
}

.product-features-item__title {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 143.023%;
  margin-bottom: 10px
}

.product-features-item__title span {
  font-weight: 400;
  font-size: .77em
}

.product-features-item__content {
  font-size: 16px;
  line-height: 140%
}

.product-features-item__content :last-child {
  margin-bottom: 0
}

.product-features-item:nth-child(2n) {
  background: #f6f6f6;
  border: 0
}

@media (min-width: 1200px) {
  .product-features-item {
    display: table-row;
    padding: 0
  }

  .product-features-item__title, .product-features-item__content {
    display: table-cell;
    vertical-align: middle
  }

  .product-features-item__title {
    font-size: 18px;
    line-height: 26px;
    border-right: 1px solid #d5d3d3;
    padding: 10px 12px;
    width: 235px
  }

  .product-features-item__content {
    font-size: 16px;
    line-height: 22px;
    padding: 15px 25px
  }

  .product-features-item:nth-child(2n) {
    background: #f6f6f6
  }
}

@media (max-width: 1199px) {
  .product-features-item {
    padding: 17px 19px 24px
  }

  .product-features-item__title {
    margin-bottom: 8px
  }

  .product-features-item__content {
    font-size: 18px;
    line-height: 143.023%
  }
}

@media (max-width: 767px) {
  .product-features-item {
    padding: 11px 12px 12px
  }

  .product-features-item__title {
    font-size: 16px;
    margin-bottom: 4px
  }

  .product-features-item__content {
    font-size: 14px
  }
}

.product-float {
  display: none;
  position: fixed;
  bottom: 71px;
  left: 0;
  right: 0;
  z-index: 20;
  background: #ededed;
  padding: 17px 35px 19px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-float__price {
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 9px
}

.product-float__config {
  font-size: 14px;
  line-height: 16px;
  color: #7a7a7a
}

.product-float__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px
}

.product-float__buttons .btn {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  padding: 10px 15px;
  min-width: 176px
}

.product-float__buttons .btn, .product-float__buttons .btn:focus, .product-float__buttons .btn:hover {
  color: #271e00
}

.product-float__buttons .btn--consult {
  background: #adcd5f
}

.product-float__buttons .btn--order {
  background: #ffc24b
}

@media (max-width: 1399px) {
  .product-float {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 767px) {
  .product-float {
    bottom: 62px;
    padding: 6px 13px 10px;
    gap: 15px
  }

  .product-float__price {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 5px
  }

  .product-float__config {
    font-size: 11px;
    line-height: 1
  }

  .product-float__buttons {
    gap: 8px
  }

  .product-float__buttons .btn {
    font-size: 15px;
    line-height: 21px;
    padding: 7px 10px;
    min-width: 107px
  }
}

.product-gallery {
  position: relative
}

.product-gallery__tag {
  position: absolute;
  top: 22px;
  left: 21px;
  z-index: 20;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 6.5px 20.5px;
  background: #c7c7c7;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1f1f1f;
  text-align: center
}

.product-gallery__tag--green {
  background: #cde17b
}

.product-gallery__tag--blue {
  background: #baf7ff
}

.product-gallery__tag--yellow {
  background: #e9c02b
}

@media (max-width: 1199px) {
  .product-gallery__tag {
    top: 29px;
    left: 29px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 21px
  }
}

@media (max-width: 767px) {
  .product-gallery__tag {
    top: 17px;
    left: 15px;
    padding: 6px 18px;
    font-size: 10px;
    line-height: 13px
  }
}

.product-gallery-main {
  position: relative;
  z-index: 10;
  overflow: hidden;
  border-radius: 10px
}

.product-gallery-main__slide img {
  width: 100%;
  height: 470px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 10px
}

.product-gallery-main .swiper-pagination {
  display: none;
  bottom: 0 !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 11px
}

.product-gallery-main .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background: #d9d9d9;
  opacity: 1;
  margin: 0 !important
}

.product-gallery-main .swiper-pagination-bullet-active {
  width: 31px;
  background: #aecd60
}

.product-gallery-main .swiper-button-next, .product-gallery-main .swiper-button-prev {
  width: 35px;
  height: 35px;
  margin-top: -18px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2)
}

.product-gallery-main .swiper-button-next:after, .product-gallery-main .swiper-button-prev:after {
  content: '';
  display: block;
  width: 9px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33961 13.346L7.17923 7.50635L1.33961 1.66673' stroke='%23454545' stroke-width='2'/%3E%3C/svg%3E")
}

.product-gallery-main .swiper-button-prev {
  left: 16px
}

.product-gallery-main .swiper-button-prev:after {
  -webkit-transform: scaleX(-1) translateX(2px);
  transform: scaleX(-1) translateX(2px)
}

.product-gallery-main .swiper-button-next {
  right: 16px
}

.product-gallery-main .swiper-button-next:after {
  -webkit-transform: translateX(2px);
  transform: translateX(2px)
}

@media (max-width: 1199px) {
  .product-gallery-main {
    padding-bottom: 33px;
    margin-bottom: 32px
  }

  .product-gallery-main__slide img {
    height: 554px
  }

  .product-gallery-main .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .product-gallery-main .swiper-button-next, .product-gallery-main .swiper-button-prev {
    display: none
  }
}

@media (max-width: 767px) {
  .product-gallery-main {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-radius: 5px
  }

  .product-gallery-main__slide img {
    height: 331px;
    border-radius: 5px
  }

  .product-gallery-main .swiper-pagination {
    gap: 6px
  }

  .product-gallery-main .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px
  }

  .product-gallery-main .swiper-pagination-bullet-active {
    width: 17px
  }
}

.product-gallery-thumb {
  margin-top: -10px;
  padding: 0
}

.product-gallery-thumb__slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 38px 6px 6px
}

.product-gallery-thumb__slide img {
  height: 73px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.product-gallery-thumb__slide.swiper-slide-visible.swiper-slide-thumb-active {
  background: #edeaea
}

.product-gallery-thumb .swiper-button-prev, .product-gallery-thumb .swiper-button-next {
  width: 22px;
  height: auto;
  top: 38px;
  bottom: 6px;
  margin: 0;
  background: #c7c7c7;
  border-radius: 5px;
  outline: 2px solid #fff
}

.product-gallery-thumb .swiper-button-prev:after, .product-gallery-thumb .swiper-button-next:after {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff
}

.product-gallery-thumb .swiper-button-prev {
  left: 0
}

.product-gallery-thumb .swiper-button-prev:after {
  -webkit-transform: translateX(2px) rotate(135deg);
  transform: translateX(2px) rotate(135deg)
}

.product-gallery-thumb .swiper-button-next {
  right: 0
}

.product-gallery-thumb .swiper-button-next:after {
  -webkit-transform: translateX(-3px) rotate(-45deg);
  transform: translateX(-3px) rotate(-45deg)
}

.product-gallery-thumb--no-arrows {
  padding: 0 66px 0 0
}

@media (max-width: 1199px) {
  .product-gallery-thumb {
    display: none
  }
}

.glightbox-container--product-gallery .ginner-container {
  padding: 0;
  background: 0 0
}

.glightbox-container--product-gallery .gclose {
  background: #fff !important;
  top: 19px;
  right: 19px
}

.glightbox-container--product-gallery .gprev, .glightbox-container--product-gallery .gnext {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width: 1399px) {
  .glightbox-container--product-gallery .gprev, .glightbox-container--product-gallery .gnext {
    top: 100%;
    -webkit-transform: none;
    transform: none
  }
}

.glightbox-container--product-gallery .gnext {
  margin-left: 5vw
}

.glightbox-container--product-gallery .gprev {
  margin-right: 5vw
}

.product-options {
  -ms-grid-columns:(minmax(0, 1fr)) [ 4 ];
  grid-template-columns:repeat(4, minmax(0, 1fr));
  display: -ms-grid;
  display: grid;
  gap: 44px;
  padding-top: 15px
}

@media (max-width: 1399px) {
  .product-options {
    -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 27px
  }
}

@media (max-width: 767px) {
  .product-options {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 15px 10px
  }
}

.product-options-item {
  background: #f5f5f5;
  padding: 15px 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px
}

.product-options-item__title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
  min-height: 84px
}

.product-options-item__price {
  font-size: 16px;
  line-height: 19px;
  color: #7a7a7a
}

.product-options-item__image {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin: auto -19px -15px;
  max-width: unset
}

@media (max-width: 1399px) {
  .product-options-item {
    padding: 18px
  }

  .product-options-item__title {
    font-size: 18px;
    line-height: 23px;
    min-height: unset;
    margin-bottom: 18px
  }

  .product-options-item__price {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 21px
  }

  .product-options-item__image {
    margin: auto -18px -18px -18px
  }
}

@media (max-width: 767px) {
  .product-options-item {
    padding: 5px 11px;
    overflow: hidden;
    border-radius: 5px
  }

  .product-options-item__title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px
  }

  .product-options-item__price {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 16px
  }

  .product-options-item__image {
    margin: auto 0 0
  }
}

.product-palette__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product-palette__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px
}

.product-palette__brands {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product-palette__brands img {
  max-height: 32px
}

.product-palette__description {
  margin-bottom: 25px
}

.product-palette__container {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 34px 46px 28px 33px;
  margin-bottom: 50px
}

.product-palette__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 10 ];
  grid-template-columns:repeat(10, minmax(0, 1fr));
  gap: 19px 29px
}

@media (max-width: 1399px) {
  .product-palette__heading {
    margin-bottom: 18px
  }

  .product-palette__title {
    font-size: 22px;
    line-height: 29px;
    letter-spacing: .03em
  }

  .product-palette__brands {
    display: none
  }

  .product-palette__description {
    font-size: 16px;
    line-height: 23px
  }

  .product-palette__container {
    padding: 25px 23px 20px 21px;
    margin-bottom: 33px;
    border-radius: 8px
  }

  .product-palette__items {
    -ms-grid-columns:(minmax(0, 1fr)) [ 5 ];
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap: 18px 16px
  }
}

@media (max-width: 767px) {
  .product-palette__heading {
    margin-bottom: 11px
  }

  .product-palette__title {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0
  }

  .product-palette__description {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 19px
  }

  .product-palette__container {
    padding: 17px 11px 13px 10px;
    margin-bottom: 34px
  }

  .product-palette__items {
    gap: 9px
  }
}

.product-palette-item__image {
  position: relative;
  margin-bottom: 10px;
  display: block
}

.product-palette-item__image:before {
  content: '';
  display: block;
  padding-top: 100%
}

.product-palette-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.product-palette-item__title {
  font-size: 14px;
  line-height: 20px;
  text-align: center
}

.product-palette-item--color .product-palette-item__image {
  border: 1px solid #7c7c7c
}

@media (max-width: 1399px) {
  .product-palette-item__image {
    margin-bottom: 8px
  }

  .product-palette-item__title {
    font-size: 12px;
    line-height: 17px
  }
}

@media (max-width: 767px) {
  .product-palette-item__image {
    margin-bottom: 4px
  }

  .product-palette-item__title {
    font-size: 8px;
    line-height: 11px
  }
}

a.product-palette-item, a.product-palette-item:hover, a.product-palette-item:focus {
  text-decoration: none;
  color: #1f1f1f
}

a.product-palette-item:hover {
  margin: -8px -9px -6px;
  padding: 8px 9px 6px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25)
}

a.product-palette-item:hover .product-palette-item__title {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

a.product-palette-item:hover .product-palette-item__title:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.30112 0.999906L6.49708 6.40414L1.19596 11.7053' stroke='%23454545'/%3E%3C/svg%3E");
  width: 8px;
  height: 13px;
  margin-top: -3px;
  margin-right: -1px
}

.product-palette-group {
  margin-bottom: 40px
}

.product-palette-group__title {
  font-size: 22px;
  line-height: 31px;
  margin-bottom: 24px
}

.product-palette-group:last-child {
  margin-bottom: 0
}

.glightbox-container--product-palette .gcontainer {
  max-width: 507px
}

.product-related {
  margin-bottom: 102px
}

.product-related__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .03em;
  margin-bottom: 39px
}

.product-related--title-center .product-related__title {
  text-align: center
}

.product-related__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: 38px;
  --offset: 35px;
  margin-left: calc(0px - var(--offset));
  margin-right: calc(0px - var(--offset));
  padding-left: var(--offset);
  padding-right: var(--offset)
}

.product-related__items .swiper-button-prev, .product-related__items .swiper-button-next {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px 1px rgba(0, 0, 0, .2)
}

.product-related__items .swiper-button-prev:after, .product-related__items .swiper-button-next:after {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  border-right: 2px solid #454545;
  border-bottom: 2px solid #454545
}

.product-related__items .swiper-button-prev {
  left: calc(var(--offset) - 27px)
}

.product-related__items .swiper-button-prev:after {
  -webkit-transform: translateX(2px) rotate(135deg);
  transform: translateX(2px) rotate(135deg)
}

.product-related__items .swiper-button-next {
  right: calc(var(--offset) - 27px)
}

.product-related__items .swiper-button-next:after {
  -webkit-transform: translateX(-3px) rotate(-45deg);
  transform: translateX(-3px) rotate(-45deg)
}

.product-related__items .product-card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width: 1199px) {
  .product-related {
    margin-bottom: 56px
  }

  .product-related__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 36px
  }

  .product-related__items {
    gap: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100vw;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .product-related__items .swiper-button-prev, .product-related__items .swiper-button-next {
    display: none
  }
}

@media (max-width: 767px) {
  .product-related {
    margin-bottom: 38px
  }

  .product-related__title {
    font-size: 18px;
    margin-bottom: 17px;
    line-height: 22px
  }

  .product-related__items {
    -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 10px
  }
}

.page--category .product-related {
  margin-bottom: 75px
}

@media (max-width: 1199px) {
  .page--category .product-related {
    margin-bottom: 59px
  }

  .page--category .product-related__title {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 34px
  }
}

@media (max-width: 767px) {
  .page--category .product-related {
    margin-bottom: 44px
  }

  .page--category .product-related__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 17px;
    text-align: left
  }
}

.product-spec {
  margin-top: 8px
}

.product-spec__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 34px
}

.product-spec__inner {
  overflow-x: auto;
  margin: -22px
}

.product-spec__table {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 22px;
  height: 100%
}

.product-spec__row {
  display: table-row;
  height: 100%
}

@media (max-width: 1199px) {
  .product-spec__title {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 29px
  }

  .product-spec__inner {
    margin: -15px;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    padding: 0 20px
  }

  .product-spec__table {
    border-spacing: 15px
  }
}

@media (max-width: 767px) {
  .product-spec {
    margin-top: -1px
  }

  .product-spec__title {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 22px
  }

  .product-spec__inner {
    padding: 0 2px;
    margin: -11px;
    margin-left: -50vw
  }

  .product-spec__table {
    border-spacing: 11px
  }
}

.product-spec-item {
  display: table-cell;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  padding: 22px;
  height: 100%
}

.product-spec-item__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  margin-bottom: 10px
}

.product-spec-item__content {
  font-size: 16px;
  line-height: 22px;
  -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;
  min-height: 203px
}

.product-spec-item__content p {
  margin-bottom: 11px
}

.product-spec-item__content :last-child {
  margin-bottom: 0
}

.product-spec-item__content img {
  max-width: 79.614%;
  display: block;
  margin: auto !important
}

.product-spec-item__inner {
  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%
}

.product-spec-item--empty .product-spec-item__content {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='67' viewBox='0 0 65 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='32.5' cy='33.5' rx='30.5' ry='31.5' stroke='%23706E6E' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M20.7549 45.25L44.5927 20.75M44.5927 45.25L20.7549 20.75' stroke='%23706E6E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 61px 63px;
  background-position: center;
  background-repeat: no-repeat
}

.product-spec-item--active {
  background: #e5f0cc
}

@media (max-width: 1199px) {
  .product-spec-item {
    width: 302px;
    padding: 18px 20px
  }

  .product-spec-item__title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 14px
  }

  .product-spec-item__content {
    font-size: 18px;
    line-height: 24px
  }

  .product-spec-item__content p {
    margin-bottom: 13px
  }

  .product-spec-item__content img {
    max-width: 97.32%
  }

  .product-spec-item--empty .product-spec-item__content {
    background-size: 57px 57px
  }
}

@media (max-width: 767px) {
  .product-spec-item {
    width: 217px;
    padding: 13px 15px
  }

  .product-spec-item__title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px
  }

  .product-spec-item__content {
    font-size: 14px;
    line-height: 18px;
    min-height: 175px
  }

  .product-spec-item__content p {
    margin-bottom: 9px
  }

  .product-spec-item__content strong {
    font-weight: inherit
  }

  .product-spec-item--empty .product-spec-item__content {
    background-size: 46px 46px
  }
}

.question-form {
  margin-top: 83px;
  margin-bottom: 96px
}

.question-form__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  padding: 38px 41px 38px 34px;
  background: #f5f5f5
}

.question-form__title {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 500;
  text-align: center;
  margin: 0 0 44px
}

.question-form__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0;
  line-height: 0;
  padding-top: 0;
  border-radius: 10px;
  background-size: cover;
  background-position: center center
}

.question-form__main {
  padding-left: 81px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 719px
}

.question-form__description {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 31px
}

.question-form .btn--submit {
  margin-top: 28px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #171717;
  width: 236px;
  padding: 13px 15px !important;
  margin-bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.question-form .field-text__input::-webkit-input-placeholder {
  color: #1e1e1e
}

.question-form .field-text__input::-moz-placeholder {
  color: #1e1e1e
}

.question-form .field-text__input:-ms-input-placeholder {
  color: #1e1e1e
}

.question-form .field-text__input::-ms-input-placeholder {
  color: #1e1e1e
}

.question-form .field-text__input::placeholder {
  color: #1e1e1e
}

.question-form textarea.field-text__input {
  min-height: 130px
}

.question-form .field-checkbox {
  margin-top: 36px
}

@media (max-width: 1439px) {
  .question-form__wrapper {
    border-radius: 0;
    padding: 35px 35px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -35px;
    margin-right: -35px;
    width: calc(100% + 70px)
  }

  .question-form__main {
    padding-top: 33px
  }

  .question-form__img {
    height: 461px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 15px
  }
}

@media (max-width: 1199px) {
  .question-form {
    margin-top: 53px;
    margin-bottom: 52px
  }

  .question-form__wrapper {
    padding: 35px
  }

  .question-form__img {
    border-radius: 10px
  }

  .question-form .btn--submit {
    display: block;
    font-size: 16px !important;
    line-height: 24px !important;
    width: 241px;
    padding: 14px 15px !important;
    margin: 37px auto 0
  }

  .question-form__title {
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 36px
  }

  .question-form__description {
    font-size: 21px;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 37px
  }

  .question-form__main {
    width: 100%;
    padding-left: 0
  }

  .question-form textarea.field-text__input {
    min-height: 132px
  }

  .question-form .field-checkbox {
    margin-top: 31px
  }
}

@media (max-width: 767px) {
  .question-form {
    margin-top: 37px;
    margin-bottom: 50px
  }

  .question-form .btn--submit {
    font-size: 12px !important;
    line-height: 17px !important;
    width: 163px;
    padding: 8px 15px !important;
    margin: 26px auto 0
  }

  .question-form__wrapper {
    padding: 18px 13px;
    margin-left: -13px;
    margin-right: -13px;
    width: calc(100% + 26px)
  }

  .question-form__main {
    padding-top: 20px
  }

  .question-form__img {
    border-radius: 5px;
    height: 263px
  }

  .question-form__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 19px
  }

  .question-form__description {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 23px
  }

  .question-form textarea.field-text__input {
    min-height: 88px
  }

  .question-form .field-checkbox {
    margin-top: 16px
  }

  .question-form .field-checkbox .field-checkbox__name-text {
    padding-top: 10px;
    padding-left: 40px
  }

  .question-form .field-checkbox .field-checkbox__name-text:before {
    width: 24px;
    height: 24px
  }

  .question-form .field-checkbox .field-checkbox__name-text:after {
    top: 11px;
    left: 8px
  }

  .question-form__submit {
    margin-top: 23px
  }
}

.requisites {
  padding-top: 67px;
  padding-bottom: 95px
}

.requisites .section-title {
  margin: 0 0 34px;
  text-align: center
}

.requisites__grid {
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  color: #1e1e1e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: -21px;
  margin-right: -22px
}

.requisites__column {
  padding-left: 21px;
  padding-right: 22px;
  width: 50%
}

.requisites__column-wrapper {
  border-radius: 5px;
  border: 1px solid #aeaeae;
  background: #fff;
  height: 100%;
  padding: 26px 38px
}

.requisites__column-wrapper p {
  margin-bottom: 12px
}

.requisites__title {
  font-size: 20px;
  line-height: 1.2em;
  letter-spacing: 0;
  font-weight: 500;
  color: #1e1e1e;
  margin-top: 44px;
  margin-bottom: 16px
}

.requisites__title:first-child {
  margin-top: 0
}

@media (max-width: 1199px) {
  .requisites {
    padding-top: 17px;
    padding-bottom: 64px
  }

  .requisites .section-title {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 27px
  }

  .requisites__grid {
    margin-left: 0;
    margin-right: 0;
    display: block;
    font-size: 16px
  }

  .requisites__column {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-top: 27px
  }

  .requisites__column:first-child {
    margin-top: 0
  }

  .requisites__column-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 20px;
    padding-bottom: 23px
  }

  .requisites__title {
    font-size: 21px;
    margin-top: 36px;
    margin-bottom: 19px
  }

  .requisites__payment {
    margin-top: 19px
  }

  .requisites__payment p {
    margin-bottom: 12px
  }
}

@media (max-width: 767px) {
  .requisites {
    padding-top: 6px;
    padding-bottom: 38px
  }

  .requisites .section-title {
    font-size: 18px;
    margin-bottom: 12px
  }

  .requisites__title {
    font-size: 16px;
    margin-top: 19px;
    margin-bottom: 14px
  }

  .requisites__grid {
    font-size: 14px;
    line-height: 20px
  }

  .requisites__column {
    margin-top: 21px
  }

  .requisites__column-wrapper {
    padding: 14px 9px 16px
  }

  .requisites__payment {
    margin-top: 6px
  }

  .requisites__payment p {
    margin-bottom: 10px
  }

  .requisites__payment p:last-child {
    margin-bottom: 0
  }
}

.requisites-item {
  margin-top: 16px
}

.requisites-item__caption {
  font-size: 16px;
  color: #8d8d8d;
  margin-bottom: 9px
}

.requisites-item__caption span {
  color: #1e1e1e
}

.requisites-item--bank .requisites-item__caption {
  font-size: 16px;
  margin-bottom: 11px
}

@media (max-width: 1199px) {
  .requisites-item {
    margin-top: 13px
  }

  .requisites-item__caption {
    font-size: 14px;
    margin-bottom: 4px
  }

  .requisites-item--bank {
    margin-top: 21px
  }

  .requisites-item--bank .requisites-item__caption {
    font-size: 16px;
    margin-bottom: 6px
  }
}

@media (max-width: 767px) {
  .requisites-item {
    margin-top: 10px
  }

  .requisites-item__caption {
    font-size: 12px;
    margin-bottom: 3px
  }

  .requisites-item--bank {
    margin-top: 9px
  }

  .requisites-item--bank .requisites-item__caption {
    font-size: 12px;
    margin-bottom: 4px
  }

  .requisites-item--bank .requisites-item__caption span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px
  }
}

.requisites__title + .requisites-item--bank {
  margin-top: 20px
}

@media (max-width: 1199px) {
  .requisites__grid p + .requisites-item {
    margin-top: 23px
  }

  .requisites__title + .requisites-item--bank {
    margin-top: -7px
  }

  .requisites__title + .requisites__payment {
    margin-top: 26px
  }
}

@media (max-width: 767px) {
  .requisites__grid p + .requisites-item {
    margin-top: 16px
  }

  .requisites__title + .requisites-item--bank {
    margin-top: -4px
  }

  .requisites__title + .requisites__payment {
    margin-top: 0
  }
}

.reviews-detailed {
  margin: 33px 0 94px
}

.reviews-detailed__title {
  font-weight: 500;
  text-align: center;
  margin: 0 0 33px
}

.reviews-detailed__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 39px;
  margin-bottom: 94px
}

.reviews-detailed__button.btn {
  font-size: 21px;
  line-height: 30px;
  letter-spacing: .02em;
  width: 209px;
  margin: 0 auto;
  display: block;
  padding: 21px 15px
}

.reviews-detailed__button.btn, .reviews-detailed__button.btn:hover, .reviews-detailed__button.btn:focus {
  color: #3b3b3b
}

@media (max-width: 1199px) {
  .reviews-detailed {
    margin: 27px 0 59px
  }

  .reviews-detailed__title {
    font-size: 28px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 34px
  }

  .reviews-detailed__items {
    position: relative;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-bottom: 40px;
    gap: 31px
  }

  .reviews-detailed__button.btn {
    font-size: 14px;
    line-height: 20px;
    width: 165px;
    padding: 13px 15px
  }
}

@media (max-width: 767px) {
  .reviews-detailed {
    margin: 14px 0 40px
  }

  .reviews-detailed__title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 23px
  }

  .reviews-detailed__items {
    gap: 23px;
    margin-bottom: 40px
  }

  .reviews-detailed__button.btn {
    font-size: 12px;
    line-height: 17px;
    width: 125px;
    padding: 11px 15px
  }
}

.reviews-detailed-card {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 134px;
  padding: 24px 30px 32px 40px;
  border: 0;
  background: #f6f6f6
}

.reviews-detailed-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.reviews-detailed-card__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
  padding-top: 8px
}

.reviews-detailed-card__gallery img {
  display: block
}

.reviews-detailed-card__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px
}

.reviews-detailed-card__images img {
  width: 96px;
  height: 79px;
  border-radius: 2px;
  -o-object-fit: cover;
  object-fit: cover
}

.reviews-detailed-card__image {
  width: 359px
}

.reviews-detailed-card__image img {
  border-radius: 5px;
  display: block;
  min-height: 297px;
  -o-object-fit: cover;
  object-fit: cover
}

.reviews-detailed-card__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 37px;
  letter-spacing: 0;
  margin-bottom: 10px
}

.reviews-detailed-card__descr {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0;
  color: #757575;
  margin-bottom: 27px
}

.reviews-detailed-card__rating {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='23' viewBox='0 0 30 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86427 15.4867L4.73289 22.2712C4.52949 22.9198 4.83459 23.1346 5.41234 22.7467L11.4516 18.6985C12.0294 18.3127 12.9728 18.3127 13.5505 18.6985L18.8909 22.2795L19.5877 22.7467C20.1654 23.1346 20.4705 22.9198 20.2671 22.2712L18.1357 15.4867C18.0081 15.08 18.0751 14.5878 18.2807 14.1769C18.404 13.9308 18.575 13.7139 18.7849 13.5617L23.9327 9.79923L24.6446 9.27783C25.2072 8.86905 25.0881 8.52075 24.3849 8.50824L17.0322 8.36224C16.3289 8.34764 15.5651 7.81164 15.3357 7.17345L12.9209 0.478647C12.6915 -0.159549 12.3107 -0.159549 12.0813 0.478647L11.7805 1.31289L9.66428 7.17762C9.502 7.62602 9.07788 8.0202 8.59535 8.22251C8.38978 8.30802 8.17773 8.36224 7.96783 8.36642L0.615102 8.51241C-0.0881458 8.52492 -0.207157 8.87322 0.355442 9.282L0.669199 9.51141L6.21512 13.5658C6.77556 13.9704 7.06768 14.8381 6.86427 15.4867Z' fill='%23E9E9E9'/%3E%3C/svg%3E");
  width: 155px;
  height: 23px;
  margin-bottom: 18px
}

.reviews-detailed-card__rating, .reviews-detailed-card__rating span {
  background-size: 31px 23px
}

.reviews-detailed-card__rating span {
  display: block;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='23' viewBox='0 0 30 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.86427 15.4867L4.73289 22.2712C4.52949 22.9198 4.83459 23.1346 5.41234 22.7467L11.4516 18.6985C12.0294 18.3127 12.9728 18.3127 13.5505 18.6985L18.8909 22.2795L19.5877 22.7467C20.1654 23.1346 20.4705 22.9198 20.2671 22.2712L18.1357 15.4867C18.0081 15.08 18.0751 14.5878 18.2807 14.1769C18.404 13.9308 18.575 13.7139 18.7849 13.5617L23.9327 9.79923L24.6446 9.27783C25.2072 8.86905 25.0881 8.52075 24.3849 8.50824L17.0322 8.36224C16.3289 8.34764 15.5651 7.81164 15.3357 7.17345L12.9209 0.478647C12.6915 -0.159549 12.3107 -0.159549 12.0813 0.478647L11.7805 1.31289L9.66428 7.17762C9.502 7.62602 9.07788 8.0202 8.59535 8.22251C8.38978 8.30802 8.17773 8.36224 7.96783 8.36642L0.615102 8.51241C-0.0881458 8.52492 -0.207157 8.87322 0.355442 9.282L0.669199 9.51141L6.21512 13.5658C6.77556 13.9704 7.06768 14.8381 6.86427 15.4867Z' fill='%0A%239ECE2B'/%3E%3C/svg%3E")
}

.reviews-detailed-card__text {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0;
  text-align: justify
}

@media (max-width: 1199px) {
  .reviews-detailed-card {
    padding: 23px 34px 40px 34px;
    gap: 44px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .reviews-detailed-card__image {
    width: 100%
  }

  .reviews-detailed-card__image img {
    min-height: 455px
  }

  .reviews-detailed-card__title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: .03em;
    margin-bottom: 13px
  }

  .reviews-detailed-card__descr {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 29px
  }

  .reviews-detailed-card__rating {
    height: 29px;
    width: 190px;
    margin-bottom: 27px
  }

  .reviews-detailed-card__rating, .reviews-detailed-card__rating span {
    background-size: 38px 29px
  }

  .reviews-detailed-card__gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(0, 1fr)) [ 4 ];
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding: 0
  }

  .reviews-detailed-card__gallery img {
    width: 100%;
    height: 156px;
    min-height: auto;
    border-radius: 2px
  }

  .reviews-detailed-card__image, .reviews-detailed-card__images {
    display: contents
  }

  .reviews-detailed-card__text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    text-align: left
  }
}

@media (max-width: 767px) {
  .reviews-detailed-card {
    padding: 12px 14px 20px 13px;
    border: 0;
    gap: 24px
  }

  .reviews-detailed-card__image img {
    min-height: 306px
  }

  .reviews-detailed-card__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
  }

  .reviews-detailed-card__descr {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 11px
  }

  .reviews-detailed-card__rating {
    height: 17px;
    width: 115px;
    margin-bottom: 23px
  }

  .reviews-detailed-card__rating, .reviews-detailed-card__rating span {
    background-size: 23px 17px
  }

  .reviews-detailed-card__text {
    font-size: 14px;
    line-height: 21px
  }

  .reviews-detailed-card__gallery {
    gap: 11px
  }

  .reviews-detailed-card__gallery img {
    min-height: auto;
    height: 74px
  }
}

.reviews-form {
  margin-bottom: 94px
}

.reviews-form__title {
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 43px
}

.reviews-form__form {
  position: relative;
  background: #f5f5f5;
  border-radius: 19px;
  padding: 48px 40px 40px 49.8%;
  background-size: 46% auto
}

.reviews-form__image {
  position: absolute;
  top: 40px;
  left: 40px;
  bottom: 40px;
  width: 41.5%;
  border-radius: 10px
}

.reviews-form__image-2 {
  background: url(/local/templates/2024/css/../img/reviews-form-image3.png) left bottom no-repeat;
  background-size: contain;
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 30.7%;
  top: 40px
}

.reviews-form__label {
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 31px
}

.reviews-form .field-text__input {
  height: 57px
}

.reviews-form textarea.field-text__input {
  min-height: 156px
}

.reviews-form .field-rating {
  margin: 44px 0 28px;
  gap: 22px
}

.reviews-form .field-rating__stars, .reviews-form .field-rating__stars span {
  background-size: 29px 21px
}

.reviews-form .field-rating__stars {
  height: 21px;
  width: 145px
}

.form-image__upload.btn {
  min-width: 247px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px;
  padding: 12px 12px;
  margin-bottom: 23px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 26px
}

.reviews-form__submit.btn {
  margin-top: 35px;
  width: 255px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: .03em;
  color: #171717;
  padding: 13px
}

@media (max-width: 1199px) {
  .reviews-form {
    margin-bottom: 59px
  }

  .reviews-form__title {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 24px
  }

  .reviews-form__form {
    background-image: none;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    border-radius: 0;
    padding: 535px 34px 36px
  }

  .reviews-form__image, .reviews-form__image-2 {
    width: 700px;
    height: 461px;
    top: 35px;
    left: 50%;
    margin-left: -350px
  }

  .reviews-form__label {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 33px
  }

  .reviews-form .field-text {
    margin-bottom: 25px
  }

  .reviews-form .field-text__input {
    height: 51px
  }

  .reviews-form .field-rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin: 40px 0 47px;
    gap: 21px;
    height: auto
  }

  .reviews-form .field-rating__title {
    font-size: 20px;
    line-height: 27px
  }

  .reviews-form .field-rating__stars {
    height: 42px;
    width: 280px
  }

  .reviews-form .field-rating__stars, .reviews-form .field-rating__stars span {
    background-size: 57px 42px
  }

  .reviews-form textarea.field-text__input {
    min-height: 188px
  }

  .form-image__upload.btn {
    height: 53px;
    font-size: 16px;
    line-height: 23px;
    margin-top: 12px;
    margin-bottom: 37px
  }

  .form-image__upload.btn img {
    width: 34px;
    height: 34px
  }

  .reviews-form__submit.btn {
    width: 241px;
    font-size: 16px;
    line-height: 23px;
    margin: 37px auto 0;
    display: block;
    padding: 14px
  }
}

@media (max-width: 767px) {
  .reviews-form {
    margin-bottom: 40px
  }

  .reviews-form__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 19px
  }

  .reviews-form__form {
    padding: 18px 13px 20px;
    border-radius: 8px
  }

  .reviews-form__image, .reviews-form__image-2 {
    width: 334px;
    height: 263px;
    margin-left: -167px;
    top: 18px
  }

  .reviews-form__image {
    width: auto;
    height: auto;
    position: static;
    margin: 0 auto 17px;
    display: block
  }

  .reviews-form__image img {
    display: block;
    margin: auto
  }

  .reviews-form__label {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 17px;
    padding: 0 9px
  }

  .reviews-form .field-text {
    margin-bottom: 14px
  }

  .reviews-form .field-text__input {
    height: 34px
  }

  .reviews-form .field-rating {
    height: auto;
    margin: 25px 0 22px;
    gap: 11px
  }

  .reviews-form .field-rating__title {
    font-size: 12px;
    line-height: 16px;
    padding: 0 9px
  }

  .reviews-form .field-rating__stars {
    height: 22px;
    width: 145px;
    margin-left: 9px
  }

  .reviews-form .field-rating__stars, .reviews-form .field-rating__stars span {
    background-size: 29px 22px
  }

  .reviews-form textarea.field-text__input {
    min-height: 125px
  }

  .form-image__upload.btn {
    height: 35px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 17px;
    gap: 13px;
    padding: 5px 9px;
    margin-bottom: 24px;
    min-width: 201px
  }

  .form-image__upload.btn img {
    width: 25px;
    height: 25px
  }

  .reviews-form__submit.btn {
    width: 163px;
    font-size: 12px;
    line-height: 17px;
    margin: 26px auto 0;
    padding: 0 15px;
    height: 33px
  }
}

.dropzone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 2px solid #d6d6d6;
  border-radius: 10px;
  min-height: 368px;
  padding: 25px 25px 40px
}

.dropzone__default {
  text-align: center;
  padding-top: 36px;
  pointer-events: none
}

.dropzone__icon {
  margin-bottom: 25px
}

.dropzone__maxfiles {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 13px;
  color: #5e5e5e
}

.dropzone__accept {
  font-size: 19px;
  line-height: 24px
}

.dropzone .dz-message {
  margin-bottom: 0;
  margin-top: auto
}

.dropzone.dz-started {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 2 ];
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap: 26px 25px
}

.dropzone.dz-started .dz-message {
  display: block;
  -webkit-box-ordinal-group: 1000;
  -ms-flex-order: 999;
  order: 999;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: span 2
}

.dropzone .dz-preview.dz-image-preview {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 10px 15px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

.dropzone .dz-preview .dz-image {
  width: 72px;
  height: 72px;
  border-radius: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.dropzone .dz-preview .dz-details {
  position: static;
  opacity: 1;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  min-width: unset;
  color: #1f1f1f;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}

.dropzone .dz-preview .dz-details .dz-filename {
  width: 100%;
  margin-bottom: 9px;
  padding-right: 30px
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 0;
  background: 0 0
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background: 0 0;
  padding: 0;
  border-radius: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 0
}

.dropzone .dz-preview .dz-details .dz-size {
  margin: 0;
  font-size: 14px;
  color: #828282
}

.dropzone .dz-preview .dz-filename:hover span {
  background: 0 0;
  border: 0
}

.dropzone .dz-preview .dz-remove {
  position: absolute;
  top: 10px;
  right: 12px
}

.dropzone .dz-preview .dz-remove svg {
  fill: none;
  display: block
}

.dropzone .dz-processing .dz-status-message {
  color: #5e5e5e
}

.dropzone .dz-error .dz-status-message {
  color: #d03a2f
}

.dropzone .dz-success .dz-status-message {
  color: #82af0d
}

.dropzone .dz-preview .dz-details .dz-size strong {
  font-weight: 400
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: none;
  transform: none
}

.dropzone.dz-max-files-reached .dz-message .dz-button {
  font-size: 0 !important;
  pointer-events: none
}

.dropzone.dz-max-files-reached .dz-message .dz-button:before {
  content: 'Вы загрузили достаточное количество файлов';
  font-size: 21px;
  line-height: 26px
}

@media (max-width: 1199px) {
  .dropzone {
    min-height: 209px;
    padding: 18px 27px 38px;
    border: 1px solid #d6d6d6
  }

  .dropzone__default {
    padding-top: 0
  }

  .dropzone__icon {
    width: 49px;
    height: 54px;
    margin-bottom: 8px
  }

  .dropzone__maxfiles {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 21px
  }

  .dropzone__accept {
    font-size: 16px;
    line-height: 23px
  }

  .dropzone__icon {
    margin-bottom: 5px
  }

  .dropzone .dz-message {
    display: none
  }

  .dropzone.dz-started {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 19px
  }

  .dropzone.dz-started .dz-message {
    -ms-grid-column-span: unset;
    grid-column-end: unset
  }
}

@media (max-width: 767px) {
  .dropzone .dz-preview .dz-image {
    width: 49px;
    height: 49px
  }

  .dropzone .dz-preview .dz-details {
    font-size: 12px;
    line-height: 124%
  }

  .dropzone .dz-preview .dz-details .dz-filename {
    margin-bottom: 5px
  }

  .dropzone .dz-preview .dz-remove {
    top: 6px;
    right: 7px
  }

  .dropzone .dz-preview .dz-remove svg {
    width: 17px;
    height: 17px
  }

  .dropzone .dz-preview.dz-image-preview {
    gap: 10px;
    padding: 8px 7px 8px 9px
  }

  .dropzone.dz-max-files-reached .dz-message .dz-button:before {
    font-size: 12px;
    line-height: 134%
  }
}

.reviews-hero {
  position: relative;
  margin-bottom: 51px;
  overflow: hidden
}

.reviews-hero__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.reviews-hero__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.reviews-hero__inner {
  position: relative;
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  overflow: hidden
}

.reviews-hero__content {
  position: relative;
  padding: 40px 49px 37px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, .78)), color-stop(57.28%, rgba(87, 87, 87, .65)), to(rgba(130, 130, 130, 0)));
  background: linear-gradient(90deg, rgba(32, 32, 32, .78) 0, rgba(87, 87, 87, .65) 57.28%, rgba(130, 130, 130, 0) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 500px;
  max-width: 100%;
  min-height: 297px
}

.reviews-hero__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 15px
}

.reviews-hero__text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 19px
}

.reviews-hero__button.btn {
  background: #cde080;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  margin-top: auto;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  min-width: 223px;
  padding: 14px 16px 12px
}

.reviews-hero__button.btn, .reviews-hero__button.btn:hover, .reviews-hero__button.btn:focus {
  color: #171717
}

.reviews-hero__image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 100%
}

@media (max-width: 1199px) {
  .reviews-hero {
    margin-top: 18px;
    margin-bottom: 45px
  }

  .reviews-hero__inner {
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 677px
  }

  .reviews-hero__content {
    padding: 31px 30px 0;
    margin-bottom: 21px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, .5609)), color-stop(.01%, rgba(96, 96, 96, .5609)), color-stop(50%, rgba(57, 57, 57, .497)), to(rgba(88, 88, 88, 0)));
    background: linear-gradient(180deg, rgba(31, 31, 31, .5609) 0, rgba(96, 96, 96, .5609) .01%, rgba(57, 57, 57, .497) 50%, rgba(88, 88, 88, 0) 100%);
    width: 100%;
    position: relative;
    z-index: 1
  }

  .reviews-hero__title {
    font-size: 36px;
    line-height: 43px;
    letter-spacing: .03em;
    margin-bottom: 16px
  }

  .reviews-hero__text {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0
  }

  .reviews-hero__text br {
    display: none
  }

  .reviews-hero__button.btn {
    display: none
  }

  .reviews-hero__image {
    width: 100%;
    height: 474px;
    -o-object-position: right bottom;
    object-position: right bottom;
    -o-object-fit: contain;
    object-fit: contain
  }
}

@media (max-width: 767px) {
  .reviews-hero {
    margin-top: 10px;
    margin-bottom: 30px
  }

  .reviews-hero__inner {
    border-radius: 8px;
    min-height: 334px
  }

  .reviews-hero__content {
    padding: 29px 13px 0;
    margin-bottom: 0
  }

  .reviews-hero__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 119.023%;
    margin-bottom: 9px;
    letter-spacing: 0
  }

  .reviews-hero__text {
    width: 330px;
    max-width: 100%;
    font-size: 14px;
    line-height: 135%
  }

  .reviews-hero__image {
    height: 208px
  }
}

.social {
  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: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0
}

.social__link-wrap--shadow {
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .21));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .21))
}

.social__link {
  display: block;
  width: 34px
}

.social__link img {
  display: block
}

.social__text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden
}

.social--footer {
  gap: 24px
}

.social--footer .social__link {
  width: auto
}

@media (max-width: 1199px) {
  .social--footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 25px
  }
}

@media (max-width: 767px) {
  .social--footer {
    gap: 19px
  }

  .social--footer .contact-icon-youtube {
    width: 30px;
    height: 30px
  }

  .social--footer .contact-icon-whatsapp {
    width: 35px;
    height: 31px
  }

  .social--footer .contact-icon-telegram {
    width: 30px;
    height: 30px
  }

  .social--footer .social__link {
    width: auto
  }

  .social--footer .social__link-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.step_slide--card {
  background-color: #f6f6f6;
  text-align: center;
  padding: 26px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 23px
}

.step_slide--card h4 {
  font-size: 28px;
  font-weight: 400;
  margin: 0
}

@media (max-width: 480px) {
  .step_slide--card h4 {
    font-size: 16px
  }
}

.step_slide--card .step-number {
  font-size: 332px;
  color: #ebebeb;
  font-weight: 800;
  line-height: 370px;
  text-align: left
}

@media (max-width: 768px) {
  .step_slide--card .step-number {
    font-size: 300px
  }
}

@media (max-width: 480px) {
  .step_slide--card .step-number {
    font-size: 250px !important;
    line-height: 1
  }
}

.step-img {
  position: absolute;
  bottom: 13px;
  right: -4px
}

.step_slider__w {
  position: relative
}

.step-slider .swiper-slide {
  overflow: hidden
}

.step-slider .swiper-slide:nth-child(1) .step-img {
  bottom: 13px;
  right: -4px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(1) .step-img {
    max-width: 238px
  }
}

@media (max-width: 480px) {
  .step-slider .swiper-slide:nth-child(1) .step-img {
    max-width: 194px !important
  }
}

.step-slider .swiper-slide:nth-child(2) .step-img {
  bottom: 40px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(2) .step-img {
    bottom: 10px
  }
}

@media (max-width: 480px) {
  .step-slider .swiper-slide:nth-child(2) .step-img {
    max-width: 194px
  }
}

.step-slider .swiper-slide:nth-child(3) .step-img {
  width: 186px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(3) .step-img {
    max-width: 123px
  }
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(4) .step-img {
    max-width: 143px
  }
}

.step-slider .swiper-slide:nth-child(5) .step-img {
  width: 231px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(5) .step-img {
    max-width: 153px
  }
}

.step-slider .swiper-slide:nth-child(6) .step-img {
  bottom: -7px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(6) .step-img {
    max-width: 153px
  }
}

.step-slider .swiper-slide:nth-child(7) .step-img {
  width: 253px;
  bottom: -7px
}

@media (max-width: 768px) {
  .step-slider .swiper-slide:nth-child(7) .step-img {
    max-width: 153px
  }
}

.step_slide--link {
  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
}

.step_slide--link button {
  color: #161616;
  font-size: 18px;
  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;
  border-radius: 10px;
  border: 1px solid #868686;
  padding: 18px 30px;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: 0 0;
  cursor: pointer
}

@media (max-width: 768px) {
  .step_slide--link button {
    padding: 13px 20px 12px 20px;
    line-height: 145.023%
  }
}

@media (max-width: 480px) {
  .step_slide--link button {
    font-size: 12px;
    padding: 10px 20px 8px 20px
  }
}

.step_slide--link button:hover {
  color: inherit;
  background-color: #e0e0e0;
  border-color: #e0e0e0
}

.step-slider__main {
  margin-bottom: 84px
}

@media (max-width: 480px) {
  .step-slider__main {
    margin-bottom: 43px
  }
}

.step-slider__main h2 {
  text-align: center;
  font-weight: 500;
  margin: 0 0 33px 0
}

@media (max-width: 768px) {
  .step-slider__main h2 {
    font-size: 28px
  }
}

@media (max-width: 480px) {
  .step-slider__main h2 {
    font-size: 18px !important
  }
}

.step_slider--w {
  position: relative
}

.step-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 52px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
  z-index: 99
}

@media (max-width: 768px) {
  .step-nav {
    display: none
  }
}

.step-nav div {
  pointer-events: all;
  cursor: pointer;
  width: 51px;
  height: 51px;
  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;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.step-nav div.swiper-button-disabled {
  opacity: 0;
  visibility: hidden
}

.step-nav div:hover {
  -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 9px rgba(0, 0, 0, .1)
}

@media (max-width: 768px) {
  .step {
    overflow: hidden !important
  }
}

@media (max-width: 768px) {
  .step .step-slider {
    overflow: visible !important
  }
}

.default-slide {
  border-radius: 10px;
  background: #f6f6f6;
  padding: 23px 35px 51px 35px;
  text-align: center;
  min-height: 318px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 768px) {
  .default-slide {
    min-height: 353px
  }
}

@media (max-width: 480px) {
  .default-slide {
    min-height: 264px
  }
}

.default-slide .default-img {
  position: absolute;
  width: 90%;
  max-height: 175px
}

@media (max-width: 480px) {
  .default-slide .default-img {
    max-width: 200px
  }
}

.default-slide .default-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.swiper-slide:nth-child(1) .default-img {
  bottom: 15px;
  width: 81.85%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 480px) {
  .swiper-slide:nth-child(1) .default-img {
    bottom: 20px
  }
}

.swiper-slide:nth-child(2) .default-img {
  width: 81%;
  bottom: 21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 480px) {
  .swiper-slide:nth-child(2) .default-img {
    bottom: 20px
  }
}

.swiper-slide:nth-child(3) .default-img {
  bottom: 21px;
  width: 72%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 480px) {
  .swiper-slide:nth-child(3) .default-img {
    bottom: 20px
  }
}

.swiper-slide:nth-child(4) .default-img {
  bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 480px) {
  .swiper-slide:nth-child(4) .default-img {
    bottom: 20px
  }
}

.swiper-slide:nth-child(5) .default-img {
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media (max-width: 480px) {
  .swiper-slide:nth-child(5) .default-img {
    bottom: 20px
  }
}

.default_slide--card h4 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 12px
}

@media (max-width: 1199px) {
  .default_slide--card h4 {
    font-size: 20px;
    margin: 0 0 13px 0
  }
}

@media (max-width: 767px) {
  .default_slide--card h4 {
    font-size: 16px;
    margin: 0 0 9px
  }
}

@media (max-width: 767px) {
  .default_slide--card .default-img {
    margin-top: auto;
    height: 130px;
    bottom: 25px;
    max-width: 170px
  }
}

.default-number {
  font-size: 36px;
  font-weight: 500;
  line-height: 137.023%;
  letter-spacing: 1.38px;
  color: #ccc8c8
}

@media (max-width: 1199px) {
  .default-number {
    font-size: 36px
  }
}

@media (max-width: 767px) {
  .default-number {
    font-size: 26px;
    line-height: 137.023%;
    letter-spacing: .78px
  }
}

.production_slider__mod {
  margin-bottom: 81px !important
}

@media (max-width: 1199px) {
  .production_slider__mod {
    margin-bottom: 60px !important
  }

  .production_slider__mod h2 {
    margin: 0 0 25px
  }

  .production_slider__mod .default-slide {
    padding: 18px 10px 16px;
    min-height: 318px
  }

  .production_slider__mod .default-slide .default-img {
    max-height: 183px;
    width: 90% !important;
    max-width: 100%
  }
}

@media (max-width: 767px) {
  .production_slider__mod {
    margin-bottom: 45px !important
  }

  .production_slider__mod h2 {
    margin: 0 0 17px
  }

  .production_slider__mod .default-slide {
    min-height: 254px;
    padding: 17px 18px 23px 19px
  }
}

.success-project {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  background: rgba(56, 56, 56, .64);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 1199px) {
  .success-project {
    padding: 35px
  }
}

@media (max-width: 767px) {
  .success-project {
    padding: 13px
  }
}

.success-project.active {
  opacity: 1;
  visibility: visible
}

.success-project.active .success-project_main {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media (max-width: 1199px) {
  .success-project .success_modal__close {
    top: 18px
  }
}

@media (max-width: 767px) {
  .success-project .success_modal__close {
    top: 10px;
    right: 11px
  }
}

.success-project_main {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #fff;
  padding: 44px 91px 56px 70px;
  border-radius: 5px;
  width: 100%;
  max-width: 1100px;
  position: relative
}

@media (max-width: 1199px) {
  .success-project_main {
    border-radius: 10px;
    padding: 25px 41px 38px
  }
}

@media (max-width: 767px) {
  .success-project_main {
    padding: 19px 21px 24px;
    border-radius: 5px
  }
}

.success-project_main h3 {
  font-weight: 500;
  margin: 0;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 12px
}

@media (max-width: 1199px) {
  .success-project_main h3 {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 23px
  }
}

@media (max-width: 767px) {
  .success-project_main h3 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 9px
  }
}

.success-project_main > p {
  font-size: 20px;
  margin-bottom: 34px
}

@media (max-width: 1199px) {
  .success-project_main > p {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 30px
  }
}

@media (max-width: 767px) {
  .success-project_main > p {
    font-size: 12px;
    line-height: 134%;
    margin-bottom: 12px;
    max-width: 264px
  }
}

.success-project_upsell > p {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 22px
}

@media (max-width: 1199px) {
  .success-project_upsell > p {
    font-size: 20px;
    margin-bottom: 18px
  }
}

@media (max-width: 767px) {
  .success-project_upsell > p {
    font-size: 14px;
    margin-bottom: 8px
  }
}

.success-project_upsell__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(23%, 1fr));
  grid-gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none
}

@media (max-width: 1199px) {
  .success-project_upsell__list {
    grid-gap: 18px
  }
}

@media (max-width: 767px) {
  .success-project_upsell__list {
    grid-template-columns:repeat(auto-fill, minmax(43%, 1fr));
    grid-gap: 8px
  }
}

.success-project_upsell__list li {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  overflow: hidden
}

@media (max-width: 767px) {
  .success-project_upsell__list li:nth-child(3) {
    display: none
  }
}

@media (max-width: 1199px) {
  .success-project_upsell__list li:last-child {
    display: none
  }
}

.success-project_upsell__list li p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 6px 20px 12px 10px
}

@media (max-width: 1199px) {
  .success-project_upsell__list li p {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 20px 12px 10px
  }
}

@media (max-width: 767px) {
  .success-project_upsell__list li p {
    font-size: 12px;
    line-height: 15px;
    padding: 5px
  }
}

.success_modal__close {
  position: absolute;
  top: 22px;
  right: 28px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

@media (max-width: 1199px) {
  .success_modal__close {
    top: 18px;
    right: 25px;
    width: 36px;
    height: 36px
  }
}

@media (max-width: 767px) {
  .success_modal__close {
    width: 23px;
    height: 23px;
    top: 9px;
    right: 9px
  }
}

.success_modal__close img {
  width: 100%;
  height: 100%
}

.success_modal__close:hover {
  opacity: .7
}

.tabs {
  margin-top: 1em;
  margin-bottom: 1em
}

.tabs__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  list-style: none
}

.tabs__links:after {
  content: '';
  display: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background-color: #adadad
}

@media (min-width: 768px) {
  .tabs__links:after {
    display: block
  }
}

.no-js .tabs__links {
  display: none
}

.tabs__link-wrap {
  position: relative;
  margin: 0 .3em .3em 0;
  border: 1px solid #adadad;
  color: #868383
}

@media (min-width: 768px) {
  .tabs__link-wrap {
    margin: 0
  }

  .tabs__link-wrap:not(:last-child) {
    border-right: none
  }
}

.tabs__link-wrap--active {
  color: #1f1f1f
}

@media (min-width: 768px) {
  .tabs__link-wrap--active {
    border-bottom: 1px solid transparent
  }
}

.tabs__link-wrap--active .tabs__link {
  background-color: #fff
}

.tabs__link {
  display: block;
  padding: 17px 29px;
  color: currentColor;
  text-decoration: none;
  background-color: #f5f5f5
}

.tabs__link:hover, .tabs__link:focus {
  color: currentColor
}

.tabs__content-wrapper {
  display: block;
  border: 1px solid #adadad;
  padding: 17px 29px
}

@media (min-width: 768px) {
  .tabs__content-wrapper {
    border-top: none
  }
}

.js .tabs__content-item {
  display: none
}

.tabs__content-item > :last-child {
  margin-bottom: 0
}

.js .tabs__content-item--active {
  display: block
}

.tabs--product {
  margin: 0 0 63px
}

.tabs--product > .tabs__links {
  position: relative
}

.tabs--product > .tabs__links:before, .tabs--product > .tabs__links:after {
  content: '';
  display: block;
  height: 1px;
  width: 100vw;
  background: #d9d9d9;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tabs--product > .tabs__links:before {
  top: 0
}

.tabs--product > .tabs__links:after {
  bottom: 0
}

.tabs--product > .tabs__links .tabs__link-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #d9d9d9;
  font-size: 20px;
  line-height: 27px;
  text-align: center
}

.tabs--product > .tabs__links .tabs__link-wrap + .tabs__link-wrap {
  border-left: 0
}

.tabs--product > .tabs__links .tabs__link-wrap--active {
  border-color: transparent
}

.tabs--product > .tabs__links .tabs__link-wrap--active .tabs__link {
  background: #d5d5d5;
  color: #1e1e1e
}

.tabs--product > .tabs__links .tabs__link {
  padding: 14px;
  color: #1f1f1f;
  -webkit-transition: color .3s, border-color .3s, background-color .3s;
  transition: color .3s, border-color .3s, background-color .3s
}

.tabs--product > .tabs__content-wrapper {
  border: 0;
  padding: 37px 0 0
}

.tabs--product-features .tabs__links, .tabs--product-palettes .tabs__links {
  gap: 16px
}

.tabs--product-features .tabs__links:before, .tabs--product-features .tabs__links:after, .tabs--product-palettes .tabs__links:before, .tabs--product-palettes .tabs__links:after {
  display: none
}

.tabs--product-features .tabs__link-wrap, .tabs--product-palettes .tabs__link-wrap {
  border: 1px solid #c7c7c7;
  border: 2px solid #adcd5f;
  border-radius: 5px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  overflow: hidden
}

.tabs--product-features .tabs__link-wrap--active, .tabs--product-palettes .tabs__link-wrap--active {
  border: 0
}

.tabs--product-features .tabs__link-wrap--active .tabs__link, .tabs--product-palettes .tabs__link-wrap--active .tabs__link {
  background: #adcd5f;
  padding: 11.5px 31px
}

.tabs--product-features .tabs__link, .tabs--product-palettes .tabs__link {
  font-size: 14px;
  line-height: 19px;
  padding: 9.5px 29px;
  background: #fff;
  color: #1e1e1e
}

.tabs--product-features .tabs__content-wrapper, .tabs--product-palettes .tabs__content-wrapper {
  padding: 51px 0 0;
  border: 0
}

.tabs--vacancy {
  margin: 0
}

.tabs--vacancy .tabs__links {
  border-bottom: 2px solid #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 32px 0 36px;
  background: #f6f6f6;
  border-radius: 5px 5px 0 0
}

.tabs--vacancy .tabs__links:after {
  display: none
}

.tabs--vacancy .tabs__link-wrap {
  border: 0;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 28px
}

.tabs--vacancy .tabs__link {
  background: 0 0;
  padding: 26px 0 15px
}

.tabs--vacancy .tabs__link-wrap--active {
  border-bottom: 2px solid #84a435;
  margin-bottom: -2px
}

.tabs--vacancy .tabs__link-wrap--active .tabs__link {
  color: #84a435
}

.tabs--vacancy .tabs__content-wrapper {
  background: #f6f6f6;
  border: 0;
  border-radius: 0 0 5px 5px;
  padding: 47px 34px 34px
}

@media (max-width: 1399px) {
  .tabs--product {
    margin: 0 0 50px
  }

  .tabs--product > .tabs__links {
    margin-right: calc((1170px - 100vw) / 2);
    padding-right: calc((100vw - 1170px) / 2);
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px
  }

  .tabs--product > .tabs__links:before, .tabs--product > .tabs__links:after {
    display: none
  }

  .tabs--product > .tabs__links .tabs__link-wrap {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
  }

  .tabs--product > .tabs__links .tabs__link-wrap--active .tabs__link {
    border-color: #d5d5d5;
    background: #d5d5d5
  }

  .tabs--product > .tabs__links .tabs__link {
    border-radius: 8px;
    padding: 11px 24px;
    background: #fff;
    border: 2px solid #a0a0a0
  }

  .tabs--product > .tabs__content-wrapper {
    padding: 33px 0 0
  }

  .tabs--product-features .tabs__links, .tabs--product-palettes .tabs__links {
    margin-right: calc((1170px - 100vw) / 2);
    padding-right: calc((100vw - 1170px) / 2);
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px
  }

  .tabs--product-features .tabs__links:before, .tabs--product-features .tabs__links:after, .tabs--product-palettes .tabs__links:before, .tabs--product-palettes .tabs__links:after {
    display: none
  }

  .tabs--product-features .tabs__link-wrap, .tabs--product-palettes .tabs__link-wrap {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
}

@media (max-width: 1199px) {
  .tabs--product > .tabs__links, .tabs--product-features > .tabs__links, .tabs--product-palettes > .tabs__links {
    margin-right: calc((962px - 70px - 100vw) / 2);
    margin-left: calc((962px - 70px - 100vw) / 2);
    padding-left: calc((70px + 100vw - 962px) / 2);
    padding-right: calc((70px + 100vw - 962px) / 2)
  }

  .tabs--product > .tabs__content-wrapper {
    font-size: 16px;
    line-height: 141%
  }

  .tabs--vacancy {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw
  }

  .tabs--vacancy .tabs__links {
    padding: 0 35px;
    border-radius: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    border: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }

  .tabs--vacancy .tabs__link-wrap {
    font-size: 18px;
    line-height: 25px;
    padding: 0 11px;
    border-bottom: 0
  }

  .tabs--vacancy .tabs__link-wrap--active {
    border-bottom: 0;
    margin: 0
  }

  .tabs--vacancy .tabs__link-wrap--active .tabs__link {
    color: #84a435;
    border-bottom: 2px solid #84a435
  }

  .tabs--vacancy .tabs__link {
    white-space: nowrap;
    padding: 18px 0 14px;
    border-bottom: 2px solid transparent
  }

  .tabs--vacancy .tabs__content-wrapper {
    border-top: 2px solid #fff;
    margin-top: -2px;
    border-radius: 0;
    padding: 36px 34px 34px
  }
}

@media (max-width: 991px) {
  .tabs--product > .tabs__links, .tabs--product-features > .tabs__links, .tabs--product-palettes > .tabs__links {
    margin-right: calc((100% - 70px - 100vw) / 2);
    margin-left: calc((100% - 70px - 100vw) / 2);
    padding-left: calc((70px + 100vw - 100%) / 2);
    padding-right: calc((70px + 100vw - 100%) / 2)
  }
}

@media (max-width: 767px) {
  .tabs--product {
    margin: 0 0 33px
  }

  .tabs--product > .tabs__links {
    margin-right: calc((100% - 26px - 100vw) / 2);
    margin-left: calc((100% - 26px - 100vw) / 2);
    padding-right: calc((26px + 100vw - 100%) / 2);
    padding-left: calc((26px + 100vw - 100%) / 2);
    gap: 9px;
    padding-bottom: 10px
  }

  .tabs--product > .tabs__links .tabs__link-wrap {
    font-size: 12px;
    line-height: 133.9%;
    margin: 0
  }

  .tabs--product > .tabs__links .tabs__link {
    border-width: 1px;
    border-radius: 5px;
    padding: 7px 12px
  }

  .tabs--product > .tabs__content-wrapper {
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 143.023%
  }

  .tabs--product-features, .tabs--product-palettes {
    margin-top: 9px
  }

  .tabs--product-features .tabs__links, .tabs--product-palettes .tabs__links {
    margin-right: calc((100% - 26px - 100vw) / 2);
    margin-left: calc((100% - 26px - 100vw) / 2);
    padding-right: calc((26px + 100vw - 100%) / 2);
    padding-left: calc((26px + 100vw - 100%) / 2);
    gap: 8px
  }

  .tabs--product-features .tabs__link, .tabs--product-palettes .tabs__link {
    padding: 5px 14px 6px;
    font-size: 12px;
    line-height: 16px
  }

  .tabs--product-features .tabs__link-wrap, .tabs--product-palettes .tabs__link-wrap {
    border-width: 1px;
    font-size: 12px;
    line-height: 16px;
    margin: 0
  }

  .tabs--product-features .tabs__link-wrap--active .tabs__link, .tabs--product-palettes .tabs__link-wrap--active .tabs__link {
    padding: 6px 15px 7px
  }

  .tabs--product-features .tabs__content-wrapper, .tabs--product-palettes .tabs__content-wrapper {
    padding: 29px 0 0
  }

  .tabs--vacancy .tabs__links {
    padding: 0
  }

  .tabs--vacancy .tabs__link-wrap {
    font-size: 14px;
    line-height: 20px;
    padding: 0 13px;
    margin: 0
  }

  .tabs--vacancy .tabs__link {
    padding: 13px 0 11px
  }

  .tabs--vacancy .tabs__content-wrapper {
    padding: 24px 13px 14px
  }
}

.vacancy-content__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 23px
}

.vacancy-content p {
  margin-bottom: .7em
}

@media (max-width: 1199px) {
  .vacancy-content__title {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 19px;
    padding: 0 25px
  }

  .vacancy-content p {
    margin-bottom: .9em;
    font-size: 16px;
    line-height: 23px
  }
}

@media (max-width: 767px) {
  .vacancy-content__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
    padding: 0
  }

  .vacancy-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: .5em
  }
}

.vacancy-content-steps {
  margin-top: 57px;
  margin-bottom: 57px
}

.vacancy-content-steps__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 34px
}

.vacancy-content-steps__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:(minmax(0, 1fr)) [ 3 ];
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: 52px
}

@media (max-width: 1199px) {
  .vacancy-content-steps {
    margin-top: 46px;
    margin-bottom: 54px
  }

  .vacancy-content-steps__title {
    font-size: 28px;
    line-height: 24px;
    margin-bottom: 32px
  }

  .vacancy-content-steps__items {
    -ms-grid-columns:(minmax(0, 1fr)) [ 1 ];
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 22px
  }
}

@media (max-width: 767px) {
  .vacancy-content-steps {
    margin-top: 39px;
    margin-bottom: 46px
  }

  .vacancy-content-steps__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px
  }

  .vacancy-content-steps__items {
    gap: 15px
  }
}

.vacancy-content-step {
  background: #f6f6f6;
  border-radius: 5px;
  text-align: center;
  padding: 43px 37px 48px 151px;
  position: relative
}

.vacancy-content-step__number {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 21px;
  width: 109px;
  font-size: 175px;
  font-weight: 700;
  line-height: 205px;
  text-align: center;
  color: #ccd792
}

.vacancy-content-step__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 17px
}

.vacancy-content-step__text {
  font-size: 16px;
  line-height: 23px
}

@media (max-width: 1199px) {
  .vacancy-content-step {
    padding: 30px 63px 36px 167px
  }

  .vacancy-content-step__number {
    left: 21px;
    width: 135px;
    font-size: 100px;
    line-height: 117px
  }

  .vacancy-content-step__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 9px
  }
}

@media (max-width: 767px) {
  .vacancy-content-step {
    padding: 31px 13px 28px 96px
  }

  .vacancy-content-step__number {
    left: 12px;
    width: 72px
  }

  .vacancy-content-step__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 11px
  }

  .vacancy-content-step__text {
    font-size: 14px;
    line-height: 20px
  }
}

.vacancy-hero {
  margin-bottom: 51px
}

.vacancy-hero__inner {
  position: relative;
  border-radius: 10px;
  overflow: hidden
}

.vacancy-hero__inner:before {
  content: '';
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(66, 46, 22, .5304)), color-stop(57.28%, rgba(109, 92, 66, .442)), to(rgba(116, 92, 56, 0)));
  background: linear-gradient(90deg, rgba(66, 46, 22, .5304) 0, rgba(109, 92, 66, .442) 57.28%, rgba(116, 92, 56, 0) 100%);
  width: 820px;
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.vacancy-hero__content {
  position: relative;
  color: #fff;
  width: 475px;
  max-width: 100%;
  padding: 45px 50px 37px
}

.vacancy-hero__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  margin-bottom: 16px
}

.vacancy-hero__text {
  position: relative;
  z-index: 10;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 44px
}

.vacancy-hero__button {
  background: #cde080;
  width: 223px;
  height: 51px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  color: #1e1e1e
}

.vacancy-hero__button:hover {
  color: #1e1e1e
}

.vacancy-hero__image {
  position: absolute;
  bottom: 0;
  right: 22px
}

.vacancy-hero__image--tablet {
  display: none
}

@media (max-width: 1199px) {
  .vacancy-hero {
    margin-top: 17px;
    margin-bottom: 63px
  }

  .vacancy-hero__inner {
    border-radius: 5px;
    min-height: 677px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .vacancy-hero__inner:before {
    background: linear-gradient(89.83deg, rgba(149, 129, 106, .3666) .15%, rgba(149, 125, 90, .308819) 54.15%, rgba(158, 135, 101, 0) 99.86%);
    width: 482px
  }

  .vacancy-hero__content {
    color: #1e1e1e;
    width: 675px;
    padding: 31px 32px 45px;
    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
  }

  .vacancy-hero__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 43px;
    margin-bottom: 13px
  }

  .vacancy-hero__text {
    font-size: 24px;
    line-height: 35px
  }

  .vacancy-hero__button {
    margin-top: auto;
    width: 241px;
    height: 52px
  }

  .vacancy-hero__image {
    display: none;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 7px
  }

  .vacancy-hero__image--tablet {
    display: block
  }
}

@media (max-width: 767px) {
  .vacancy-hero {
    margin-top: 10px;
    margin-bottom: 30px
  }

  .vacancy-hero__inner {
    min-height: 0;
    border-radius: 8px
  }

  .vacancy-hero__inner:before {
    width: 239px
  }

  .vacancy-hero__content {
    padding: 29px 14px 24px
  }

  .vacancy-hero__title {
    font-size: 20px;
    line-height: 119.023%;
    margin-bottom: 10px
  }

  .vacancy-hero__text {
    width: 360px;
    max-width: 100%;
    font-size: 14px;
    line-height: 135%
  }

  .vacancy-hero__image {
    bottom: 0
  }

  .vacancy-hero__button {
    width: 153px;
    height: 33px;
    font-size: 12px;
    line-height: 16px;
    margin-top: calc(52.7vw - 33px - 44px)
  }
}

.vacancy-team {
  margin-bottom: 97px
}

.vacancy-team__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 35px
}

@media (max-width: 1199px) {
  .vacancy-team {
    margin-bottom: 64px
  }

  .vacancy-team__title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 27px
  }
}

@media (max-width: 767px) {
  .vacancy-team {
    margin-bottom: 49px
  }

  .vacancy-team__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px
  }
}

.vacancy-team-card {
  background: #fff;
  border-radius: 5px;
  position: relative;
  padding: 19px 29px 20px;
  margin-bottom: 25px
}

.vacancy-team-card__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 15px
}

.vacancy-team-card__exp {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 31px
}

.vacancy-team-card__salary {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.vacancy-team-card__city {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.88235C13 10.6834 6.5 18 6.5 18C6.5 18 0 10.6834 0 6.88235C0 3.08133 2.91015 0 6.5 0C10.0899 0 13 3.08133 13 6.88235Z' fill='%2384A435'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 13px 18px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  top: 23px;
  right: 28px
}

.vacancy-team-card__toggle {
  position: absolute;
  right: 28px;
  bottom: 21px;
  color: #6f8733;
  cursor: pointer
}

.vacancy-team-card__toggle:before {
  content: 'Узнать больше'
}

.vacancy-team-card__more {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s ease;
  transition: max-height .3s ease
}

.vacancy-team-card__more-inner {
  padding-top: 30px
}

.vacancy-team-card__list-title {
  font-weight: 500;
  margin-bottom: 7px
}

.vacancy-team-card__list-items {
  padding-left: 0;
  list-style: none;
  margin-bottom: 18px
}

.vacancy-team-card__list-item {
  position: relative;
  padding-left: 15px
}

.vacancy-team-card__list-item:before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1e1e1e;
  position: absolute;
  top: 9px;
  left: 1px
}

.vacancy-team-card__button {
  width: 223px;
  height: 51px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .03em;
  margin-top: 16px
}

.vacancy-team-card__button, .vacancy-team-card__button:focus, .vacancy-team-card__button:hover {
  color: #1e1e1e
}

.vacancy-team-card--expand .vacancy-team-card__toggle {
  color: #1e1e1e
}

.vacancy-team-card--expand .vacancy-team-card__toggle:before {
  content: 'Свернуть'
}

@media (max-width: 1199px) {
  .vacancy-team-card {
    padding: 19px 24px 22px
  }

  .vacancy-team-card__exp {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 28px
  }

  .vacancy-team-card__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px
  }

  .vacancy-team-card__city {
    position: static;
    font-size: 14px;
    line-height: 20px;
    background-size: 11px 16px
  }

  .vacancy-team-card__toggle {
    position: static;
    font-size: 14px;
    line-height: 20px
  }

  .vacancy-team-card__more-inner {
    padding-top: 32px;
    padding-bottom: 14px
  }

  .vacancy-team-card__list-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
  }

  .vacancy-team-card__list-items {
    margin-bottom: 25px
  }

  .vacancy-team-card__list-item {
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
    margin-bottom: 8px
  }

  .vacancy-team-card__list-item:before {
    top: 7px;
    left: 0
  }

  .vacancy-team-card__button {
    width: 241px;
    height: 52px;
    margin-top: 14px
  }
}

@media (max-width: 767px) {
  .vacancy-team-card {
    padding: 12px 19px 12px
  }

  .vacancy-team-card__title {
    font-size: 16px;
    line-height: 23px
  }

  .vacancy-team-card__exp {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 17px
  }

  .vacancy-team-card__salary {
    font-size: 16px;
    line-height: 23px
  }

  .vacancy-team-card__more-inner {
    padding-top: 18px;
    padding-bottom: 11px
  }

  .vacancy-team-card__list-title {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 6px
  }

  .vacancy-team-card__list-items {
    margin-bottom: 19px
  }

  .vacancy-team-card__list-item {
    font-size: 12px;
    line-height: 17px;
    padding-left: 10px;
    margin-bottom: 5px
  }

  .vacancy-team-card__button {
    width: 153px;
    height: 33px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px
  }

  .vacancy-team-card__bottom {
    margin-top: 14px
  }

  .vacancy-team-card__city {
    font-size: 12px;
    line-height: 17px;
    padding-left: 14px;
    background-size: 9px 13px
  }

  .vacancy-team-card__toggle {
    font-size: 12px;
    line-height: 17px
  }
}

.vacancy-work {
  margin-bottom: 50px
}

.vacancy-work__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 35px
}

.vacancy-work__inner {
  background: #eff3da;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 33px 34px 34px 36px;
  gap: 60px
}

.vacancy-work__content {
  padding-top: 10px
}

.vacancy-work__image {
  max-width: 50%;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  border-radius: 5px
}

@media (max-width: 1199px) {
  .vacancy-work__title {
    font-size: 28px;
    line-height: 24px;
    margin-bottom: 32px
  }

  .vacancy-work__inner {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 42px;
    padding: 35px 34px 39px 34px;
    border-radius: 0
  }

  .vacancy-work__image {
    width: 700px;
    max-width: 100%;
    height: 461px;
    -o-object-fit: cover;
    object-fit: cover
  }

  .vacancy-work__content {
    padding: 0
  }
}

@media (max-width: 767px) {
  .vacancy-work {
    margin-bottom: 46px
  }

  .vacancy-work__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 23px
  }

  .vacancy-work__inner {
    padding: 18px 13px 28px;
    gap: 28px
  }

  .vacancy-work__image {
    height: 263px
  }
}

.vacancy-work-li:not(:first-child) {
  margin-top: 27px
}

.vacancy-work-li__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 9px
}

@media (max-width: 1199px) {
  .vacancy-work-li__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
  }

  .vacancy-work-li__text {
    font-size: 16px;
    line-height: 23px
  }

  .vacancy-work-li:not(:first-child) {
    margin-top: 35px
  }
}

@media (max-width: 767px) {
  .vacancy-work-li__title {
    font-size: 16px;
    line-height: 19px
  }

  .vacancy-work-li__text {
    font-size: 14px;
    line-height: 20px
  }

  .vacancy-work-li:not(:first-child) {
    margin-top: 25px
  }
}

.video-card, .video-card:hover, .video-card:focus {
  color: #1f1f1f;
  text-decoration: none
}

.video-card__image {
  height: 294px;
  background-size: cover;
  border-radius: 5px;
  margin-bottom: 0;
  position: relative
}

.video-card__image::before {
  content: '';
  display: block;
  height: 64px;
  border-radius: 0 0 5px 5px;
  background: -webkit-gradient(linear, left bottom, left top, from(#353535), color-stop(91.41%, rgba(91, 91, 91, 0)));
  background: linear-gradient(0deg, #353535 0, rgba(91, 91, 91, 0) 91.41%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2
}

.video-card__icon {
  width: 84px;
  height: 59px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 3;
  border-radius: 10px
}

.video-card__title {
  font-size: 20px;
  line-height: 31px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 18px;
  left: 19px;
  right: 19px;
  z-index: 2
}

.video-card:hover .video-card__icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media (max-width: 1199px) {
  .video-card {
    width: 393px
  }

  .video-card__image {
    height: 285px
  }

  .video-card__title {
    font-size: 18px;
    line-height: 140%;
    bottom: 15px;
    left: 23px;
    right: 23px
  }

  .video-card__icon {
    width: 66px;
    height: 46px
  }
}

@media (max-width: 767px) {
  .video-card {
    width: 287px
  }

  .video-card__image {
    height: 208px;
    margin-bottom: 0
  }

  .video-card__title {
    font-size: 12px;
    line-height: 140.523%;
    letter-spacing: 0;
    bottom: 13px;
    left: 15px;
    right: 15px
  }

  .video-card__icon {
    width: 51px;
    height: 36px
  }
}






/* Баннеры выставок */

.block-exhibitions {
    position: absolute;
    padding: 22px 22px 22px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.block-exhibitions::before {
    content: '';
    background-image: url('/upload/iblock/fa9/b4yrn3kph1yh0d1g22qo1atct74h8j02/main_production_bg_desktop.png');
    background-size: cover;
    background-position: center bottom;
    opacity: 0.5;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.block-exhibitions._slide .block-exhibitions__point span {
    transform: rotate(-180deg);
}
.block-exhibitions .block-exhibitions__title {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 20px;
    max-width: 770px;
    position: relative;
    z-index: 5;
}
.block-exhibitions .block-exhibitions__title > * {
    font-size: inherit;
    margin: 0;
}
.block-exhibitions .block-exhibitions__list {
    display: flex;
    max-width: 100%;
    position: relative;
    z-index: 5;
}
.block-exhibitions .block-exhibitions__item {
    color: #1E1E1E;
    max-width: 680px;
    padding: 16px 20px;
    position: relative;
    z-index: 1;
}
.block-exhibitions .block-exhibitions__item:before {
    background: hsla(0, 100%, 100%, 0.3);
    border-radius: 5px;
    border: 1px solid #FFF;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
    color: #1E1E1E;
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 18px;
    text-decoration: none;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-title a {
    color: #1E1E1E;
    text-decoration: none;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
    color: #53593D;
    font-size: 20px;
    margin-bottom: 18px;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address p {
    margin-bottom: 10px;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-address p:last-child {
    margin-bottom: 0;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
    align-items: center;
    color: #1E1E1E;
    display: inline-flex;
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon {
    display: block;
    line-height: 0px;
    margin-right: 12px;
}
.block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone .icon svg {
    height: 20px;
    width: 20px;
}
.block-exhibitions .block-exhibitions__map {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1;
}
.block-exhibitions .block-exhibitions__map img {
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%);
}
.block-exhibitions .block-exhibitions__img {
    background: url('/local/templates/.default/assets/css/../img/block-exhibitions__img.webp') no-repeat bottom;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 260px;
    background-position-x: 60%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 6;
}
.block-exhibitions .block-exhibitions__img[style*='banner-exhibition-1-img'] {
    height: 260px;
    background-position-x: 60%;
}
.block-exhibitions .block-exhibitions__img[style*='banner-exhibition-2-img'] {
    height: 190px;
    background-position-x: 55%;
}
@media screen and (max-width: 1399px) {
    .block-exhibitions {
        padding: 26px 30px 26px;
    }
    .block-exhibitions .block-exhibitions__title {
        font-size: 28px;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 20px;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 16px;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
        font-size: 18px;
    }
    .block-exhibitions .block-exhibitions__map {
        display: none;
    }
    .block-exhibitions .block-exhibitions__img[style*='banner-exhibition-1-img'] {
        height: 210px;
        background-position: right bottom;
    }
    .block-exhibitions .block-exhibitions__img[style*='banner-exhibition-2-img'] {
        height: 165px;
        background-position-x: calc(100% + 40px);
    }
}
@media screen and (max-width: 767px) {
    .block-exhibitions {
        padding: 20px 20px 20px;
    }
    .block-exhibitions .block-exhibitions__title {
        text-align: center;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-title {
        font-size: 16px;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-address {
        font-size: 12px;
    }
    .block-exhibitions .block-exhibitions__item .block-exhibitions__item-phone {
        font-size: 16px;
    }
    .block-exhibitions .block-exhibitions__img[style*='banner-exhibition-1-img'] {
        height: 150px;
        background-position: calc(100% + 60px) bottom;
    }
    .block-exhibitions .block-exhibitions__img[style*='banner-exhibition-2-img'] {
        height: 120px;
        background-position-x: calc(100% + 30px);
    }
}
@media screen and (max-width: 420px) {
    .block-exhibitions .block-exhibitions__img[style*='banner-exhibition-1-img'] {
        height: 130px;
    }
}



.banners-regions-and-staff {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(4 * var(--rem));
    margin-bottom: 60px;
}
@media screen and (max-width: 1400px) {
    .banners-regions-and-staff {
        grid-template-columns: 1fr;
        gap: calc(2 * var(--rem));
        margin-bottom: 30px;
    }
}


.banners-exhibitions {
  margin-bottom: 36px;
}
/* End */


/* Start:/local/templates/2024/css/styles.css?17461660079613*/
#modal-search form input[type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
    appearance: none;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: none;
	display: inline-flex;
	height: 2.25em;
	line-height: 1.5;
	position: relative;
	vertical-align: top;
	border-width: 1px;
	cursor: pointer;
	justify-content: center;
	padding-bottom: calc(0.375em - 1px);
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-top: calc(0.375em - 1px);
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
	font-weight: bold;
	transition: all .2s;
	background-color: #adcd5f;
	border-color: transparent;
	color: #fff;
	font-size: 1.5rem;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

#modal-search form #title-search-input {
	-moz-appearance: none;
	-webkit-appearance: none;
    appearance: none;
	align-items: center;
	border: 1px solid transparent;
	display: inline-flex;
	height: 2.25em;
	justify-content: flex-start;
	line-height: 1.5;
	padding-bottom: calc(0.375em - 1px);
	padding-left: calc(0.625em - 1px);
	padding-right: calc(0.625em - 1px);
	padding-top: calc(0.375em - 1px);
	position: relative;
	vertical-align: top;
	background-color: #fff;
	border-color: #dbdbdb;
	border-radius: 4px;
	color: #363636;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	transition: all .2s;
	font-size: 1.5rem;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

#modal-search form .field.has-addons {
	display: flex;
	justify-content: flex-start
}

#modal-search form .control.is-expanded {
	flex-grow: 1
}

#modal-search .title-search-result .section {
	padding: 3rem 0 0
}

#modal-search .title-search-result .media {
	align-items: flex-start;
	display: flex;
	text-align: left
}

#modal-search .title-search-result .media-left {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 1rem
}

#modal-search .title-search-result .media-content {
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	text-align: left
}

#modal-search .title-search-result .title {
	color: #f90;
	cursor: pointer;
	text-decoration: none;
	color: #363636;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.125;
	font-size: 1.25rem !important;
	word-break: normal;
	line-height: 1.1
}

#modal-search .title-search-result .title:not(:last-child) {
	margin-bottom: 1.5rem
}

[type="submit"].is-loading,
[name="submit"].is-loading {
	background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(255, 255, 255, 0.25) 25px, rgba(255, 255, 255, 0.25) 50px);
	background-size: 70.71px 100%;
	background-position: 0 0;
	animation: loading 1.5s infinite linear;
	pointer-events: none;
}

@keyframes loading {
	100% {
		background-position: 70.71px 100%;
	}
}

@media (max-width:1199px) {
	.modal-backdrop {
		top: -20vh;
		bottom: -20vh;
		left: -20vw;
		right: -20vw;
		height: 140vh;
		width: 140vw;
	}
}

.city-picker--footer .city-picker-item {
	color: #000;
}

.city-picker--footer .city-picker-item:hover {
	color: #4173be;
}

.main-reviews-item__text {
	min-height: calc(8*23px);
}

@media (max-width:1199px) {
	.main-reviews-item__text {
		min-height: calc(9*23px);
	}
}

@media (max-width:767px) {
	.main-reviews-item__text {
		min-height: calc(8*21px);
	}
}

@media (max-width: 767px) {
	.glightbox-container .gcontainer {
		max-width: 100%;
	}
}

.swiper {
	user-select: none;
}

.category-text-content {
	margin-bottom: 73px;
}




/* Виджет обратной связи */
body.page-loaded .widget-soc {
    opacity: 1;
    transform: translateY(0);
}
.widget-soc {
    align-items: center;
    background: #FFF;
    border-radius: 16px;
    bottom: 18px;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    padding: 10px;
    position: fixed;
    right: 18px;
    text-align: center;
    transform: translateY(40%);
    transition: all 0.5s cubic-bezier(0.715, -0.235, 0.12, 1.3) 0.4s;
    width: 100px;
    z-index: 20;
}
@media screen and (max-width: 1200px) {
    .widget-soc {
        bottom: 160px;
    }
}
@media screen and (max-width: 768px) {
		.widget-soc {
			display: none;
		}
    .widget-soc {
        bottom: 96px;
        padding: 8px;
        width: 60px;
    }
}
.widget-soc__item-name {
    display: inline-block;
    line-height: 1.2;
}
.widget-soc .widget-soc__item {
    color: #323232;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s var(--transition);
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__item {
        font-size: 10px;
    }
}
@media (hover: hover) {
    .widget-soc .widget-soc__item:hover {
        color: var(--color-orange);
    }
    .widget-soc .widget-soc__item:hover > span:first-child:before {
        transform: scale(0.8);
    }
}
@media (hover: none) {
    .widget-soc .widget-soc__item:active {
        color: var(--color-orange);
    }
    .widget-soc .widget-soc__item:active > span:first-child:before {
        transform: scale(0.8);
    }
}
.widget-soc .widget-soc__whatsapp {
    display: block;
    height: 48px;
    margin: 0 auto 8px;
    position: relative;
    width: 52px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__whatsapp {
        height: 36px;
        margin-bottom: 6px;
        width: 40px;
    }
}
.widget-soc .widget-soc__whatsapp:before {
    background: url('/local/templates/2024/css/../img/widget-soc__whatsapp.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}
.widget-soc .widget-soc__telegram {
    display: block;
    height: 48px;
    margin: 0 auto 8px;
    position: relative;
    width: 44px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__telegram {
        height: 34px;
        margin-bottom: 6px;
        width: 34px;
    }
}
.widget-soc .widget-soc__telegram:before {
    background: url('/local/templates/2024/css/../img/widget-soc__telegram.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}
.widget-soc .widget-soc__callback {
    display: block;
    height: 48px;
    margin: 0 auto 8px;
    position: relative;
    width: 44px;
}
@media screen and (max-width: 768px) {
    .widget-soc .widget-soc__callback {
        height: 34px;
        margin-bottom: 6px;
        width: 34px;
    }
}
.widget-soc .widget-soc__callback:before {
    background: url('/local/templates/2024/css/../img/widget-soc__callback.png') no-repeat 50%;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s var(--transition);
    width: 100%;
}



/*
@media screen and (max-width: 1199px) {
	.main-hero-banner--tent picture:nth-of-type(1) {
	    animation-name: fade;
	    animation-iteration-count: infinite;
	    animation-duration: 12s;
	}
	.main-hero-banner--tent picture:nth-of-type(2) {
	    animation-name: fade-alt;
	    animation-iteration-count: infinite;
	    animation-duration: 12s;
	}
	@keyframes fade {
	    0% {opacity: 0;}
	    20% {opacity: 1;}
	    33% {opacity: 1;}
	    53% {opacity: 0;}
	    100% {opacity: 0;}
	}
	@keyframes fade-alt {
	    0% {opacity: 1;}
	    20% {opacity: 0;}
	    33% {opacity: 0;}
	    53% {opacity: 1;}
	    100% {opacity: 1;}
	}
}
*/


.page:has(.page-404) .page__content {
	position: relative;
}
.page-404 {
	padding-top: 80px;
	display: flex;
	min-height: 640px;
}
.page-404__content {
	max-width: 530px;
}
.page-404__image {
	position: absolute;
	bottom: 0;
	right: 0;
}
.page-404__code {
	max-width: 430px;
	margin-bottom: 40px;
}
.page-404__title {
	color: #787777;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 24px;
	line-height: 1.1;
}
.page-404__subtitle {
	color: #808080;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 60px;
	line-height: 1.1;
}
.page-404 .btn {
	min-width: 240px;
	font-size: 20px;
	min-height: 52px;
	line-height: 32px;
}
@media screen and (max-width: 768px) {
	.page:has(.page-404) .page-footer {
		margin-top: 0;
	}
	.page-404 {
		flex-flow: column;
		gap: 2rem;
		min-height: 900px;
	}
	.page-404__content {
		max-width: 100%;
		display: flex;
	    align-items: center;
	    flex-flow: column;
	}
	.page-404__code {
		max-width: 240px;
		margin-bottom: 20px;
	}
	.page-404__title {
		font-size: 38px;
		margin-bottom: 26px;
	}
	.page-404__subtitle {
		font-size: 22px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 425px) {
	.page-404 {
		flex-flow: column;
		gap: 2rem;
		min-height: 300px;
	}
	.page-404__code {
		max-width: 140px;
		margin-bottom: 20px;
	}
	.page-404__title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.page-404__subtitle {
		font-size: 12px;
		margin-bottom: 28px;
	}
	.page-404 .btn {
		min-width: 140px;
		font-size: 12px;
		min-height: 32px;
		line-height: 16px;
	}
}

@media screen and (max-width: 768px) {
	body > #matomba_button {
		display: flex !important;
		gap: .5rem;
		align-items: center;
	}
}
/* End */
/* /local/templates/2024/libs/dropzone/dropzone.css?17268670974772 */
/* /local/templates/2024/libs/fancybox/fancybox.css?174616528925343 */
/* /local/templates/2024/css/style.full.css?1750852336480726 */
/* /local/templates/2024/css/styles.css?17461660079613 */