/* Start:/local/templates/site/assets/vendor/fancybox/fancybox.css?179134874825274*/
: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 *:empty{display:block}.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__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/site/assets/home/home.css?179136013735669*/
@font-face {
font-family:Golos;
src:url('/local/templates/site/assets/home/assets/golos-400.ttf') format('truetype');
font-weight:400;
font-display:swap;
}
@font-face {
font-family:Golos;
src:url('/local/templates/site/assets/home/assets/golos-500.ttf') format('truetype');
font-weight:500;
font-display:swap;
}
@font-face {
font-family:Golos;
src:url('/local/templates/site/assets/home/assets/golos-600.ttf') format('truetype');
font-weight:600;
font-display:swap;
}
:root {
--brand:#ff4848;
--ink:#333;
--muted:#666;
--paper:#fffdfd;
--line:#dedada;
--surface:#f3f1f1;
}
* {
box-sizing:border-box;
}
html {
scroll-behavior:smooth;
scroll-padding-top:30px;
}
body {
margin:0;
background:var(--paper);
color:var(--ink);
font-family:Golos,Arial,sans-serif;
font-size:16px;
line-height:1.45;
}
a {
color:inherit;
text-decoration:none;
}
button {
font:inherit;
cursor:pointer;
}
button,a,summary {
-webkit-tap-highlight-color:transparent;
}
a:focus-visible,button:focus-visible,summary:focus-visible {
outline:3px solid var(--brand);
outline-offset:6px;
}
a,button {
touch-action:manipulation;
}
h1,h2,h3,p,figure {
margin:0;
}
h1,h2,h3 {
font-weight:500;
}
img {
display:block;
max-width:100%;
}
.wrap {
max-width:1440px;
padding-inline:64px;
margin-inline:auto;
}
.red {
color:var(--brand);
}
.header {
height:116px;
display:flex;
align-items:center;
gap:48px;
}
.logo {
flex:none;
}
.logo img {
width:92px;
height:74px;
}
.desktop-nav {
display:flex;
gap:30px;
margin-left:auto;
}
.desktop-nav a {
font-size:15px;
padding-block:12px;
}
.desktop-nav a:hover,.text-link:hover,.footer a:hover {
color:#c92929;
}
.header-contact {
display:flex;
align-items:center;
gap:32px;
margin-left:40px;
border-bottom:1px solid var(--ink);
padding:12px 0;
font-size:15px;
}
.header-contact span {
font-size:25px;
line-height:1;
}
.header-contact:hover {
border-color:var(--brand);
color:#c92929;
}
.mobile-menu {
display:none;
}
.hero {
padding-top:52px;
}
.hero-intro {
display:flex;
justify-content:space-between;
gap:20px;
font-size:17px;
}
.intro-note {
color:var(--muted);
font-size:14px;
align-self:center;
}
.hero h1 {
font-size:clamp(56px,6.7vw,96px);
line-height:1.04;
letter-spacing:-.04em;
margin-top:36px;
max-width:1100px;
}
.hero-bottom {
display:flex;
justify-content:space-between;
align-items:center;
gap:48px;
margin-top:42px;
}
.hero-description {
font-size:20px;
line-height:1.5;
}
.primary {
display:flex;
align-items:center;
justify-content:space-between;
gap:38px;
padding:22px 28px;
border-radius:8px;
background:var(--brand);
color:#222;
font-weight:500;
min-width:248px;
transition:background .18s,transform .18s;
}
.primary span {
font-size:25px;
line-height:1;
}
.primary:hover {
background:#ff6464;
transform:translateY(-2px);
}
.competencies {
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:62px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
.competencies>a {
padding:25px 30px 28px 0;
position:relative;
}
.competencies>a+a {
padding-left:30px;
border-left:1px solid var(--line);
}
.competencies>a>span {
display:flex;
justify-content:space-between;
align-items:center;
font-size:23px;
font-weight:500;
}
.competencies small {
display:block;
font-size:14px;
color:var(--muted);
margin-top:8px;
}
.arrow {
font-size:23px;
transition:transform .18s;
}
.competencies a:hover .arrow {
transform:translate(3px,-3px);
color:#c92929;
}
.section {
padding-top:112px;
padding-bottom:112px;
}
.section-heading {
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:36px;
}
.section-heading h2,.products h2 {
font-size:52px;
letter-spacing:-.035em;
line-height:1.1;
}
.text-link {
display:inline-flex;
align-items:center;
gap:36px;
border-bottom:1px solid;
padding-bottom:9px;
font-size:16px;
}
.filters {
display:flex;
gap:9px;
flex-wrap:wrap;
margin-top:38px;
margin-bottom:28px;
}
.filters button {
padding:11px 20px;
border:1px solid var(--line);
border-radius:40px;
background:transparent;
color:var(--ink);
font-size:14px;
min-height:44px;
transition:background .15s;
}
.filters button[aria-pressed=true] {
background:var(--ink);
color:white;
border-color:var(--ink);
}
.filters button:hover:not([aria-pressed=true]) {
background:var(--surface);
}
.case-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px 24px;
}
.case[hidden] {
display:none;
}
.case-wide {
grid-column:1/-1;
}
.case-visual {
height:355px;
border-radius:10px;
position:relative;
overflow:hidden;
transition:transform .25s;
}
.case-link:hover .case-visual {
transform:translateY(-4px);
}
.siemens {
background:#eeeeec;
padding:32px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.case-brand {
font-size:26px;
font-weight:600;
letter-spacing:-.02em;
}
.result {
display:flex;
align-items:center;
gap:28px;
}
.result strong {
font-size:112px;
font-weight:500;
letter-spacing:-.04em;
line-height:1.1;
}
.result span {
font-size:18px;
color:var(--muted);
}
.open-case {
position:absolute;
right:22px;
top:22px;
display:grid;
place-items:center;
border:1px solid #3333;
border-radius:50%;
width:42px;
height:42px;
font-size:24px;
background:#fffdfd;
}
.case-caption {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
padding-top:21px;
}
.case-caption h3 {
font-size:23px;
line-height:1.2;
}
.case-caption p {
margin-top:7px;
color:var(--muted);
font-size:14px;
}
.tag {
font-size:12px;
border:1px solid #ccc;
padding:6px 12px;
border-radius:30px;
white-space:nowrap;
}
.simparica {
background:#e5efed;
padding:30px;
}
.project-name {
display:block;
font-weight:500;
font-size:21px;
}
.browser-frame {
background:white;
border-radius:7px 7px 0 0;
overflow:hidden;
border:1px solid #3332;
}
.simparica .browser-frame {
margin-top:35px;
width:100%;
}
.browser-top {
display:flex;
align-items:center;
gap:4px;
height:28px;
background:#f6f6f6;
padding-inline:10px;
border-bottom:1px solid #eee;
}
.browser-top i {
width:5px;
height:5px;
background:#ccc;
border-radius:50%;
}
.browser-top span {
font-size:9px;
color:var(--muted);
margin-inline:auto;
padding-right:23px;
}
.browser-frame img {
width:100%;
height:auto;
}
.ruflex {
background:#eceff3;
display:flex;
align-items:center;
justify-content:space-between;
height:400px;
padding:40px;
}
.ruflex-copy {
align-self:flex-start;
}
.ruflex-copy p {
font-size:36px;
line-height:1.15;
letter-spacing:-.03em;
margin-top:46px;
margin-bottom:35px;
}
.ruflex-screen {
width:48%;
transform:translateY(76px);
height:480px;
flex-shrink:0;
}
.expertise {
background:var(--ink);
color:var(--paper);
}
.expertise-inner {
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
padding-block:90px;
}
.expertise h2 {
font-size:49px;
letter-spacing:-.03em;
line-height:1.12;
}
.expertise h2 span {
color:var(--brand);
}
.expertise-title p {
font-size:17px;
color:#c9c6c6;
line-height:1.55;
margin-top:32px;
margin-bottom:44px;
}
.service-list article {
padding-bottom:36px;
scroll-margin-top:35px;
}
.service-list article+article {
border-top:1px solid #ffffff30;
padding-top:35px;
}
.service-list article:last-child {
padding-bottom:0;
}
.service-list h3 {
font-size:30px;
display:flex;
justify-content:space-between;
align-items:center;
}
.service-list h3 span {
color:var(--brand);
font-size:30px;
}
.service-list p {
font-size:16px;
color:#c9c6c6;
margin-top:15px;
max-width:450px;
}
.service-links {
display:flex;
flex-wrap:wrap;
gap:9px 20px;
margin-top:20px;
}
.service-links a {
font-size:13px;
border-bottom:1px solid #ffffff70;
padding-block:3px;
}
.service-list a:hover {
color:#ff9696;
}
.products {
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}
.product-copy>p {
font-size:17px;
color:var(--muted);
max-width:390px;
margin-top:27px;
margin-bottom:28px;
}
.product-row {
border-top:1px solid var(--line);
display:flex;
justify-content:space-between;
gap:20px;
padding-block:19px;
font-size:19px;
}
.product-row small {
display:block;
font-size:13px;
color:var(--muted);
margin-top:7px;
}
.product-row:hover {
color:#c92929;
}
.product-all {
margin-top:22px;
}
.product-image {
background:var(--surface);
padding:35px 0 28px 35px;
overflow:hidden;
border-radius:10px;
}
.product-image img {
max-width:none;
width:660px;
border:1px solid #ddd;
border-radius:4px;
}
.product-image figcaption {
font-size:13px;
color:var(--muted);
margin-top:22px;
}
.contact {
padding-top:60px;
padding-bottom:55px;
border-top:1px solid var(--line);
}
.contact>p {
font-size:18px;
}
.contact-heading {
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
margin-top:28px;
}
.contact h2 {
font-size:84px;
line-height:1.06;
letter-spacing:-.04em;
}
.contact-action {
width:114px;
height:114px;
border-radius:50%;
background:var(--brand);
font-size:64px;
display:grid;
place-items:center;
transition:transform .2s;
}
.contact-action:hover {
transform:rotate(6deg);
background:#ff6464;
}
.contact-bottom {
display:flex;
align-items:center;
gap:48px;
margin-top:48px;
}
.contact-bottom>a:not(.text-link) {
font-size:23px;
}
.contact-bottom>.text-link {
margin-left:auto;
}
.footer {
border-top:1px solid var(--line);
display:flex;
align-items:center;
gap:35px;
padding-block:27px;
color:var(--muted);
font-size:12px;
}
.preview-note {
margin-left:auto;
}
.skip {
position:fixed;
top:-100px;
left:20px;
background:white;
padding:15px;
z-index:10;
}
.skip:focus {
top:10px;
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
@media(min-width:1600px) {
.wrap {
max-width:1500px;
}
}
@media(max-width:1100px) {
.wrap {
padding-inline:36px;
}
.header {
gap:28px;
}
.desktop-nav {
gap:20px;
}
.header-contact {
margin-left:10px;
gap:15px;
}
.hero h1 {
font-size:76px;
}
.hero-description {
font-size:18px;
}
.competencies>a>span {
font-size:21px;
}
.competencies small {
font-size:12px;
}
.section-heading h2,.products h2 {
font-size:46px;
}
.expertise-inner,.products {
gap:40px;
}
.expertise h2 {
font-size:43px;
}
.case-visual {
height:300px;
}
.result strong {
font-size:94px;
}
.ruflex {
height:360px;
}
.ruflex-copy p {
font-size:30px;
}
.contact h2 {
font-size:72px;
}
.contact-bottom {
gap:24px;
}
.contact-bottom>a:not(.text-link) {
font-size:20px;
}
}
@media(max-width:800px) {
.wrap {
padding-inline:24px;
}
.header {
height:96px;
gap:20px;
}
.logo img {
width:82px;
height:66px;
}
.desktop-nav {
display:none;
}
.header-contact {
margin-left:auto;
font-size:13px;
}
.mobile-menu {
display:block;
margin-left:12px;
}
.mobile-menu summary {
cursor:pointer;
list-style:none;
padding:12px 0;
font-size:13px;
display:flex;
gap:10px;
align-items:center;
}
.mobile-menu summary::-webkit-details-marker {
display:none;
}
.mobile-menu summary span {
font-size:24px;
}
.mobile-menu[open] summary span {
transform:rotate(45deg);
}
.mobile-menu nav {
position:absolute;
left:24px;
right:24px;
top:94px;
z-index:5;
display:grid;
background:var(--paper);
border:1px solid var(--line);
padding:15px 24px;
box-shadow:0 15px 30px #3331;
}
.mobile-menu nav a {
padding:13px 0;
}
.hero {
padding-top:40px;
}
.hero-intro {
font-size:14px;
}
.intro-note {
display:none;
}
.hero h1 {
font-size:clamp(45px,9.4vw,70px);
margin-top:30px;
}
.hero-bottom {
margin-top:30px;
gap:24px;
align-items:flex-start;
}
.hero-description {
font-size:17px;
}
.desktop-break {
display:none;
}
.primary {
min-width:210px;
padding:19px 22px;
font-size:14px;
gap:20px;
}
.competencies {
margin-top:42px;
}
.competencies>a {
padding-right:16px;
}
.competencies>a+a {
padding-left:16px;
}
.competencies>a>span {
font-size:17px;
}
.competencies small {
font-size:12px;
line-height:1.4;
max-width:170px;
}
.section {
padding-block:76px;
}
.section-heading h2,.products h2 {
font-size:39px;
}
.case-grid {
gap:32px 20px;
}
.case-visual {
height:270px;
}
.siemens,.simparica {
padding:24px;
}
.result {
gap:16px;
}
.result strong {
font-size:74px;
}
.result span {
font-size:13px;
}
.case-brand {
font-size:21px;
}
.case-caption h3 {
font-size:20px;
}
.case-caption p {
font-size:13px;
}
.tag {
font-size:10px;
padding:5px 9px;
}
.project-name {
font-size:18px;
}
.open-case {
width:34px;
height:34px;
font-size:21px;
right:17px;
top:17px;
}
.ruflex {
height:330px;
padding:28px;
}
.ruflex-copy p {
font-size:27px;
}
.ruflex-screen {
width:45%;
transform:translateY(86px);
}
.expertise-inner {
padding-block:65px;
grid-template-columns:1fr;
gap:50px;
}
.expertise h2 {
font-size:42px;
}
.expertise-title p {
margin-top:22px;
margin-bottom:25px;
}
.service-list h3 {
font-size:28px;
}
.products {
grid-template-columns:1fr;
gap:40px;
}
.product-copy>p {
max-width:480px;
}
.product-image {
padding:28px;
}
.product-image img {
width:100%;
}
.contact h2 {
font-size:62px;
}
.contact-action {
width:90px;
height:90px;
font-size:50px;
}
.contact-bottom {
flex-wrap:wrap;
gap:24px 38px;
}
.contact-bottom>.text-link {
margin-left:0;
}
.footer {
flex-wrap:wrap;
gap:14px 30px;
}
.preview-note {
margin-left:0;
}
}
@media(max-width:540px) {
.wrap {
padding-inline:20px;
}
.header {
height:90px;
}
.header-contact {
font-size:12px;
gap:14px;
}
.header-contact span {
font-size:20px;
}
.mobile-menu {
margin-left:4px;
}
.mobile-menu summary {
font-size:0;
gap:0;
width:24px;
}
.mobile-menu summary span {
font-size:29px;
}
.hero {
padding-top:34px;
}
.hero-intro {
font-size:13px;
}
.hero h1 {
font-size:clamp(42px,10.2vw,55px);
margin-top:26px;
line-height:1.07;
}
.hero-bottom {
flex-direction:column;
gap:26px;
}
.hero-description {
font-size:16px;
line-height:1.5;
max-width:370px;
}
.primary {
min-width:224px;
font-size:14px;
padding:19px 22px;
}
.competencies {
grid-template-columns:1fr;
margin-top:36px;
border-bottom:0;
}
.competencies>a,.competencies>a+a {
padding:18px 0;
border-left:0;
border-bottom:1px solid var(--line);
}
.competencies>a>span {
font-size:20px;
}
.competencies small {
max-width:none;
font-size:13px;
margin-top:4px;
}
.section {
padding-block:64px;
}
.section-heading {
align-items:flex-end;
gap:15px;
}
.section-heading h2,.products h2 {
font-size:34px;
}
.section-heading .text-link {
font-size:12px;
gap:12px;
white-space:nowrap;
}
.filters {
margin-top:28px;
margin-bottom:23px;
gap:7px;
}
.filters button {
font-size:12px;
padding:11px 14px;
}
.case-grid {
grid-template-columns:minmax(0,1fr);
gap:29px;
}
.case-wide {
grid-column:auto;
}
.case-visual {
height:290px;
}
.siemens {
padding:25px;
}
.result strong {
font-size:95px;
}
.result span {
font-size:16px;
}
.case-caption {
padding-top:17px;
}
.case-caption p {
max-width:260px;
}
.simparica {
padding:24px;
}
.simparica .browser-frame {
margin-top:40px;
width:115%;
}
.ruflex {
height:390px;
align-items:flex-start;
padding:25px;
}
.ruflex-copy p {
font-size:26px;
margin-top:23px;
line-height:1.2;
}
.ruflex-copy>.tag {
display:none;
}
.ruflex-screen {
position:absolute;
top:198px;
left:25px;
right:25px;
transform:none;
width:calc(100% - 50px);
height:400px;
}
.expertise-inner {
padding-block:58px;
gap:36px;
}
.expertise h2 {
font-size:36px;
}
.expertise-title p {
font-size:15px;
}
.service-list p {
font-size:15px;
}
.service-links {
gap:9px 18px;
}
.service-links a {
font-size:12px;
}
.product-copy>p {
font-size:16px;
}
.product-row {
font-size:17px;
}
.product-image {
padding:18px;
}
.product-image figcaption {
font-size:11px;
}
.contact {
padding-top:40px;
padding-bottom:35px;
}
.contact>p {
font-size:16px;
}
.contact h2 {
font-size:clamp(36px,10vw,54px);
}
.contact-heading {
gap:15px;
}
.contact-action {
width:66px;
height:66px;
flex:none;
font-size:40px;
}
.contact-bottom {
margin-top:33px;
flex-direction:column;
align-items:flex-start;
gap:19px;
}
.contact-bottom>a:not(.text-link) {
font-size:21px;
}
.contact-bottom>.text-link {
font-size:14px;
margin-top:5px;
}
.footer {
font-size:11px;
padding-block:24px;
gap:13px 25px;
}
.preview-note {
width:100%;
}
}
@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto;
}
*,*::before,*::after {
transition:none!important;
}
}
@media(max-width:360px) {
.result {
gap:12px;
}
.result strong {
font-size:76px;
}
.result span {
font-size:14px;
}
.section-heading h2 {
font-size:30px;
}
.header {
gap:13px;
}
.header-contact {
gap:8px;
}
}
/* Trust and content additions: same agency palette and typographic hierarchy. */
.clients {
padding-top:70px;
padding-bottom:0;
}
.trust-heading {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:40px;
}
.trust-heading h2 {
font-size:28px;
line-height:1.2;
letter-spacing:-.025em;
}
.trust-heading p {
font-size:14px;
color:var(--muted);
line-height:1.5;
}
.client-logos {
list-style:none;
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:0;
margin:35px 0 26px;
padding:0;
border-block:1px solid var(--line);
}
.client-logos li {
min-width:0;
display:flex;
align-items:center;
justify-content:center;
padding:14px 20px;
height:130px;
}
.client-logos li:nth-child(n+7) {
border-top:1px solid var(--line);
}
.client-logos img {
width:100%;
height:100px;
object-fit:contain;
}
.clients>.text-link {
font-size:14px;
}
.ratings {
padding-top:0;
}
.rating-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 30px;
margin-top:43px;
border-top:1px solid var(--line);
}
.rating-item {
display:flex;
gap:26px;
position:relative;
border-bottom:1px solid var(--line);
padding:30px 38px 30px 0;
min-height:175px;
}
.rating-place {
display:flex;
flex-direction:column;
align-items:center;
min-width:70px;
}
.rating-place strong {
font-size:72px;
font-weight:500;
color:var(--brand);
letter-spacing:-.04em;
line-height:1;
}
.rating-place>span {
font-size:13px;
margin-top:5px;
}
.rating-description h3 {
font-size:21px;
line-height:1.3;
}
.rating-description p {
font-size:15px;
color:var(--muted);
margin-top:8px;
}
.rating-year {
display:block;
font-size:13px;
color:var(--muted);
margin-top:20px;
}
.rating-arrow {
position:absolute;
right:4px;
top:30px;
font-size:24px;
transition:transform .18s;
}
.rating-item:hover .rating-arrow {
transform:translate(3px,-3px);
color:#c92929;
}
.rating-note {
font-size:13px;
color:var(--muted);
margin-top:20px;
}
.section-description {
font-size:18px;
line-height:1.55;
color:var(--muted);
margin-top:29px;
}
.industry-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:36px 38px;
margin-top:45px;
}
.industry-grid article {
border-top:1px solid var(--line);
padding-top:23px;
}
.industry-grid h3 {
font-size:23px;
line-height:1.25;
}
.industry-grid p {
font-size:15px;
color:var(--muted);
line-height:1.55;
margin-top:15px;
max-width:340px;
}
.industry-more {
margin-top:38px;
border-block:1px solid var(--line);
}
.industry-more summary {
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
padding-block:21px;
font-size:15px;
gap:20px;
}
.industry-more summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker {
display:none;
}
.industry-more summary span {
font-size:25px;
line-height:1;
}
.industry-more[open] summary span,.faq-list details[open] summary span {
transform:rotate(45deg);
}
.industry-more ul {
list-style:none;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:17px 35px;
font-size:14px;
color:var(--muted);
padding:8px 0 28px;
margin:0;
}
.industry-more li {
break-inside:avoid;
}
.industries-section {
padding-bottom:0;
}
.about-process {
padding-top:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
border-bottom:1px solid var(--line);
}
.about-copy h2,.faq-intro h2,.insights h2 {
font-size:52px;
line-height:1.1;
letter-spacing:-.035em;
}
.about-copy>p {
font-size:18px;
line-height:1.6;
max-width:440px;
margin-top:29px;
margin-bottom:35px;
}
.process>h3 {
font-size:23px;
line-height:1.3;
margin-bottom:25px;
}
.process ol {
list-style:none;
counter-reset:steps;
margin:0;
padding:0;
}
.process li {
counter-increment:steps;
position:relative;
padding-left:56px;
padding-block:23px;
border-top:1px solid var(--line);
}
.process li::before {
content:counter(steps,decimal-leading-zero);
position:absolute;
left:0;
top:27px;
color:var(--muted);
font-size:14px;
}
.process h4 {
font-size:19px;
line-height:1.3;
font-weight:500;
margin:0;
}
.process li p {
font-size:15px;
color:var(--muted);
margin-top:9px;
max-width:390px;
line-height:1.55;
}
.faq-section {
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
padding-bottom:0;
}
.faq-intro>p {
font-size:17px;
line-height:1.5;
max-width:330px;
color:var(--muted);
margin-top:27px;
margin-bottom:29px;
}
.faq-list details {
border-top:1px solid var(--line);
}
.faq-list details:last-child {
border-bottom:1px solid var(--line);
}
.faq-list summary {
list-style:none;
cursor:pointer;
padding-block:24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
font-size:18px;
line-height:1.35;
}
.faq-list summary span {
font-size:25px;
line-height:1;
flex:none;
}
.faq-list p {
font-size:16px;
line-height:1.6;
color:var(--muted);
padding-bottom:25px;
max-width:470px;
}
.faq-list p a {
color:var(--ink);
text-decoration:underline;
text-underline-offset:3px;
}
.faq-list summary:hover,.industry-more summary:hover {
color:#c92929;
}
.insights {
padding-bottom:95px;
}
.insight-list {
margin-top:38px;
border-top:1px solid var(--line);
}
.insight-list>a {
display:grid;
grid-template-columns:140px 1fr 30px;
gap:30px;
align-items:center;
border-bottom:1px solid var(--line);
padding-block:29px;
}
.insight-list>a>span:first-child {
font-size:14px;
color:var(--muted);
}
.insight-list h3 {
font-size:24px;
line-height:1.3;
max-width:850px;
}
.insight-arrow {
font-size:27px;
}
.insight-list>a:hover h3 {
color:#c92929;
}
.contact-address {
font-size:14px;
color:var(--muted);
font-style:normal;
line-height:1.6;
margin-top:35px;
}
.contact-address a {
text-decoration:underline;
text-underline-offset:3px;
}
@media(max-width:1100px) {
.client-logos li {
padding-inline:14px;
}
.rating-description h3 {
font-size:19px;
}
.rating-item {
gap:20px;
}
.industry-grid {
gap:30px;
}
.industry-grid h3 {
font-size:21px;
}
.about-copy h2,.faq-intro h2,.insights h2 {
font-size:46px;
}
.about-process,.faq-section {
gap:40px;
}
.insight-list h3 {
font-size:22px;
}
}
@media(max-width:800px) {
.clients {
padding-top:50px;
}
.trust-heading {
gap:25px;
}
.trust-heading h2 {
font-size:24px;
}
.trust-heading p {
font-size:13px;
}
.client-logos {
grid-template-columns:repeat(4,minmax(0,1fr));
}
.client-logos li {
height:115px;
}
.client-logos li:nth-child(n+5) {
border-top:1px solid var(--line);
}
.client-logos img {
height:90px;
}
.ratings {
padding-top:0;
}
.rating-grid {
gap:0 24px;
}
.rating-item {
gap:13px;
padding-right:26px;
min-height:180px;
}
.rating-place {
min-width:52px;
}
.rating-place strong {
font-size:59px;
}
.rating-description h3 {
font-size:18px;
}
.rating-description p {
font-size:13px;
}
.industry-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:30px;
}
.industry-more ul {
grid-template-columns:repeat(2,minmax(0,1fr));
}
.section-description {
font-size:16px;
}
.about-process {
grid-template-columns:1fr;
padding-top:0;
gap:42px;
}
.about-copy h2,.faq-intro h2,.insights h2 {
font-size:39px;
}
.about-copy>p {
max-width:560px;
font-size:17px;
}
.faq-section {
grid-template-columns:1fr;
gap:35px;
padding-bottom:0;
}
.faq-intro>p {
max-width:450px;
margin-top:20px;
margin-bottom:22px;
}
.faq-list p {
max-width:600px;
}
.insight-list>a {
grid-template-columns:95px 1fr 24px;
gap:20px;
}
.insight-list h3 {
font-size:20px;
}
.insights {
padding-bottom:76px;
}
}
@media(max-width:540px) {
.clients {
padding-top:43px;
}
.trust-heading {
display:block;
}
.trust-heading h2 {
font-size:24px;
max-width:280px;
}
.trust-heading p {
margin-top:15px;
font-size:14px;
}
.trust-heading p br {
display:none;
}
.client-logos {
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:25px;
margin-bottom:22px;
}
.client-logos li {
height:95px;
padding:8px 7px;
}
.client-logos li:nth-child(n+4) {
border-top:1px solid var(--line);
}
.client-logos img {
height:76px;
}
.clients>.text-link {
font-size:13px;
gap:18px;
}
.ratings {
padding-top:0;
}
.rating-grid {
grid-template-columns:minmax(0,1fr);
margin-top:28px;
}
.rating-item {
gap:22px;
padding-block:23px;
min-height:150px;
}
.rating-place {
min-width:60px;
}
.rating-place strong {
font-size:64px;
}
.rating-description h3 {
font-size:19px;
}
.rating-description p {
font-size:14px;
}
.rating-arrow {
top:24px;
font-size:22px;
}
.rating-year {
margin-top:14px;
}
.rating-note {
font-size:12px;
line-height:1.6;
}
.industry-grid {
grid-template-columns:minmax(0,1fr);
gap:24px;
margin-top:32px;
}
.industry-grid article {
padding-top:20px;
}
.industry-grid h3 {
font-size:22px;
}
.industry-grid p {
margin-top:10px;
max-width:370px;
font-size:15px;
}
.section-description {
margin-top:24px;
font-size:16px;
}
.section-description br {
display:none;
}
.industry-more {
margin-top:30px;
}
.industry-more summary {
font-size:14px;
padding-block:19px;
}
.industry-more ul {
grid-template-columns:1fr;
gap:15px;
font-size:14px;
}
.industries-section {
padding-bottom:0;
}
.about-process {
padding-top:0;
gap:35px;
}
.about-copy h2,.faq-intro h2,.insights h2 {
font-size:34px;
}
.about-copy>p {
font-size:16px;
margin-top:24px;
margin-bottom:25px;
}
.process>h3 {
font-size:23px;
margin-bottom:22px;
}
.process li {
padding-left:43px;
padding-block:20px;
}
.process li::before {
top:24px;
}
.process h4 {
font-size:19px;
}
.process li p {
font-size:15px;
}
.faq-section {
padding-bottom:0;
gap:30px;
}
.faq-list summary {
font-size:17px;
padding-block:22px;
gap:20px;
}
.faq-list p {
font-size:15px;
}
.insights {
padding-bottom:64px;
}
.insight-list>a {
grid-template-columns:1fr 24px;
gap:13px 20px;
padding-block:24px;
}
.insight-list>a>span:first-child {
grid-column:1/-1;
font-size:12px;
}
.insight-list h3 {
font-size:21px;
}
.contact-address {
font-size:12px;
margin-top:30px;
}
}
@media(max-width:540px) {
.industries-section .section-heading,.ratings .section-heading {
flex-direction:column;
align-items:flex-start;
gap:24px;
}
}
/* Битрикс: CTA и существующие формы без глобальных стилей старого сайта. */
.header-contact {
border:0;
border-bottom:1px solid var(--ink);
background:transparent;
color:var(--ink);
}
.contact-action {
border:0;
color:var(--ink);
}
body.wb-home .modal-form {
--fancybox-content-width:560px;
--fancybox-content-bg:var(--paper);
--fancybox-content-color:var(--ink);
}
body.wb-home .modal-form .fancybox__content {
width:min(560px,calc(100vw - 32px));
padding:36px;
border-radius:10px;
font-family:Golos,Arial,sans-serif;
}
body.wb-home .modal-form .form-title {
font-size:28px;
font-weight:500;
line-height:1.2;
margin-bottom:14px;
}
body.wb-home .modal-form .form-desc {
color:var(--muted);
font-size:14px;
margin-bottom:24px;
}
body.wb-home .modal-form .form-desc p {
margin-bottom:12px;
}
body.wb-home .modal-form .form-control {
margin-top:18px;
}
body.wb-home .modal-form .form-control label {
display:block;
font-size:14px;
margin-bottom:7px;
}
body.wb-home .modal-form input[type=text],body.wb-home .modal-form input[type=email],body.wb-home .modal-form input[type=tel],body.wb-home .modal-form textarea {
display:block;
width:100%;
padding:13px 15px;
border:1px solid var(--line);
border-radius:6px;
background:white;
color:var(--ink);
font:16px/1.4 Golos,Arial,sans-serif;
}
body.wb-home .modal-form textarea {
min-height:100px;
resize:vertical;
}
body.wb-home .modal-form input:focus-visible,body.wb-home .modal-form textarea:focus-visible {
outline:2px solid var(--brand);
outline-offset:2px;
}
body.wb-home .modal-form .form-footer {
margin-top:24px;
}
body.wb-home .modal-form .licence_block {
display:flex;
align-items:flex-start;
gap:10px;
margin-bottom:20px;
font-size:13px;
color:var(--muted);
}
body.wb-home .modal-form input[type=checkbox] {
accent-color:var(--brand);
margin:5px 0 0;
flex:none;
}
body.wb-home .modal-form .licence_block a {
text-decoration:underline;
text-underline-offset:3px;
}
body.wb-home .modal-form .btn,body.wb-home .popup-cookie .btn {
border:0;
background:var(--brand);
color:#222;
border-radius:8px;
padding:14px 22px;
font:500 16px/1.4 Golos,Arial,sans-serif;
cursor:pointer;
min-height:44px;
}
body.wb-home .modal-form .btn:disabled {
opacity:.5;
cursor:default;
}
body.wb-home .modal-form .form-error {
color:#a92323;
font-size:14px;
margin-block:14px;
}
body.wb-home .modal-form .error {
border-color:#a92323!important;
}
body.wb-home .popup-cookie {
position:fixed;
right:20px;
bottom:20px;
z-index:100;
width:min(610px,calc(100vw - 40px));
min-width:0;
display:flex;
gap:25px;
padding:22px 42px 22px 24px;
background:var(--paper);
border:1px solid var(--line);
border-radius:10px;
box-shadow:0 10px 30px #3331;
color:var(--ink);
}
body.wb-home .popup-cookie p {
font:14px/1.5 Golos,Arial,sans-serif;
margin-bottom:15px;
}
body.wb-home .popup-cookie p a {
text-decoration:underline;
text-underline-offset:3px;
}
body.wb-home .popup-cookie-close {
color:var(--muted);
}
@media(max-width:540px) {
body.wb-home .modal-form .fancybox__content {
padding:28px 22px;
}
body.wb-home .modal-form .form-title {
font-size:25px;
}
body.wb-home .popup-cookie {
right:12px;
left:auto;
bottom:12px;
width:calc(100vw - 24px);
padding:20px 36px 20px 20px;
}
}
/* Старый прелоадер шаблона не перекрывает главную при отключённом JS. */
html.wb-home-document::before {
display:none;
content:none;
}
body.wb-home .modal-form form {
padding:0;
}
body.wb-home .modal-form .form-footer {
padding-top:0;
}
body.wb-home .modal-form .is-close-btn {
color:var(--ink);
background:transparent;
top:10px;
right:10px;
}
/* Текущий раздел: одинаковое состояние в меню компьютера и телефона. */
.header nav a.is-current {
color:#c92929;
text-decoration:underline;
text-decoration-color:var(--brand);
text-decoration-thickness:2px;
text-underline-offset:8px;
}
/* Подтверждение остаётся в том же диалоге и сохраняет его кнопки закрытия. */
body.wb-home .modal-form .fancybox__content.wb-form-sent {
display:block;
width:min(480px,calc(100vw - 32px));
padding:44px 36px 36px;
border-radius:16px;
}
body.wb-home .wb-form-sent .form-success {
display:flex;
flex-direction:column;
align-items:center;
width:100%;
padding:0;
text-align:center;
}
body.wb-home .wb-form-sent .form-success:focus {
outline:none;
}
body.wb-home .wb-form-sent .form-success-mark {
display:grid;
place-items:center;
flex:none;
width:56px;
height:56px;
margin-bottom:24px;
border-radius:50%;
background:var(--brand);
color:#222;
}
body.wb-home .wb-form-sent .form-success-mark::after {
content:"";
width:22px;
height:12px;
margin-top:-5px;
border-left:3px solid currentColor;
border-bottom:3px solid currentColor;
transform:rotate(-45deg);
}
body.wb-home .wb-form-sent .form-success-title {
width:100%;
max-width:380px;
margin:0;
color:var(--ink);
font:500 32px/1.2 Golos,Arial,sans-serif;
letter-spacing:-.02em;
text-wrap:balance;
}
body.wb-home .wb-form-sent .form-success-text {
max-width:280px;
margin:14px 0 0;
color:var(--muted);
font:400 16px/1.5 Golos,Arial,sans-serif;
}
body.wb-home .modal-form .form-success-close {
width:100%;
max-width:280px;
margin-top:28px;
transition:background-color .15s ease-out;
}
body.wb-home .modal-form .form-success-close:hover {
background:#ee3939;
}
body.wb-home .modal-form .form-success-close:active {
background:#e23232;
}
body.wb-home .modal-form .form-success-close:focus-visible {
outline:2px solid var(--ink);
outline-offset:4px;
}
body.wb-home .modal-form .wb-form-sent > .is-close-btn {
width:44px;
height:44px;
top:8px;
right:8px;
}
@media(max-width:540px) {
body.wb-home .modal-form .fancybox__content.wb-form-sent {
padding:40px 24px 28px;
}
body.wb-home .wb-form-sent .form-success-title {
font-size:28px;
}
}
@media(prefers-reduced-motion:reduce) {
body.wb-home .modal-form .form-success-close {
transition:none;
}
}
/* End */
/* Start:/local/templates/site/assets/site/site.css?179134874810835*/
/* Shared chrome: the approved agency world, extended to every modern surface. */
:root { --wb-header-height:104px; }
html.wb-home-document { scroll-padding-top:calc(var(--wb-header-height) + 24px); }
.site-header { position:sticky; top:0; z-index:150; background:var(--paper); border-bottom:1px solid var(--line); }
.site-header .header { height:104px; gap:32px; }
.site-header .logo img { width:80px; height:64px; }
.site-header .desktop-nav { gap:28px; font-size:14px; margin-left:auto; }
.site-header .header-details { display:flex; align-items:center; margin-left:32px; flex-shrink:0; }
.site-header .header-phone { display:inline-flex; align-items:center; min-height:44px; font-size:15px; font-weight:400; line-height:1.4; white-space:nowrap; }
.site-header .header-details a:hover { color:#c92929; }
.site-header .header-contact { font-size:14px; gap:16px; margin-left:12px; flex-shrink:0; }
.site-header .mobile-menu nav { top:calc(100% + 1px); max-height:calc(100dvh - var(--wb-header-height) - 16px); overflow:auto; z-index:1; }
.site-header .mobile-menu nav button { text-align:left; background:transparent; border:0; color:var(--ink); padding:14px 0; font:inherit; }
.skip { z-index:200; }
.site-footer { margin-top:100px; }
.site-footer .footer { margin-top:0; gap:28px; align-items:flex-start; }
.site-footer .footer>span { white-space:nowrap; }
.site-footer .footer nav { display:flex; flex-wrap:wrap; gap:14px 26px; }
.site-footer .footer a:hover { color:#c92929; }
.blog-reading-bar { top:var(--wb-header-height); z-index:130; }
.blog-aside-sticky { top:calc(var(--wb-header-height) + 76px); max-height:calc(100dvh - var(--wb-header-height) - 100px); }
.portfolio-project-aside { top:calc(var(--wb-header-height) + 24px); }
.system-hero { padding-block:48px 60px; }
.system-hero h1 { max-width:1050px; font-size:clamp(44px,5.8vw,76px); line-height:1.05; letter-spacing:-.035em; overflow-wrap:break-word; }
.system-hero p { max-width:680px; font-size:20px; line-height:1.5; color:var(--muted); margin-top:28px; }
.system-reading { max-width:850px; margin-left:auto; margin-right:auto; font-size:17px; line-height:1.75; }
.system-reading h2 { font-size:34px; line-height:1.2; margin:56px 0 24px; letter-spacing:-.025em; }
.system-reading h3 { font-size:24px; line-height:1.3; margin:32px 0 18px; }
.system-reading p { margin:0 0 22px; }
.system-reading ul,.system-reading ol { padding-left:24px; margin:22px 0; }
.system-reading li { margin:10px 0; }
.system-reading a { text-decoration:underline; text-underline-offset:4px; }
.vacancy-list { margin-top:60px; }
.vacancy-list h2,.vacancy-apply h2,.vacancy-context h2 { font-size:52px; line-height:1.12; letter-spacing:-.025em; }
.vacancy-row { display:grid; grid-template-columns:minmax(0,1fr) auto 32px; gap:28px; padding-block:32px; border-bottom:1px solid var(--line); align-items:center; }
.vacancy-row h3 { font-size:28px; line-height:1.25; }
.vacancy-row p { color:var(--muted); font-size:15px; margin-top:12px; }
.vacancy-row>span:last-child { font-size:30px; }
.vacancy-row:hover h3 { color:#c92929; }
.vacancy-empty { padding:40px 0; border-block:1px solid var(--line); margin-top:32px; display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.vacancy-empty h3 { font-size:28px; line-height:1.3; max-width:400px; }
.vacancy-empty p { font-size:18px; color:var(--muted); line-height:1.6; max-width:540px; }
.vacancy-apply,.vacancy-context { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-top:70px; margin-top:70px; border-top:1px solid var(--line); }
.vacancy-apply p,.vacancy-context p { font-size:18px; line-height:1.65; margin:24px 0 28px; color:var(--muted); max-width:540px; }
.vacancy-apply ol { padding-left:22px; font-size:17px; line-height:1.7; }
.vacancy-apply li { margin-bottom:18px; padding-left:10px; }
.vacancy-meta { display:flex; flex-wrap:wrap; gap:18px 32px; color:var(--muted); font-size:16px; padding-block:28px; border-block:1px solid var(--line); margin-bottom:48px; }
.site-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:54px; }
.site-map-group { border-top:1px solid var(--line); padding-top:28px; }
.site-map h2 { font-size:30px; line-height:1.2; margin-bottom:24px; }
.site-map ul { list-style:none; padding:0; }
.site-map li { margin:14px 0; }
.site-map a:hover { color:#c92929; }
.site-map details { margin-top:16px; }
.site-map summary { cursor:pointer; padding-block:10px; }
.site-map details ul { padding-left:20px; color:var(--muted); }
.system-error { padding-block:60px 100px; }
.system-error>p:first-child { font-size:clamp(96px,18vw,220px); letter-spacing:-.04em; line-height:1; color:var(--brand); }
.system-error h1 { font-size:clamp(36px,4vw,56px); letter-spacing:-.025em; margin-top:32px; }
.system-error>p { font-size:18px; line-height:1.6; margin-top:24px; max-width:600px; }
.system-error-links { display:flex; flex-wrap:wrap; gap:24px 36px; margin-top:40px; }
.analytics-register { border-top:1px solid var(--line); }
.analytics-register>a { display:flex; justify-content:space-between; gap:20px; padding-block:28px; border-bottom:1px solid var(--line); font-size:30px; }
.analytics-register>a:hover { color:#c92929; }
.analytics-detail { padding-bottom:30px; }
.analytics-detail h2 { margin:56px 0 26px; font-size:34px; letter-spacing:-.025em; }
.analytics-chart { position:relative; height:420px; }
.analytics-chart canvas { max-width:100%; }
.analytics-table { overflow-x:auto; margin-block:28px; }
.analytics-table table { width:100%; border-collapse:collapse; font-size:15px; }
.analytics-table td,.analytics-table th { padding:18px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }
.analytics-table th { background:var(--surface); font-weight:500; }
.analytics-note { font-size:14px; color:var(--muted); line-height:1.6; }
.business-card { max-width:850px; }
.business-card-profile { display:flex; align-items:center; gap:32px; padding-block:40px; }
.business-card-profile img { width:150px; height:150px; border-radius:16px; object-fit:cover; }
.business-card h1 { font-size:44px; line-height:1.1; }
.business-card-profile p { font-size:18px; color:var(--muted); margin-top:18px; }
.business-card h2 { font-size:28px; margin:40px 0 24px; }
.business-card dl { display:grid; grid-template-columns:180px 1fr; gap:20px; padding-block:28px; border-block:1px solid var(--line); }
.business-card dt { color:var(--muted); }
.business-card dd { margin:0; overflow-wrap:anywhere; }
.business-card-social { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; }
.business-card .primary { margin-top:32px; }
.taplink-editor { max-width:850px; }
.taplink-editor .taplink-form { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.taplink-editor label { display:block; margin-bottom:10px; font-size:14px; }
.taplink-editor input:not([type=file]) { width:100%; min-width:0; border:1px solid #a39c9c; background:var(--paper); padding:15px; border-radius:8px; font:inherit; }
.taplink-editor .result { grid-column:1/-1; }
.taplink-editor input[type=file] { max-width:100%; font:inherit; }
.taplink-editor .label-input-file { display:none; }
.taplink-editor .form-control { min-width:0; }
@media(max-width:1200px) {
.site-header .header { gap:24px; }
.site-header .desktop-nav { gap:20px; font-size:13px; }
.site-header .header-details { margin-left:24px; }
.site-header .header-contact { font-size:13px; gap:10px; margin-left:0; }
}
@media(max-width:1024px) {
.site-header .desktop-nav { display:none; }
.site-header .mobile-menu { display:block; }
.site-header .header-details { margin-left:auto; }
.site-map { grid-template-columns:1fr 1fr; }
}
@media(max-width:800px) {
:root { --wb-header-height:88px; }
.site-header .header { height:88px; }
.site-header .mobile-menu nav { left:24px; right:24px; }
.system-hero { padding-block:32px 44px; }
.system-hero h1 { font-size:54px; }
.system-hero p { font-size:18px; }
.vacancy-list h2,.vacancy-apply h2,.vacancy-context h2 { font-size:38px; }
.vacancy-empty,.vacancy-apply,.vacancy-context { gap:32px; }
.blog-aside-sticky { position:static; max-height:none; }
}
@media(max-width:540px) {
:root { --wb-header-height:82px; }
.site-header .header { height:82px; gap:20px; }
.site-header .logo img { width:68px; height:55px; }
.site-header .header-contact { display:none; }
.site-header .header-phone { font-size:13px; }
.site-header .mobile-menu summary { font-size:13px; gap:7px; padding-block:14px; }
.site-header .mobile-menu nav { left:20px; right:20px; }
.site-footer { margin-top:64px; }
.site-footer .footer { display:block; }
.site-footer .footer nav { margin-top:22px; gap:18px 24px; }
.system-hero h1 { font-size:42px; }
.system-reading { font-size:16px; line-height:1.7; }
.system-reading h2 { font-size:28px; }
.system-reading h3 { font-size:22px; }
.vacancy-empty,.vacancy-apply,.vacancy-context,.site-map { grid-template-columns:1fr; }
.vacancy-list h2,.vacancy-apply h2,.vacancy-context h2 { font-size:34px; }
.vacancy-list { margin-top:44px; }
.vacancy-empty { gap:20px; padding-block:28px; }
.vacancy-empty h3 { font-size:24px; }
.vacancy-empty p,.vacancy-apply p,.vacancy-context p { font-size:16px; }
.vacancy-apply,.vacancy-context { padding-top:40px; margin-top:40px; }
.vacancy-row { grid-template-columns:1fr 24px; gap:18px; }
.vacancy-row h3 { font-size:23px; }
.vacancy-row .vacancy-pay { grid-column:1; grid-row:2; font-size:16px; }
.vacancy-row>span:last-child { grid-column:2; grid-row:1; }
.analytics-register>a { font-size:24px; }
.analytics-chart { height:320px; }
.analytics-detail h2 { font-size:28px; }
.business-card-profile { display:block; }
.business-card h1 { font-size:34px; margin-top:24px; }
.business-card dl { grid-template-columns:1fr; gap:12px; }
.business-card dd { margin-bottom:14px; }
.taplink-editor .taplink-form { grid-template-columns:1fr; }
}
@media(max-width:360px) {
.site-header .header { gap:10px; }
.site-header .logo img { width:58px; height:47px; }
.site-header .header-phone { font-size:12px; }
.site-header .mobile-menu summary { font-size:12px; gap:4px; }
}
/* Closed disclosure content must not contribute to the mobile scroll width. */
.site-header .mobile-menu:not([open]) nav { display:none; }
.site-header .mobile-menu summary { width:auto; }
.site-header .mobile-menu summary span { font-size:21px; }
@media(min-width:801px) and (max-width:1024px) {
.site-header .mobile-menu summary { display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; padding-block:14px; }
.site-header .mobile-menu nav { position:absolute; left:36px; right:36px; display:grid; background:var(--paper); padding:15px 24px; border:1px solid var(--line); }
.site-header .mobile-menu:not([open]) nav { display:none; }
.site-header .mobile-menu nav a { padding-block:13px; }
}
@media(max-width:540px) { .system-hero h1 { font-size:36px; } }
/* End */
/* Start:/local/templates/site/components/site/simple/cookies/style.css?17913487471371*/
.popup-cookie {
z-index: 100;
position: fixed;
right: 20px;
bottom: 20px;
border: 1px solid var(--gray-10);
background-color: #FFF;
width: 720px;
min-width: 362px;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 38px;
border-radius: var(--m-border-radius);
}
.popup-cookie p {
margin: 0;
font-size: 14px;
margin-bottom: 8px;
}
.popup-cookie-close {
margin-left: auto;
background-color: transparent;
border: 0;
outline: 0;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: var(--gray-10);
}
.popup-cookie-close:hover{
color: var(--brand-500);
}
.popup-cookie-close:before,
.popup-cookie-close:after {
content: "";
position: absolute;
width: 20px;
height: 2px;
background-color: currentColor;
top: 50%;
left: 0;
}
.popup-cookie-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-cookie-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 576px) {
.popup-cookie{
width: 95%;
right: 0;
left: 0;
min-width: auto;
padding-right: 27px;
}
}
/* End */
/* Start:/local/templates/site/template_styles.css?179134874816338*/
html::before {
background-size: 150px !important;
opacity: 1;
content: "";
display: block;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/local/templates/site/./assets/svg/developers.svg") no-repeat center, #fff;
transition: opacity 0.3s ease-in;
}
html.loaded::before {
opacity: 0;
pointer-events: none;
}
@media screen and (min-width: 991px) {
.grid-list--items-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (max-width: 576px) {
.mobile-p {
padding: 18px;
}
}
#more-nav{
justify-content: center;
}
.social-header .social-list__icons{
width: 32px;
height: 32px;
}
.social-header .social-list__icons svg{
width: 100%;
height: 100%;
}
.main-modal-video .fancybox__content{
padding: 0;
}
.row-main{
margin-left: -10px;
margin-right: -10px;
}
.content>p,
.content>div>p,
.content>ul,
.content>h2,
.content>h3,
.content>h4,
.content>h5,
.content>.h2,
.content>.h3,
.content>.h4,
.content>.h5{
margin-top: 0;
}
#more-nav > li > ul > li > a.nav-link{
font-weight: normal;
}
#more-nav > li > ul > li > a.nav-link.active{
font-weight: 700;
}
.vacancy-info{
}
.vacancy-info span:not(:last-child):after{
content: "—";
margin-left: 8px;
margin-right: 8px;
}
.news-list__item{
width: 100%;
}
/**/
.form-header{
padding-bottom: 18px;
}
.form-title{
margin-bottom: 8px;
}
.form-desc{
}
.form-error{
margin-top: 20px;
}
.form-error,
.required-star{
color: #FF0000;
}
.form-footer{
padding-top: 18px;
}
.modal-form .fancybox__content{
width: 580px;
padding: 0;
}
.modal-form form{
padding: 20px;
/*padding-top: 8px;*/
}
.modal-form .fancybox__content>.f-button.is-close-btn{
top: 10px;
right: 10px;
}
.modal-form .fancybox__content>.f-button.is-close-btn svg{
filter: none;
}
.form-footer .licence_block{
margin-bottom: 18px;
}
/**/
.vacancy-block{
background-color: var(--gray-5);
}
.vacancy-block-text{
margin-top: 1em;
}
.vacancy-block-text p{
margin: 0;
}
.vacancy-block-text p:not(:last-child){
margin-bottom: 1em;
}
.catalog-panel-left{
width: 300px;
}
.ask-block__title{
color: var(--black);
}
.hero-title{
font-weight: bold;
line-height: 1.2;
}
.mb-12{
margin-bottom: 12px;
}
.bl{
border: 1px solid var(--section-bg);
background-color: #fff;
}
.bl-top{
background-color: var(--section-bg);
padding: 16px 8px;
}
.bl-inner{
padding: 16px 8px;
color: #666;
}
.mb-minis{
margin-bottom: -4.9295774648vw;
}
.chart__images img{
max-width: 100%;
height: auto;
}
/**/
.tarif {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--white);
}
.tarif-services {
list-style: none;
margin: 0;
padding: 0;
margin: 20px 0;
}
.tarif-services li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.tarif-services li:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: relative;
top: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.tarif-services li span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tarif-services li:not(:last-child) {
margin-bottom: 8px;
}
.tarif-bottom {
margin-top: auto;
}
.tarif-bottom .btn {
margin-top: 10px;
}
.tarif-price {
font-size: 28px;
font-weight: 600;
color: var(--black);
}
.tarif-price span {
font-size: 18px;
font-weight: 400;
opacity: 0.8;
}
.tarif{
height: inherit;
}
.tarif.optimal{
/*background-color: var(--section-bg);*/
border-color: var(--brand-500);
}
.tarif-top{
padding: 20px;
background-color: var(--section-bg);
border-bottom: 1px solid var(--gray-10);
}
.tarif-inner{
font-size: 14px;
padding: 0 20px;
padding-top: 20px;
}
.tarif-name {
line-height: 1.2;
}
.tarif-inner .tarif-services{
margin: 0;
}
.tarif-bottom{
margin-top: auto;
padding: 10px 20px;
}
.ratingruneta-items-right{
flex: 1;
}
.block{
}
.block__top{
padding: 20px;
background-color: var(--section-bg);
}
.block__top .block__title{
margin-bottom: 0;
line-height: inherit;
font-family: inherit;
}
.block:not(.p-32) .block__text{
padding: 20px;
}
.block__text ul{
margin: 0;
padding-left: 20px;
}
.block__text ul li::marker{
color: var(--brand-500);
}
.block-bg{
background-color: #fff;
}
.icons-64{
width: 64px;
height: 64px;
}
.icons-48{
width: 48px;
height: 48px;
}
.icons-48 svg,
.icons-48 .svg,
.icons-64 svg,
.icons-64 .svg{
width: 100%;
height: 100%;
}
/**/
.seopages.tizers {
padding: 30px;
box-shadow: 1px 1px 1px;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
border-radius: var(--m-border-radius);
}
/**/
.c-pyramid__inner {
display: flex;
}
.c-pyramid__inner-img {
display: inline-block;
min-width: 500px;
}
.c-pyramid__list {
list-style: none;
padding: 0;
margin: 0;
flex: 0 0 450px;
}
.c-pyramid__list-item {
display: flex;
margin-top: 1rem;
}
.c-pyramid__list-item:first-of-type {
margin-top: 0;
transform: translateX(-230px);
}
.c-pyramid__list-item:nth-of-type(2) {
transform: translateX(-176px);
}
.c-pyramid__list-item:nth-of-type(3) {
transform: translateX(-120px);
}
.c-pyramid__list-item:nth-of-type(4) {
transform: translateX(-64px);
}
.c-pyramid__list-item:nth-of-type(5) {
transform: translateX(0);
}
@media (max-width: 992px) {
.c-pyramid__inner{
flex-direction: column;
}
.c-pyramid__list-item:first-of-type,
.c-pyramid__list-item:nth-of-type(2),
.c-pyramid__list-item:nth-of-type(3),
.c-pyramid__list-item:nth-of-type(4),
.c-pyramid__list-item:nth-of-type(5){
transform: translateX(0px);
}
.c-pyramid__inner-img{
min-width: auto;
margin-bottom: 40px;
}
.c-pyramid__inner-img .svg{
margin: 0 auto;
display: block;
text-align: center;
}
}
.services-items{
padding: 32px;
padding-bottom: 20px;
border: 1px solid var(--gray-10);
}
.services-icons{
width: 48px;
height: 48px;
}
.services-items ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
}
.services-items ul li{
display: inline-flex;
}
.services-items ul li:not(:last-child):after{
content: '—';
margin-right: 8px;
margin-left: 8px;
}
.services-items p{
text-transform: uppercase;
margin-bottom: 12px;
margin-top: 24px;
}
/**/
.lk{
}
.lk-images__list{
display: none;
}
.lk-images__list.active{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--m-gap);
}
.lk-images__list img{
max-width: 100%;
height: auto;
border: 1px solid var(--gray-10);
border-radius: var(--m-border-radius);
}
.lk-text{
}
.lk-text__list li{
margin-bottom: 1em;
max-width: 500px;
cursor: pointer;
}
@media (max-width: 992px) {
.lk-text__list li{
max-width: 100%;
}
}
.lk-text__list li.active{
color: var(--brand-500);
}
.svg-images{
max-width: 100%;
height: auto;
}
.svg-images .svg,
.svg-images svg{
width: 100%;
height: auto;
}
@media (max-width: 992px) {
.hero-title{
font-size: 2em;
}
.section-title.h2{
font-size: 1.6em;
line-height: 1;
}
.section-title.h2 span{
color: var(--gray-60);
}
}
/**/
.services-card__icons{
/*height: 80px;*/
margin-bottom: 12px;
}
.services-card__name{
line-height: 1.2;
}
@media screen and (max-width: 576px) {
.services-card__item {
display: flex;
align-items: center;
gap: var(--m-gap);
}
.services-card__icons{
margin-bottom: 0;
width: 48px;
height: 48px;
}
.services-card__name{
flex: 1;
}
}
/*.services-card__icons svg,*/
/*.services-card__icons .svg,*/
/*.services-card__icons img{*/
/* height: 100%;*/
/* width: auto;*/
/*}*/
.works-seo__section{
}
.works-seo__section:not(:last-child){
margin-bottom: 40px;
}
.works-seo__name{
display: flex;
align-items: center;
gap: 8px;
}
.works-seo__name::before{
content: '';
background-image: url('data:image/svg+xml,');
background-size: contain;
width: 20px;
height: 20px;
display: block;
}
.works-seo__images{
display: grid;
gap: var(--m-gap);
padding: 0px 28px;
}
.works-seo__images.--item-1{
grid-template-columns: repeat(1, 1fr);
}
.works-seo__images.--item-2{
grid-template-columns: repeat(2, 1fr);
}
.works-seo__images-item img{
display: block;
margin: 0 auto;
max-width: 600px;
width: 100%;
height: auto;
}
.works-seo__images.--item-1 img{
max-width: 800px;
}
.works-seo__images-desc{
margin-top: 8px;
text-align: center;
}
.home-partner__section .partner-list-wrapper{
row-gap: 0;
}
.tizers-list__item.tizers-list__item--block.--black{
background-color: var(--black);
}
.tizers-list__item.tizers-list__item--block.--black .switcher-title{
color: var(--white)
}
.c-pyramid__list-item{
}
.c-pyramid__list-item span{
flex: 1;
}
.tizers-list{
}
.tizers-items{
border: 1px solid var(--gray-10);
display: flex;
align-items: center;
gap: 40px;
}
.tizers-items:not(:last-child){
margin-bottom: 20px;
}
.tizers-items:nth-child(2n+1) .tizers-images{
order: 2;
}
.tizers-images{
cursor: pointer;
width: 450px;
order: -1;
}
.tizers-inner{
flex: 1;
padding: 32px;
}
.tizers-inner h3,
.tizers-inner h2{
margin-top: 0
}
.list-2{
column-width: 48%;
column-count: 2;
column-gap: 4%;
}
.header-mobile-logo svg{
max-width: 60px
}
.header-mobile__info{
}
.header-mobile_link{
font-weight: 600;
color: var(--black) !important;
font-size: 120%
}
.header-mobile__info .btn {
padding: 0;
font-size: 12px;
}
.form-success{
max-width: 600px;
width: 100%;
display: flex;
align-items: center;
gap: 4px;
}
.form-success .form-success-icons{
width: 120px;
height: 120px;
color: var(--brand-500);
}
.form-success .form-success-icons svg{
width: 100%;
height: 100%;
}
.form-success-title{
text-align: center;
margin-top: 0;
}
.form-success-text{
text-align: center;
}
.decision {
height: 600px;
background-color: var(--brand-500);
}
.decision-images {
width: 100%;
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.structure__images {
margin-bottom: 30px;
}
.structure__img {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
cursor: pointer;
}
.structure__img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(242, 244, 247, 0.5);
border-radius: var(--m-border-radius);
}
.structure__img::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.55078 0C1.44621 0 0.550781 0.89543 0.550781 2V4C0.550781 4.55228 0.998496 5 1.55078 5C2.10307 5 2.55078 4.55228 2.55078 4V2H4.69206C5.24435 2 5.69206 1.55228 5.69206 1C5.69206 0.447715 5.24435 0 4.69206 0H2.55078ZM13.0688 0C12.5165 0 12.0688 0.447715 12.0688 1C12.0688 1.55228 12.5165 2 13.0688 2H15.2101V4C15.2101 4.55228 15.6578 5 16.2101 5C16.7624 5 17.2101 4.55228 17.2101 4V2C17.2101 0.895432 16.3147 0 15.2101 0H13.0688ZM2.55078 12C2.55078 11.4477 2.10307 11 1.55078 11C0.998496 11 0.550781 11.4477 0.550781 12V14C0.550781 15.1046 1.44621 16 2.55078 16H4.69206C5.24435 16 5.69206 15.5523 5.69206 15C5.69206 14.4477 5.24435 14 4.69206 14H2.55078V12ZM17.2101 12C17.2101 11.4477 16.7624 11 16.2101 11C15.6578 11 15.2101 11.4477 15.2101 12V14H13.0688C12.5165 14 12.0688 14.4477 12.0688 15C12.0688 15.5523 12.5165 16 13.0688 16H15.2101C16.3147 16 17.2101 15.1046 17.2101 14V12ZM6.73914 4C5.63457 4 4.73914 4.89543 4.73914 6V10C4.73914 11.1046 5.63457 12 6.73914 12H11.0217C12.1263 12 13.0217 11.1046 13.0217 10V6C13.0217 4.89543 12.1263 4 11.0217 4H6.73914ZM6.73914 6H11.0217V10H6.73914V6Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.structure__img img {
-o-object-fit: cover;
object-fit: cover;
width: 140px;
height: 90px;
border: 1px solid var(--gray-10);
border-radius: var(--m-border-radius);
}
.tag-page{
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
row-gap: 8px;
}
.tag-page .tag-page-item{
display: inline-flex;
font-size: 14px;
padding: 4px 8px;
border: 1px solid var(--gray);
color: var(--gray);
border-radius: 4px;
}
.tag-page .tag-page-item:hover{
border-color: var(--brand-500);
color: var(--brand-500);
}
.small-wrapper{
max-width: 1200px;
margin: 0 auto;
}
.slider-images picture{
padding: 0 20px
}
.slinky-theme-default a:not(.back){
color: var(--black);
}
.slinky-theme-default .back::after{
content: 'Назад';
color: var(--black);
opacity: .8;
}
.slinky-theme-default .next::after,
.slinky-theme-default .back::before{
}
@media (prefers-color-scheme: dark) {
.slinky-theme-default .next::after, .slinky-theme-default .back::before{
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjIxOSAyLjI4MTI1TDEwLjc4IDMuNzIwMjVMMTguMDYyIDExLjAwMDJIMlYxMy4wMDAySDE4LjA2M0wxMC43ODEgMjAuMjgxMkwxMi4yMTkgMjEuNzE5MkwyMS4yMTkgMTIuNzE5MkwyMS45MDYgMTIuMDAwMkwyMS4yMTkgMTEuMjgxMkwxMi4yMTkgMi4yODEyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center no-repeat;
}
}
/**/
.header.fixed{
width: 100%;
background-color: #fff;
transition: var(--animation);
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
.header.fixed .header-top{
display: none
}
.footer__contact-inner{
flex: 1;
}
/* End */
/* /local/templates/site/assets/vendor/fancybox/fancybox.css?179134874825274 */
/* /local/templates/site/assets/home/home.css?179136013735669 */
/* /local/templates/site/assets/site/site.css?179134874810835 */
/* /local/templates/site/components/site/simple/cookies/style.css?17913487471371 */
/* /local/templates/site/template_styles.css?179134874816338 */