/* Start:/local/templates/.default/dist/lib/fancybox/fancybox.css?178099668032710*/
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}
/* End */
/* Start:/local/templates/.default/dist/css/page/franchise/style.css?178099776146119*/
:root{
--space-container: 40px;
}
html body{
background-color: #fff;
}
.wrapper {
overflow-x: hidden;
}
.about__slider{
margin: 80px 0;
}
.js-about-slider .swiper-wrapper {
transition-timing-function: linear;
will-change: transform;
}
.js-about-slider .swiper-slide img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.about__title{
font-family: var(--font-title);
font-weight: 400;
font-size: 40px;
line-height: 55.08px;
margin-bottom: 50px;
}
.franchise-btn:after{
content: '';
width: 43px;
height: 43px;
border-radius: 100%;
background-color: #D9DFA3;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.00006%2014.0718L13.7961%201.08351M13.7961%201.08351L1.08594%201M13.7961%201.08351L13.7189%2012.8336%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 12px;
top: 0;
bottom: 0;
margin: auto;
transition: all .2s linear;
}
.franchise-btn{
cursor: pointer;
display: flex;
align-items: center;
width: 359px;
height: 58px;
border-radius: 30px;
background: #F4F4F4;
backdrop-filter: blur(40px);
text-decoration: none;
position: relative;
transition: all .2s linear;
padding-left: 71px;
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
.franchise-btn:hover{
background-color: #D9DFA3;
color: #FFFFFF;
}
.franchise-btn.orange-icon-plus{
background-color: #D9DFA3;
width: 308px;
justify-content: center;
padding: 0 35px 0 0;
color: #fff;
}
.franchise-btn.orange-icon-plus:after{
background-color: #FFFFFF;
background-image: url('data:image/svg+xml,%3Csvg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="8.30298" y1="1" x2="8.30298" y2="17.5777" stroke="%23654A43" stroke-width="2" stroke-linecap="round"/%3E%3Cline x1="15.7739" y1="9.52197" x2="1" y2="9.52197" stroke="%23654A43" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.franchise-btn.orange-icon-plus:hover{
background-color: #F4F4F4;
color:#000000;
}
.franchise-btn.orange-icon-plus:hover:after{
background-image: url('data:image/svg+xml,%3Csvg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cline x1="8.30298" y1="1" x2="8.30298" y2="17.5777" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/%3E%3Cline x1="15.7739" y1="9.52197" x2="1" y2="9.52197" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
background-color: #D9DFA3;
}
.hero-title {
line-height: 1.05;
}
.hero__letters{
opacity: 0;
display: flex;
position: relative;
padding-top: 850px;
}
.hero__letters .hero__letter {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.hero__letters .hero__letter:nth-child(1){
left: -450px;
top: 80px;
}
.hero__letters .hero__letter:nth-child(2){
margin: auto;
top: -20px;
}
.hero__letters .hero__letter:nth-child(3){
left: auto;
right: -394px;
top: 75px;
}
.hero:has(.hero__background) .hero__letters .hero__letter {
position: absolute;
left: 0;
right: 0;
max-width: 300px;
top: auto;
bottom: 345px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(1) {
left: auto;
top: auto;
right: 453px;
bottom: 320px;
}
.hero__title {
z-index: 9;
position: absolute;
top: 470px;
left: 45px;
font-size: 31px;
color: #654a43;
text-shadow: none;
font-weight: 500;
background-image: url(/local/templates/.default/dist/img/franchise/betonewomen-logo.png);
background-size: 466px;
background-position: bottom left;
padding: 0 0 130px 0;
background-repeat: no-repeat;
text-transform: uppercase;
}
.payback-calculator__group input#rent {
line-height: 56px;
}
.payback-calculator__group input#rent::placeholder {
font-size: 20px;
opacity: .8;
line-height: 56px;
position: relative;
top: -2px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(2) {
top: auto;
right: 268px;
left: auto;
bottom: 337px;
}
.hero:has(.hero__background) .hero__letters .hero__letter:nth-child(3) {
left: auto;
right: 120px;
}
.title-line {
display: inline-flex;
align-items: center;
gap: 16px; /* расстояние между текстом и тумблером */
}
.hero-betone__btn {
margin: 58px 0 0 auto;
}
.pill {
flex-shrink: 0;
transform: translateZ(0); /* чтобы не мылось */
}
.pill.orange{
background-color: #D9DFA3;
}
.pill {
position: relative;
overflow: hidden;
display: inline-block;
height: 71px;
background: #D9D9D9;
width: 177px;
border-radius: 30px;
}
.pill img {
object-fit: contain;
width: 100%;
height: 100%;
}
.pill[data-dir="left"] img {
transform: scale(1.4) translate(-33px, 0);
}
.pill.no-scale[data-dir="left"] img {
transform: scale(1) translate(-33px, 0);
}
.pill.no-scale[data-dir="center"] img {
transform: scale(1) translate(-33px, 0);
}
.pill[data-dir="right"] img {
transform: scale(1.4) translate(33px, 0);
}
.pill__fill{
position:absolute; inset:0;
width:55%; /* “оранжевая половина” */
border-radius: 999px;
background: #D9DFA3;
transform: translateX(-60%);
}
.pill__content{ position:relative; z-index:2; }
.hero{
position: relative;
overflow: hidden;
}
.hero__card {
opacity: 0;
position: absolute;
top: 425px;
right: 270px;
margin: auto;
width: 333px;
aspect-ratio: 1 / 1;
border-radius: 30px;
padding: 33px;
background: #F4F4F421;
backdrop-filter: blur(40px);
transform: rotate(-9.31deg);
}
.hero__card__text{
font-weight: 500;
font-size: 15px;
line-height: 120%;
}
.hero__card__lines{
margin: 20px 0;
}
.hero__card__total{
font-weight: 700;
font-size: 58px;
line-height: 100%;
margin: 20px 0 20px;
}
.hero-title{
display: flex;
flex-direction: column;
font-weight: 700;
font-size: 77px;
line-height: 117%;
text-transform: uppercase;
}
.hero__content{
padding: 0 var(--space-container);
}
.map{
margin-top: 200px;
padding: 0 var(--space-container);
}
.map__title{
max-width: 800px;
font-weight: 400;
font-size: 35px;
line-height: 100%;
text-transform: uppercase;
}
.map__heading{
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
.map__media { position: relative; overflow: hidden; border-radius: 24px; }
.map__img { width: 100%; display:block; transform-origin: 50% 50%; }
.map-pin{
width: 49px;
height: 49px;
position:absolute;
left: var(--x); top: var(--y);
transform: translate(-50%, -50%);
border-radius: 100%;
will-change: transform;
background-color: #D9DFA3;
background-image: url(/local/templates/.default/dist/img/franchise/btn.png);
background-repeat: no-repeat;
background-position: center;
border: none;
}
/* кольцо */
.map-pin::after{
content:"";
position:absolute;
inset:-10px; /* размер обруча вокруг */
border-radius: 999px;
border: 2px solid rgba(217,223,163,0.55);
transform: scale(0.7);
opacity: 0;
pointer-events: none;
}
/* включаем пульс когда надо */
.map-pin.is-pulsing::after{
animation: pinPulse 1.8s ease-out infinite;
}
.js-float-card { will-change: transform; transform: translateZ(0); }
@media (prefers-reduced-motion: reduce) {
.js-float-card { transition: none !important; animation: none !important; }
}
.about { position: relative; margin: 185px 0 120px;}
.about__gallery {
position: relative;
height: 1226px;
border-radius: 24px; /* если надо */
}
.about-card {
position: absolute;
left: 0; top: 0;
will-change: transform;
transform: translate3d(0,0,0);
}
.pill.color-chocolate{
background-color: #654A43;
}
.hero__background {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 800px;
width: 100%;
object-fit: cover;
object-position: top;
}
.about__title {
font-weight: 700;
font-size: 154px;
line-height: 109%;
text-transform: uppercase;
color: #EEEEEE;
text-align: right;
padding: 0 var(--space-container);
}
.quotes{
background-image: url(/local/templates/.default/dist/img/franchise/quotes.svg);
background-position: var(--space-container) 0;
background-repeat: no-repeat;
padding: 190px var(--space-container) 0;
display: flex;
flex-direction: column;
gap: 130px;
}
.quotes__item span{
color: #EEEEEE;
}
.quotes__item{
font-weight: 400;
font-size: 50px;
line-height: 110%;
text-transform: uppercase;
}
.quotes__item .flex {
align-items: center;
gap: 0 25px;
}
.quotes__item{
max-width: 1000px;
}
.quotes__item:last-child {
margin: 0 0 0 auto;
}
.video video{
width: 100%;
border-radius: 30px;
}
.video{
padding: 0 var(--space-container);
border-radius: 30px;
overflow: hidden;
margin: 200px 0;
}
.shears{
padding: 0 var(--space-container);
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.shears__title{
font-weight: 700;
font-size: 84px;
line-height: 109%;
text-transform: uppercase;
color: #EEEEEE;
width: 780px;
}
.shears__animate .tools-section{
position: absolute;
transform: translate(2px, 30px);
}
.shears__animate{
position: relative;
background-image: url(/local/templates/.default/dist/img/logo.svg);
background-position: center 62px;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
background-size: 700px;
}
.shears__animate img {
margin-top: 45px;
}
.hs-hit { pointer-events: all; fill: transparent; }
.hs-ring { pointer-events: none; fill: none; }
.tools-section{ position: relative; }
.tools-label{
position: absolute;
max-width: 260px;
pointer-events: none;
opacity: 0;
transform: translateY(6px);
transition: opacity .25s ease, transform .25s ease;
color: #000000;
font-weight: 700;
font-size: 20px;
line-height: 100%;
}
.tools-label.is-visible{
opacity: 1;
transform: translateY(0);
}
.js-tools-section{ position: relative; }
.tools-label{
position:absolute;
pointer-events:none;
max-width:260px;
display: flex;
flex-direction: column;
}
.hs-hit{ pointer-events: all; fill: transparent; }
.hs-ring{ pointer-events:none; fill:none; }
.tool-hs{ cursor:pointer; }
.tools-label span{
background: #F4F4F49E;
backdrop-filter: blur(40px);
border-radius: 30px;
color: #00000061;
font-weight: 300;
font-size: 16px;
line-height: 100%;
padding: 25px 25px 25px 38px;
margin-top: 15px;
margin-left: -22px;
}
.tools-label[data-id="hs-1"]{ left: -137px;
top: 291px; } /* пример */
.tools-label[data-id="hs-2"] {
left: 364px;
top: 600px; }
.tools-label[data-id="hs-3"]{ left: -140px;
top: -6px; }
.tools-label[data-id="hs-4"]{ left: 173px;
top: 405px; }
.tools-label[data-id="hs-5"] {
right: 32px;
top: 340px;
}
.route-block {
position: relative;
padding: 0 var(--space-container);
margin: 400px 0 200px;
}
.route-block__inner {
position: relative;
max-width: 1350px;
margin: 0 auto;
padding: 155px 0 104px;
}
.route-svg { width: 100%; height: auto; display: block; }
.route {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.route--gray { stroke-width: 1; }
.route--orange { stroke-width: 1.5; }
.route-block__title {
font-weight: 700;
font-size: 84px;
line-height: 109%;
text-align: right;
text-transform: uppercase;
}
.route-block__text span:last-child,
.route-block__text span:nth-child(1){
font-weight: 400;
color: #000;
}
.route-block__num span {
font-weight: 700;
font-size: 113px;
line-height: 100%;
color: #F0F0F0;
position: absolute;
}
.route-block__text span {
font-weight: 300;
font-size: 29px;
line-height: 100%;
color: #00000061;
position: absolute;
}
.route-block__text span:nth-child(1){
top: 21%;
left: 33px;
}
.route-block__text span:nth-child(2){
top: 21%;
right: 42%;
}
.route-block__text span:nth-child(3){
top: 21%;
right: 12%;
}
.route-block__text span:nth-child(4){
top: 56%;
left: 63%;
}
.route-block__text span:nth-child(5){
top: 56%;
left: 21%;
}
.route-block__text span:nth-child(6){
bottom: 29px;
right: 65%;
}
.route-block__text span:nth-child(7){
bottom: 29px;
right: 35%;
}
.route-block__text span:nth-child(8){
bottom: 29px;
right: 64px;
}
.route-block__num span:nth-child(1){
top: 3%;
left: 8px;
}
.route-block__num span:nth-child(2){
top: 3%;
right: 53.5%;
}
.route-block__num span:nth-child(3){
top: 3%;
right: 17.5%;
}
.route-block__num span:nth-child(4){
top: 40%;
left: 61.5%;
}
.route-block__num span:nth-child(5){
top: 40%;
left: 20%;
}
.route-block__num span:nth-child(6){
bottom: 155px;
right: 79%;
}
.route-block__num span:nth-child(7){
bottom: 155px;
right: 44%;
}
.route-block__num span:nth-child(8){
bottom: 155px;
right: 175px;
}
.route-block__text span,
.route-block__num span {
opacity: 0;
transition: opacity 1.25s ease, font-weight 1.25s ease;
}
.route-block__text span.active,
.route-block__num span.active {
opacity: 1;
}
/* точки */
.route-svg .js-step-dot {
transition: fill .25s ease;
fill: #000; /* неактив */
}
.route-svg .js-step-dot.is-active {
fill: #D9DFA3; /* актив */
}
.route-svg .route--orange {
opacity: 0;
visibility: hidden;
}
.region-stats {
--orange: #D9DFA3;
--bg: #f4f4f4;
--text: #0b0b0b;
--muted: #000;
--radius: 30px;
color: var(--text);
padding: 0 var(--space-container);
}
.region-stats__tabs {
background: #eee;
border-radius: 999px;
padding: 8px;
display: flex;
gap: 8px;
max-width: 100%;
margin: 0 auto 20px;
}
.region-stats__tab {
flex: 1;
border: 0;
background: transparent;
border-radius: 999px;
padding: 16px 16px;
cursor: pointer;
font-size: 16px;
color: rgba(0,0,0,.6);
transition: background .2s ease, color .2s ease;
}
.region-stats__tab.is-active {
background: #D9DFA3FF;
color: #654A43;
}
.quotes__item .flex{
display: flex;
}
.region-stats__card {
background: var(--bg);
border-radius: var(--radius);
padding: 34px;
display: grid;
grid-template-columns: 1.2fr .8fr;
gap: 22px;
align-items: stretch;
}
.region-stats__kicker {
font-weight: 700;
font-size: 29px;
line-height: 109%;
text-transform: uppercase;
color: #000000;
}
.region-stats__grid {
margin-top: 18px;
display: flex;
gap: 14px;
align-items: start;
}
.region-stats__col:last-child {
position: relative;
padding-left: 59px;
display: flex;
flex-direction: column;
gap: 15px;
}
.region-stats__col:first-child {
display: flex;
flex-wrap: wrap;
gap: 23px 16px;
flex: 0 0 572px;
}
.region-stats__city {
color: var(--orange);
font-weight: 700;
font-size: 57px;
line-height: 115%;
text-transform: uppercase;
flex: 0 0 100%;
}
.region-stats__item {
min-height: 58px;
}
.region-stats__label {
color: var(--muted);
margin-bottom: 7px;
font-weight: 400;
font-size: 16px;
line-height: 102%;
}
.region-stats__value span.js-num {
font-weight: 700;
font-size: 49px;
line-height: 109%;
text-transform: uppercase;
}
.region-stats__col:last-child span.js-num{
color: #0000001A;
}
.region-stats__unit {
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
.region-stats__col:first-child .region-stats__value {
align-items: center;
}
.region-stats__value {
display: flex;
align-items: baseline;
gap: 10px;
font-weight: 700;
font-size: 39px;
line-height: 109%;
text-transform: uppercase;
}
.region-stats__unit {
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #000;
}
.region-stats__divider {
color: rgba(0, 0, 0, .12);
transform: rotate(-90deg);
transform-origin: left center;
margin-top: 0;
position: absolute;
bottom: -6px;
left: 25px;
font-weight: 700;
font-size: 29px;
line-height: 109%;
text-transform: uppercase;
}
.region-stats__right {
position: relative;
background: #D9DFA3;
border-radius: 30px;
padding: 38px 49px;
color: #654A43;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.region-stats__right::after {
content: "";
position: absolute;
width: 340px;
height: 340px;
background-image: url('data:image/svg+xml,%3Csvg width="369" height="323" viewBox="0 0 369 323" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.07406 430.378L-0.000114229 354.262L284.495 50.474L60.0044 52.6573L59.5213 2.97809L365.73 4.52944e-06L368.278 251.403L314.32 316.136L312.141 92.0927L6.07406 430.378Z" fill="white" fill-opacity="0.12"/%3E%3C/svg%3E');
bottom: -24px;
right: 0;
}
.region-stats__right-title {
font-weight: 700;
font-size: 29px;
line-height: 109%;
text-transform: uppercase;
}
.region-stats__right-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px 18px;
position: relative;
z-index: 1;
}
.region-stats__right-label {
margin-bottom: 12px;
font-weight: 400;
font-size: 16px;
line-height: 102%;
}
.region-stats__right-val {
font-weight: 700;
font-size: 39px;
line-height: 109%;
text-transform: uppercase;
}
.region-stats__right-unit {
font-size: 16px;
font-weight: 400;
margin-left: 0;
}
.route-block__footer {
display: flex;
align-items: center;
justify-content: center;
margin-top: 100px;
gap: 40px;
}
.route-block__footer__text {
font-weight: 300;
font-size: 12px;
line-height: 100%;
}
.route-block__footer__text a {
display: block;
}
.region-stats__title {
font-weight: 700;
font-size: 84px;
line-height: 107%;
text-transform: uppercase;
color: #EEEEEE;
margin-bottom: 26px;
}
.region-stats__title .flex {
gap: 20px;
align-items: center;
}
.partners {
position: relative;
overflow: hidden;
padding: 70px 0 200px;
background: #fff;
}
.partners__bg {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: clamp(48px, 8vw, 120px);
letter-spacing: 0.08em;
color: rgba(0,0,0,0.04);
user-select: none;
pointer-events: none;
white-space: nowrap;
}
.partners__rows {
position: relative;
display: flex;
flex-direction: column;
gap: 34px;
}
/* --- marquee --- */
.marquee {
--duration: 32s;
--gap: 60px;
width: 100%;
overflow: hidden;
}
.marquee__track {
display: flex;
width: max-content;
will-change: transform;
animation: marquee var(--duration) linear infinite;
}
.marquee.is-reverse .marquee__track {
animation-direction: reverse;
}
.marquee__set {
display: flex;
align-items: center;
gap: var(--gap);
padding-left: var(--gap);
padding-right: var(--gap);
}
.partner {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
opacity: 0.9;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.partner:hover {
opacity: 1;
transform: translateY(-1px);
}
.partner img {
display: block;
height: 90px;
width: auto;
max-width: 382px;
filter: grayscale(100%);
opacity: 0.7;
transition: filter 0.2s ease, opacity 0.2s ease;
}
.partner:hover img {
filter: grayscale(0%);
opacity: 1;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
/* пауза при наведении (если нужно) */
.marquee:hover .marquee__track {
animation-play-state: paused;
}
/* уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
.marquee__track { animation: none; }
}
.payback-calculator fieldset {
border: none;
}
.payback-calculator{
background-image: url(/local/templates/.default/dist/img/franchise/NZ5_4221-HDR_resized.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 108px var(--space-container) 184px;
position: relative;
margin: 234px 0;
}
.marquee__set span {
font-weight: 700;
font-size: 193px;
line-height: 107%;
text-transform: uppercase;
color: #d5d5d53d;
}
.payback-calculator__title .flex{
align-items: center;
gap: 20px;
}
.payback-calculator__title{
position: absolute;
bottom: var(--space-container);
right: var(--space-container);
font-weight: 700;
font-size: 84px;
line-height: 107%;
text-align: right;
text-transform: uppercase;
color: #EEEEEE;
}
.payback-calculator__panel {
width: 577px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.payback-calculator__form {
background: #F4F4F452;
backdrop-filter: blur(40px);
border-radius: 30px;
padding: 75px 68px;
margin-bottom: 30px;
width: 100%;
height: 655px;
position: relative;
}
.js-calc-form.is-visible {
right: 68px;
left: 68px;
}
.js-calc-form.is-visible, .js-calc-total.is-visible{
opacity: 1;
visibility: visible;
}
.js-calc-form, .js-calc-total {
position: absolute;
opacity: 0;
visibility: hidden;
transition: all .2s ease;
}
.js-calc-total {
display: flex;
flex-direction: column;
gap: 35px;
}
.payback-calculator__total__item {
display: flex;
flex-direction: column;
gap: 25px;
}
.payback-calculator__total__item span:first-child {
font-weight: 400;
font-size: 29px;
line-height: 100%;
color: #fff;
}
.payback-calculator__total__item span:last-child {
font-weight: 700;
font-size: 39px;
line-height: 109%;
color: #D9DFA3;
}
button.franchise-btn.payback-calculator__submit {
border: none;
background: #F4F4F452;
text-align: center;
align-items: center;
justify-content: center;
padding: 0 30px 0 0;
backdrop-filter: blur(40px);
color: #fff;
}
.payback-calculator__brand img {
width: 232px;
}
.payback-calculator__brand {
margin-bottom: 53px;
}
.payback-calculator__label {
font-weight: 400;
font-size: 29px;
line-height: 100%;
color: #fff;
margin-bottom: 25px;
}
fieldset.payback-calculator__group {
margin-bottom: 31px;
padding: 0;
}
.payback-calculator__options label input{
display: none;
}
.payback-calculator__options label:has(input:checked){
background: #F4F4F4B2;
}
.payback-calculator__options label{
min-width: 56px;
height: 56px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
font-weight: 400;
font-size: 29px;
line-height: 100%;
text-transform: lowercase;
color: #fff;
background: #F4F4F452;
backdrop-filter: blur(40px);
transition: all .2s linear;
cursor: pointer;
}
.payback-calculator__group {
display: flex;
flex-direction: column;
}
.payback-calculator__group input {
width: 100%;
background: #F4F4F452;
backdrop-filter: blur(40px);
border: none;
border-radius: 30px;
height: 56px;
padding: 0 20px;
font-weight: 400;
font-size: 29px;
line-height: 100%;
color: #fff;
margin: 0;
}
.payback-calculator__options{
display: flex;
flex-wrap: wrap;
gap: 13px;
}
.hero-betone {
padding: 418px 0 315px;
overflow: hidden;
position: relative;
}
.hero-betone__inner {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
margin-bottom: 232px;
}
.hero-betone__left {
width: 520px;
height: 420px;
flex: 0 0 520px;
}
.media-card {
position: absolute;
border-radius: 28px;
overflow: hidden;
background: #eee;
box-shadow: 0 20px 60px rgba(0,0,0,0.12);
will-change: transform, opacity;
}
.media-card__media {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* позиции карточек (подгони под макет) */
.media-card--video {
width: 456px;
height: 669px;
bottom: 104px;
left: 18%;
transform: rotate(11deg);
}
.media-card--photo1 {
width: 490px;
height: 646px;
left: 10%;
top: 52px;
transform: rotate(-15.5deg);
}
.media-card--photo2 {
width: 537px;
height: 637px;
left: 0;
top: 346px;
transform: rotate(-8deg);
}
/* правая часть просто для примера */
.hero-betone__right { min-width: 280px; }
.hero-betone__label {
font-weight: 400;
font-size: 35px;
line-height: 100%;
text-align: right;
text-transform: uppercase;
color: #000;
margin-bottom: 45px;
}
.hero-betone__title { margin: 18px 0 24px; font-size: 54px; line-height: .95; }
.join-btnn {
/* фон блока */
background: #fff;
color: #111;
}
.join-btnn__inner {
/* высота секции — можно менять под макет */
min-height: 720px;
position: relative;
margin: 0 auto;
padding: 40px var(--space-container) 34px;
/* флекс-раскладка всего блока */
display: flex;
flex-direction: column;
}
/* ------------------------------------------------- */
/* Плейсхолдер под буквы */
/* ------------------------------------------------- */
.join-btnn__letters {
/* “воздух” под большие буквы */
height: 765px;
/* на всякий: чтобы контент внутри мог позиционироваться */
position: relative;
/* если захочешь временно увидеть область */
/* outline: 1px dashed rgba(0,0,0,.15); */
}
/* ------------------------------------------------- */
/* Центр: заголовок + CTA */
/* ------------------------------------------------- */
.join-btnn__content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
/* отступ от букв */
margin-top: 10px;
}
.join-btnn__title {
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
font-weight: 500;
font-size: 84px;
line-height: 109%;
text-align: center;
text-transform: uppercase;
}
.join-btnn__cta {
margin-top: 22px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.join-btnn__btn {
border: 0;
cursor: pointer;
height: 34px;
padding: 0 18px;
border-radius: 999px;
background: #D9DFA3;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
transition: transform .2s ease, opacity .2s ease;
}
.join-btnn__btn:hover {
transform: translateY(-1px);
opacity: .95;
}
.join-btnn__btn-circle {
border: 0;
cursor: pointer;
width: 34px;
height: 34px;
border-radius: 999px;
background: #D9DFA3;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: transform .2s ease, opacity .2s ease;
}
.join-btnn__btn-circle:hover {
transform: translateY(-1px) rotate(90deg);
opacity: .95;
}
/* ------------------------------------------------- */
/* Нижние две кнопки по центру */
/* ------------------------------------------------- */
.join-btnn__bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: linear-gradient(0deg, rgba(232, 232, 237, 0.52), rgba(232, 232, 237, 0.52));
padding: 8px;
border-radius: 100px;
position: fixed;
bottom: 24px;
left: 0;
right: 0;
max-width: max-content;
margin: auto;
z-index: 9;
}
.join-btnn__pill {
border: none;
height: 51px;
padding: 0 77px;
border-radius: 999px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background-color: transparent;
color: #00000078;
font-weight: 400;
font-size: 16px;
line-height: 100%;
transition: all .2s ease;
}
.join-btnn__pill:hover {
background: #D9DFA3;
color: #fff;
}
.join-btnn__footer {
margin-top: auto; /* прижимает футер к низу секции */
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-top: 156px;
}
.join-btnn__brand {
font-weight: 800;
letter-spacing: 0.02em;
font-size: 34px;
line-height: 1;
}
.join-btnn__social {
display: flex;
align-items: center;
gap: 14px;
}
.join-btnn__social-link {
color: rgba(0, 0, 0, .55);
text-decoration: none;
text-transform: lowercase;
transition: color .2s ease;
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
.join-btnn__social-link:hover {
color: rgba(0,0,0,.9);
}
.hero__content .title-line:last-child .pill{
display: none;
}
@media (max-width: 1750px) {
.region-stats__col:first-child{
flex: 0 0 500px;
}
}
@media (max-width: 1500px) {
.region-stats__col:first-child{
flex: 0 0 360px;
}
.hero-betone__right {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-right: var(--space-container);
}
.hero-betone__title img{
max-width: 100%;
}
.hero-betone__title {
max-width: 580px;
}
}
@media (max-width: 1380px) {
.region-stats__col:first-child{
flex: 0 0 335px;
}
}
@media (max-width: 1300px) {
.tools-label br {
display: none;
}
.hero__letters .hero__letter:nth-child(1) {
left: -411px;
top: 80px;
max-width: 950px;
}
.hero__letters .hero__letter:nth-child(2) {
max-width: 1230px;
}
.hero__letters .hero__letter:nth-child(3) {
max-width: 1000px;
}
.hero__card{
top: 355px;
right: 130px;
}
.hero__letters{
padding-top: 720px;
}
.tool-hs{
display: none;
}
.tools-label {
position: static;
opacity: 1 !important;
visibility: visible !important;
max-width: 100% !important;
text-align: left !important;
background-image: url('data:image/svg+xml;utf8,');
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
min-height: 21px;
pointer-events: all;
}
.tools-label.is-open{
background-image: url('data:image/svg+xml;utf8,');
}
.shears__animate img {
margin-top: 120px;
width: 100%;
}
.tools-label span {
display: none;
}
.shears__animate{
flex-direction: column;
width: 100%;
}
.shears__animate .tools-section {
position: static;
transform: translate(0px, 0px);
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 55px;
}
.shears__animate .tools-section .tools-svg {
display: none;
}
:root{
--mobile-margin: 100px;
}
.map{
margin-top: var(--mobile-margin);
}
.payback-calculator,
.route-block,
.video,
.about {
margin: var(--mobile-margin) 0;
}
.partners{
padding: 0 0 var(--mobile-margin);
}
.region-stats__card{
display: flex;
flex-direction: column;
}
.region-stats__col:first-child,
.region-stats__col:last-child{
flex: 0 0 50%;
}
.payback-calculator__title{
bottom: auto;
top: var(--space-container);
}
.payback-calculator{
padding: 260px var(--space-container) 50px;
}
.media-card--photo1 {
width: 410px;
height: 552px;
left: 8%;
}
.media-card--photo2 {
width: 435px;
height: 563px;
left: 0;
top: 356px;
}
.media-card--video {
width: 390px;
height: 600px;
bottom: 104px;
left: 10%;
}
.hero-betone {
padding: 390px 0 272px;
}
}
@media (max-width: 1150px) {
.hero__letters .hero__letter:nth-child(1) {
left: -340px;
top: 80px;
max-width: 800px;
}
.hero__letters .hero__letter:nth-child(2) {
max-width: 990px;
transform: rotate(22deg) !important;
top: 25px;
}
.hero__letters .hero__letter:nth-child(3) {
top: 275px;
max-width: 857px;
transform: rotate(8deg) !important;
right: -316px;
}
.hero__card {
left: 0;
}
.hero-title{
font-size: 60px;
line-height: 125%;
}
.about__title{
font-size: 100px;
}
.quotes__item{
font-size: 40px;
line-height: 120%;
}
.route-block__title{
font-size: 60px;
line-height: 125%;
}
.route-block__text span{
font-size: 20px;
line-height: 100%;
}
.route-block__text span:nth-child(3),
.route-block__text span:nth-child(2),
.route-block__text span:nth-child(1){
top: 23%;
}
.route-block__inner{
padding: 155px 0 90px;
}
.route-block__num span{
font-size: 80px;
}
.route-block__num span:nth-child(3),
.route-block__num span:nth-child(2),
.route-block__num span:nth-child(1){
top: 8%;
}
.route-block__num span:nth-child(5),
.route-block__num span:nth-child(4) {
top: 42%;
}
.route-block__num span:nth-child(7),
.route-block__num span:nth-child(6){
bottom: 120px;
}
.route-block__num span:nth-child(8) {
bottom: 125px;
right: 125px;
}
.route-block__footer{
margin-top: 50px;
}
.region-stats__right-title{
margin-bottom: 45px;
}
.marquee__set span{
font-size: 150px;
}
.join-btnn__title{
font-size: 50px;
}
.region-stats__city{
font-size: 40px;
}
.hero-betone__inner{
flex-direction: column;
}
.media-card--photo1 {
left: 0;
right: 0;
margin: auto;
}
.media-card--photo2{
top: 375px;
}
.media-card--video {
width: 390px;
height: 600px;
bottom: auto;
top: 428px;
right: 10%;
left: auto;
transform: rotate(11deg);
}
.hero-betone__left {
flex: 0 0 664px;
}
.hero-betone__btn {
margin: 10px auto 0;
width: 100% !important;
}
.hero-betone__label {
font-weight: 400;
font-size: 35px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #000;
margin-bottom: 25px;
width: 100%;
}
.hero-betone{
padding: 390px 0 0;
}
.hero-betone__inner{
margin-bottom: 0;
}
}
@media (max-width: 980px) {
header.r-header .column-right ul a, header.r-header .column-left ul a{
font-size: 15px;
}
.hero:has(.hero__background) .hero__letters .hero__letter{
display: none;
}
.hero__background{
height: 650px;
}
.hero__title {
top: 63px;
left: 0;
font-size: 40px;
right: 0;
text-align: center;
max-width: 380px;
margin: 0 auto;
padding: 0 5px 105px 0;
}
.hero__letters .hero__letter:nth-child(1) {
left: -287px;
top: 80px;
max-width: 680px;
}
.hero__letters .hero__letter:nth-child(2) {
max-width: 760px;
}
.hero__letters .hero__letter:nth-child(3) {
top: 250px;
max-width: 710px;
transform: rotate(8deg) !important;
right: -290px;
}
.hero__card{
width: 275px;
padding: 30px;
}
.hero__card__lines {
margin: 10px 0;
}
.hero__card__total {
font-weight: 700;
font-size: 40px;
line-height: 100%;
margin: 0px 0 10px;
}
.hero__card__text {
font-size: 14px;
}
.hero__letters {
padding-top: 650px;
}
.pill {
position: relative;
overflow: hidden;
display: inline-block;
height: 49px;
background: #D9D9D9;
width: 135px;
border-radius: 30px;
}
.hero-title {
font-size: 37px;
line-height: 120%;
}
.map__heading .franchise-btn {
flex: 0 0 275px;
}
.about__title{
font-size: 80px;
}
.about-card:nth-child(13),
.about-card:nth-child(12),
.about-card:nth-child(11),
.about-card:nth-child(10),
.about-card:nth-child(9),
.about-card:nth-child(8),
.about-card:nth-child(6){display: none}
.about-card:nth-child(5){
z-index: 2;
}
.franchise-btn{
width: 275px;
padding-left: 30px;
}
.map__title {
font-size: 23px;
line-height: 110%;
}
.quotes__item:last-child {
margin: 0 0 0 auto;
text-align: right;
}
.shears__title {
font-size: 60px;
width: 100%;
text-align: center;
}
.quotes{
gap: 100px;
}
.shears__animate{
background-size: contain;
}
.shears__animate img {
margin-top: 150px;
}
.route-block__text span:nth-child(3), .route-block__text span:nth-child(2), .route-block__text span:nth-child(1) {
top: 28%;
}
.route-block__text span {
font-size: 18px;
line-height: 100%;
}
.route-block__text span:nth-child(1) {
max-width: 150px;
}
.region-stats__title{
font-size: 60px;
}
.region-stats__value span.js-num {
font-size: 32px;
}
.region-stats__unit{
font-size: 13px;
}
.region-stats__city {
font-size: 32px;
}
.payback-calculator__title{
font-size: 60px;
}
.join-btnn__letters {
height: 610px;
}
}
@media (max-width: 768px) {
.join-btnn__inner {
min-height: 640px;
padding: 28px 16px 16px;
}
.join-btnn__title {
font-size: 34px;
}
.join-btnn__footer {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.join-btnn__social {
flex-wrap: wrap;
}
}
@media (max-width: 650px) {
:root {
--space-container: 19px;
}
.hero__letters {
padding-top: 375px;
}
.hero__title{
display: none;
}
.hero__background {
height: 375px;
object-position: left;
}
.partner img{
filter: grayscale(0%);
}
.route-block__footer {
margin-top: 50px;
flex-direction: column;
gap: 15px;
}
.pill {
height: 27px;
width: 69px;
}
.hero__letters .hero__letter:nth-child(1) {
left: -145px;
top: 50px;
max-width: 335px;
}
.hero__letters .hero__letter:nth-child(2) {
max-width: 390px;
}
.hero-title {
font-size: 25px;
line-height: 120%;
}
.hero__content .title-line:last-child .pill{
display: block;
}
.hero__content .title-line:nth-child(2) .pill{
display: none;
}
.hero__letters .hero__letter:nth-child(3){
top: 127px;
max-width: 260px;
right: -90px;
}
.hero__letters{
padding-top: 320px;
}
.hero__card{
top: 134px;
width: 217px;
right: 30px;
}
.hero__card__logo img {
height: 21px;
max-width: 100%;
object-fit: contain;
display: block;
}
.hero__card__lines img {
display: block;
height: 60px;
}
.hero__card__total{
font-weight: 700;
font-size: 27px;
}
.hero__card__text {
font-size: 13px;
}
.hero__letters {
padding-top: 375px;
}
.title-line{
flex-wrap: wrap;
gap: 0 10px;
}
.map__heading .franchise-btn {
flex: 0 0 auto;
}
.map__heading {
margin-bottom: 23px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
gap: 15px;
}
.map__img {
width: 100%;
display: block;
transform-origin: 50% 50%;
height: 341px;
object-fit: cover;
}
.map__heading .franchise-btn {
flex: 0 0 auto;
width: 100%;
}
.about__title {
font-size: 58px;
}
.about-card:nth-child(3) img{
max-width: 344px;
}
.about__gallery{
height: 1164px;
}
.about-card:nth-child(7) img{
max-width: 340px;
}
.about-card:nth-child(1) img{
max-width: 290px;
}
.quotes__item{
font-size: 25px;
}
.shears__title{
font-size: 40px;
}
.shears{
gap: 10px;
}
.shears__animate {
background-size: 273px;
}
.shears__animate img {
margin-top: 37px;
}
.route-block__title {
font-size: 30px;
line-height: 125%;
}
.map-pin{
width: 35px;
height: 35px;
background-size: 21px;
}
.region-stats__title {
font-size: 30px;
margin-bottom: 18px;
}
.region-stats__grid {
flex-direction: column;
gap: 50px;
margin-top: 0;
}
.region-stats__item {
flex: 0 0 100%;
}
.region-stats__col:last-child{
padding-left: 0;
}
.region-stats__divider {
transform: rotate(0);
position: static;
font-size: 20px;
}
.region-stats__card{
padding: 60px 30px;
}
.region-stats__kicker{
font-size: 25px;
}
.region-stats__city {
font-size: 25px;
}
.region-stats__right {
margin: 0 -15px;
padding: 40px 20px;
}
.region-stats__right-grid {
display: flex;
flex-direction: column;
gap: 18px 18px;
}
button.region-stats__tab {
white-space: nowrap;
font-size: 14px;
}
.region-stats__tabs-container{
overflow-x: auto;
}
.region-stats__right-title {
margin-bottom: 20px;
font-size: 20px;
}
.payback-calculator__title {
font-size: 30px;
top: 130px;
}
.payback-calculator__panel{
width: 100%;
}
.payback-calculator__form{
padding: 60px 38px;
height: 600px;
}
.payback-calculator__label{
font-size: 20px;
margin-bottom: 20px;
}
.payback-calculator__options label {
width: 90px;
height: 47px;
font-size: 18px;
text-wrap-mode: nowrap;
padding: 0 10px;
}
.js-calc-form.is-visible {
right: 38px;
left: 38px;
}
fieldset.payback-calculator__group{
margin-bottom: 47px;
}
.payback-calculator__field{
width: 100%;
}
.marquee__set span {
font-size: 80px;
}
.partner img{
height: 48px;
}
.marquee{
--gap: 30px;
}
.media-card--photo1 {
width: 306px;
height: 403px;
left: 8%;
}
.media-card--photo2 {
width: 316px;
height: 375px;
left: 0;
top: 250px;
}
.media-card--video {
width: 311px;
height: 457px;
top: 428px;
right: -6%;
}
.hero-betone__left {
flex: 0 0 530px;
}
.hero-betone__right{
padding: 0 var(--space-container);
}
.hero-betone__label{
font-size: 18px;
}
.join-btnn__letters {
height: 300px;
}
.join-btnn__bottom{
display: none;
}
.route-block__num,
.route-block__text,
.js-route-svg {
display: none;
}
.route-scanline{
position: fixed;
left: 0;
top: 50vh; /* центр экрана */
width: 100vw;
height: 1px;
pointer-events: none;
opacity: 0; /* невидимая */
z-index: 9999;
}
/* флаг возле точки */
.route-flag {
position: absolute;
left: -42px;
top: 14%;
transform: translateY(-50%);
width: 90px;
height: 98px;
pointer-events: none;
opacity: 0;
}
.route-step.is-active .route-flag {
opacity: 1;
}
/* звёздочки — поверх точки */
.route-burst {
position: absolute;
left: 10px; /* чуть левее, чтобы центр был на dot */
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
overflow: visible;
pointer-events: none;
}
.route-mobile {
position: relative;
display: flex;
gap: 0;
}
/* КОЛОНКА С ЛИНИЕЙ */
.route-mobile__line {
position: relative;
width: 20px;
flex-shrink: 0;
overflow: hidden;
}
/* СЕРАЯ ЛИНИЯ */
.route-mobile__line-bg {
position: absolute;
left: 50%;
top: 50px;
width: 2px;
height: 100%;
background: #d9d9d9;
transform: translateX(-50%);
border-radius: 2px;
}
/* ОРАНЖЕВЫЙ ПРОГРЕСС */
.route-mobile__line-progress {
position: absolute;
left: 50%;
top: 50px;
width: 2px;
height: 0;
background: #D9DFA3;
transform: translateX(-50%);
border-radius: 2px;
will-change: height;
}
.route-block__mobile-text {
display: flex;
flex-direction: column;
gap: 56px; /* расстояние между шагами */
padding-bottom: 80px;
}
.route-step {
position: relative;
padding-left: 32px;
min-height: 40px;
}
.route-num {
display: inline-block;
margin-bottom: 15px;
opacity: 0;
font-weight: 700;
font-size: 50px;
line-height: 100%;
color: #f0f0f0;
}
.route-text {
color: #000;
opacity: 0;
font-weight: 400;
font-size: 20px;
line-height: 100%;
}
.route-block__inner{
padding: 20px 0 0;
}
.route-burst {
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
pointer-events: none;
z-index: 4;
}
.route-step { position: relative; padding-left: 32px; }
.route-dot{
position:absolute;
left:-16px;
top:50%;
transform:translateY(-50%);
width:12px;
height:12px;
border-radius:50%;
background:#000;
transition: all .6s ease;
}
.route-step.is-done .route-dot,
.route-step.is-active .route-dot{
background:#D9DFA3;
}
.route-step.is-active .route-dot{
transform: translateY(-50%) scale(1.3);
}
.route-num, .route-text { opacity: 0; transition: all .6s ease}
.route-step.is-active .route-num,
.route-step.is-active .route-text,
.route-step.is-done .route-num,
.route-step.is-done .route-text { opacity: 1; }
html{
width: 100%;
overflow-x: hidden;
}
.region-stats__tabs{
max-width: none;
width: max-content;
}
}
@media (max-width: 560px) {
.region-stats__grid {
grid-template-columns: 1fr;
}
.region-stats__city {
font-size: 34px;
}
.payback-calculator__group input#rent::placeholder{
font-size: 15px;
}
}
@media (max-width: 480px) {
.join-btnn__pill {
width: 100%;
justify-content: center;
}
}
@media (min-width: 651px) {
.route-mobile{
display: none;
}
}
@keyframes pinPulse{
0% { transform: scale(0.7); opacity: 0; }
20% { opacity: 0.9; }
100% { transform: scale(1.35); opacity: 0; }
}
/* End */
/* /local/templates/.default/dist/lib/fancybox/fancybox.css?178099668032710 */
/* /local/templates/.default/dist/css/page/franchise/style.css?178099776146119 */