/* Start:/local/templates/gtk/assets/css/reset.css?1753486984964*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End */
/* Start:/local/templates/gtk/assets/css/fancybox.css?175082194325247*/
: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;overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */
/* Start:/local/templates/gtk/assets/css/foses.css?17534162915805*/
:root {
--cont-space: 10px;
}
.fos {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
transition: visibility .3s, opacity .3s;
visibility: hidden;
opacity: 0;
display: flex;
color: #464557;
justify-content: center
}
.fos .modal-desc {
display: flex;
gap: 8px;
}
.fos .modal-desc span {
margin: auto 0;
}
.fos .modal-desc svg {
min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;
}
.fos label {
cursor: pointer;
display: flex;
flex-direction: column;
gap: 8px;
color: var(--text-neutral-primary-medium);
}
.fos-body {
pointer-events: none;
position: relative;
z-index: 2;
display: flex;
align-items: center;
height: 100%;
width: 100%
}
.fos-fb-cont {
pointer-events: visible;
max-width: calc(100% - var(--cont-space) * 2);
width: 500px;
border-radius: var(--radius-400);
position: relative;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.fos-fb-cont {
overflow: hidden;
}
.ffc_krest {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
width: 23px;
height: 23px;
}
.ffc_krest svg {
width: 100%;
height: 100%
}
.inn_fos-body {
width: 100%;
max-height: 100%;
overflow-y: auto;
padding: 40px 0
}
.custom-checkbox_desc {
font-weight: 300;
color: var(--text-neutral-primary-low);
}
.custom-checkbox_desc a {
color: var(--text-neutral-primary-medium);
transition: .3s;
}
.custom-checkbox_desc a:hover {
color: var(--text-brand-secondary);
}
.fos-bg {
background-color: #18324E66;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.ffc_infos,
.ffc_infos form {
margin-top: 24px
}
.fos .heading {
padding: var(--space-600) var(--space-800);
color: var(--text-brand-secondary);
background-color: var(--surface-brand-dark-blue-medium);
font-size: 20px;
line-height: 1;
font-weight: 500;
}
.fos .heading .title {
width: 100%;
display: block;
}
.fos .heading .desc {
font-weight: 300;
font-size: 16px;
margin-top: 8px;
line-height: 100%;
color: var(--text-neutral-primary-medium);
display: block;
}
.fos input[type=tel],
.fos input[type=email],
.fos input[type=text],
.fos textarea {
font-size: 16px;
line-height: 100%;
background-color: #fff;
border: 1px solid var(--border-neutral-primary-low);
border-radius: var(--radius-600);
color: #8CA2A9;
padding: 11.5px 16px 11.5px 47px;
}
.fos input::placeholder,
.fos textarea::placeholder {
font-size: 16px;
font-width: 400;
line-height: 130%;
color: #8CA2A9;
}
.ffc_infos form button {
color: #fff;
font-size: 18px;
line-height: 150%;
font-weight: 500;
margin-top: 0;
border-radius: var(--radius-200);
padding: var(--space-200) var(--space-600);
border: none;
cursor: pointer;
background-color: var(--surface-brand-green-main);
}
.ffc_infos form .fos_flex {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
}
.fos textarea {
resize: none;
padding: 9px 12px
}
.fos_flex > span {
width: 100%;
display: block;
color: var(--text-neutral-primary-medium);
}
.fos input[type=tel].is-invalid,
.fos input[type=email].is-invalid,
.fos input[type=text].is-invalid,
.fos textarea.is-invalid {
border-color: red
}
.ffci_polic {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top:40px
}
.ffci_polic_chbx {
cursor: pointer;
width:24px;
min-width:24px;
}
.ffci_polic_chbx svg {
width: 100%;
height: 100%
}
.ffci_polic_chbx input {
display: none
}
.ffci_polic_text {
line-height: 150%;
color: #888;
font-size:14px
}
.ffci_polic_chbx svg *{
transition: .3s;
}
.ffci_polic_chbx input:checked + svg {
--path-fill: #fff;
--rect-fill: #D46B33;
}
.ffci_polic_chbx input.is-invalid + svg {
--border-fill: #f00
}
.fos form {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
padding: 0 32px 32px;
box-sizing: border-box;
}
.modal-desc_inputs {
display: flex;
flex-direction: column;
gap: 16px;
}
.fos-advantages .fos-fb-cont::before {
content: none;
}
.modal-desc_inputs input {
background-position: 10px center;
background-repeat: no-repeat;
}
.modal-desc_inputs input[name="name"] {
background-image: url('/upload/icon_name.svg');
}
.modal-desc_inputs input[name="phone"] {
background-image: url('/upload/icon_phone.svg');
}
@media (min-width: 769px) {
.ffc_krest:hover {
opacity: .7
}
}
@media (max-width: 675px) {
.fos-fb-cont::before {
content: none;
}
.fos .heading {
padding: 24px;
}
.fos form {
padding: 0 24px 24px;
}
}
@media (max-width: 450px) {
.fos-consult .cont-inf {
flex-wrap: wrap;
gap: 10px !important;
}
.fos-consult .cont-inf span {
max-width: unset !important;
}
}
.fos_service_select__options {
display: none;
position: absolute;
background: #fff;
z-index: 10;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px 0;
width: 100%;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#serviceSelect.open .fos_service_select__options {
display: block;
}
/* End */
/* Start:/local/templates/gtk/assets/css/swiper-bundle.min.css?175082194318454*/
/**
* Swiper 11.2.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 19, 2025
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/gtk/assets/css/flatpickr.min.css?175305899316166*/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
/*rtl:begin:ignore*/left:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
/*rtl:begin:ignore*/right:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* End */
/* Start:/local/templates/gtk/assets/css/main.css?17535114929431*/
:root {
/* Border Radius */
--radius-100: 4px;
--radius-200: 8px;
--radius-400: 16px;
--radius-600: 24px;
--radius-800: 32px;
--radius-1000: 40px;
/* Spacing */
--space-0: 0px;
--space-50: 2px;
--space-100: 4px;
--space-200: 8px;
--space-400: 16px;
--space-600: 24px;
--space-800: 32px;
--space-1000: 40px;
--space-1200: 48px;
--space-1600: 64px;
--space-2400: 96px;
/* Background */
--background-primary: var(--white-main);
--background-secondary: var(--blue-24);
/* Border - Brand */
--border-brand-accent-darken: var(--green-500);
--border-brand-accent-main: var(--green-main);
--border-brand-accent-medium: var(--green-100);
--border-brand-primary-low: var(--dark-blue-64);
--border-brand-primary-main: var(--dark-blue-main);
--border-brand-primary-medium: var(--dark-blue-100);
/* Border - Neutral */
--border-neutral-primary-low: var(--black-300);
--border-neutral-primary-main: var(--black-main);
--border-neutral-primary-medium: var(--black-500);
--border-neutral-secondary-low: var(--white-300);
--border-neutral-secondary-main: var(--white-main);
--border-neutral-secondary-medium: var(--white-500);
/* Icon - Brand */
--icon-brand-accent-high: var(--green-300);
--icon-brand-accent-low: var(--green-64);
--icon-brand-accent-main: var(--green-500);
--icon-brand-accent-medium: var(--green-200);
--icon-brand-primary-high: var(--blue-300);
--icon-brand-primary-low: var(--blue-64);
--icon-brand-primary-main: var(--blue-main);
--icon-brand-primary-medium: var(--blue-200);
--icon-brand-secondary-high: var(--dark-blue-300);
--icon-brand-secondary-low: var(--dark-blue-100);
--icon-brand-secondary-main: var(--dark-blue-main);
--icon-brand-secondary-medium: var(--dark-blue-200);
/* Icon - Neutral */
--icon-neutral-primary-high: var(--black-600);
--icon-neutral-primary-low: var(--black-400);
--icon-neutral-primary-main: var(--black-main);
--icon-neutral-primary-medium: var(--black-500);
--icon-neutral-secondary-high: var(--white-600);
--icon-neutral-secondary-main: var(--white-main);
--icon-neutral-secondary-medium: var(--white-500);
/* Surface - Brand Blue */
--surface-brand-blue-darken: var(--blue-500);
--surface-brand-blue-high: var(--blue-100);
--surface-brand-blue-low: var(--blue-24);
--surface-brand-blue-main: var(--blue-main);
--surface-brand-blue-medium: var(--blue-48);
/* Surface - Brand Dark Blue */
--surface-brand-dark-blue-high: var(--dark-blue-100);
--surface-brand-dark-blue-low: var(--dark-blue-24);
--surface-brand-dark-blue-main: var(--dark-blue-main);
--surface-brand-dark-blue-medium: var(--dark-blue-48);
/* Surface - Brand Green */
--surface-brand-green-darken: var(--green-600);
--surface-brand-green-high: var(--green-100);
--surface-brand-green-main: var(--green-500);
--surface-brand-green-medium: var(--green-64);
/* Surface - Brand Light Blue */
--surface-brand-light-blue-darken: var(--light-blue-600);
--surface-brand-light-blue-high: var(--light-blue-100);
--surface-brand-light-blue-low: var(--light-blue-24);
--surface-brand-light-blue-main: var(--light-blue-500);
--surface-brand-light-blue-medium: var(--light-blue-48);
/* Surface - Neutral */
--surface-neutral-primary-medium: var(--black-300);
--surface-neutral-secondary-high: var(--white-600);
--surface-neutral-secondary-low: var(--white-300);
--surface-neutral-secondary-main: var(--white-main);
--surface-neutral-secondary-medium: var(--white-400);
/* Text */
--text-brand-primary: var(--blue-main);
--text-brand-secondary: var(--blue-500);
--text-brand-tertiary: var(--green-600);
--text-neutral-primary-high: var(--black-600);
--text-neutral-primary-medium: var(--black-500);
--text-neutral-primary-low: var(--black-400);
--text-neutral-primary-main: var(--black-main);
--text-neutral-secondary-main: var(--white-main);
--text-neutral-secondary-medium: var(--white-500);
/* Base color tokens */
--black-100: #060f1a0a;
--black-200: #060f1a14;
--black-300: #060f1a1f;
--black-400: #060f1a66;
--black-500: #060f1a99;
--black-600: #060f1ae0;
--black-main: #060f1a;
--blue-24: #2463bd0a;
--blue-48: #2463bd14;
--blue-64: #2463bd1f;
--blue-100: #2463bd66;
--blue-200: #2463bd99;
--blue-300: #2463bde0;
--blue-500: #1d5099;
--blue-600: #133566;
--blue-700: #0f284c;
--blue-800: #0a1b33;
--blue-main: #2463bd;
--dark-blue-24: #2150840a;
--dark-blue-48: #21508414;
--dark-blue-64: #2150841f;
--dark-blue-100: #21508466;
--dark-blue-200: #21508499;
--dark-blue-300: #215084e0;
--dark-blue-500: #1a3e66;
--dark-blue-600: #132e4c;
--dark-blue-700: #0d1f33;
--dark-blue-800: #060f19;
--dark-blue-main: #215084;
--green-24: #27ceb20a;
--green-48: #27ceb214;
--green-64: #27ceb21f;
--green-100: #27ceb266;
--green-200: #27ceb299;
--green-300: #27ceb2e0;
--green-500: #22b29a;
--green-600: #1d9984;
--green-700: #18806e;
--green-800: #146658;
--green-main: #27ceb2;
--light-blue-24: #51bceb0a;
--light-blue-48: #51bceb14;
--light-blue-64: #51bceb1f;
--light-blue-100: #51bceb66;
--light-blue-200: #51bceb99;
--light-blue-300: #51bcebe0;
--light-blue-500: #46a3cc;
--light-blue-600: #357a99;
--light-blue-700: #285c73;
--light-blue-800: #1f4759;
--light-blue-main: #51bceb;
--white-100: #ffffff0a;
--white-200: #ffffff14;
--white-300: #ffffff1f;
--white-400: #ffffff66;
--white-500: #ffffff99;
--white-600: #ffffffe0;
--white-main: #ffffff;
--text-neutral-primary-mian: #060F1A;
--text-neutral-primary-medium: #060F1A99;
}
html {
box-sizing: border-box;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Manrope';
src: url('/local/templates/gtk/assets/fonts/Manrope-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
body {
font-family: 'Manrope', sans-serif;
}
main {
overflow: hidden;
}
div {
box-sizing: border-box;
}
.swiper-button-circle-prev,
.swiper-button-circle-next {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
cursor: pointer;
display: flex;
height: fit-content;
}
.swiper-button-circle-prev {
left: 0;
}
.swiper-button-circle-next {
right: -43px;
}
.swiper_wrapp {
position: relative;
}
.swiper-wrapper {
height: fit-content;
}
/* cooperation_wrapper */
.cooperation_wrapp {
background-color: var(--surface-neutral-secondary-main);
display: flex;
gap: var(--space-600);
padding: var(--space-800);
border-radius: var(--space-600);
}
.cooperation_block_inf {
display: flex;
flex-direction: column;
gap: 24px;
width: calc((100% - 24px) / 2);
}
.cooperation_block_inf .title {
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: var(--text-neutral-primary-high);
}
.cooperation_block_inf p {
margin-top: auto;
line-height: 150%;
font-size: 18px;
font-weight: 400;
color: var(--text-neutral-primary-high);
}
.cooperation_block_inf img {
height: 100%;
width: 100%;
object-fit: cover;
}
.cooperation_block_inf.img {
border-radius: var(--space-600);
overflow: hidden;
}
.modal__overlay {
display: none !important;
}
.detail_block_inf {
width: 100%;
}
.detail_block_inf .breadcrumbs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
gap: 16px;
max-width: 100%;
}
.detail_block_inf .breadcrumbs a,
.detail_block_inf .breadcrumbs span,
.detail_block_inf .breadcrumbs svg {
flex-shrink: 0;
white-space: nowrap;
}
/* End */
/* Start:/local/templates/gtk/assets/css/style.css?1754545274112749*/
section {
padding: 48px 0;
background-color: var(--surface-neutral-secondary-main);
position: relative;
}
.container {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.image_page_title {
background-image: url('/local/templates/gtk/assets/img/image_page_title.png');
width: 100%;
background-repeat: no-repeat;
background-size: 196% 120%;
border-radius: var(--space-600);
background-position: right -40px center;
}
.whatsapp_pc {
display: flex !important;
}
.whatsapp_mob {
display: none !important;
}
a {
text-decoration: none;
}
.title_wrapp {
display: flex;
gap: 30px;
justify-content: space-between;
}
.title_wrapp a {
white-space: nowrap;
height: fit-content;
display: flex;
margin: auto 0;
font-size: 18px;
line-height: 150%;
font-weight: 400;
padding-right: 26px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right center;
background-size: 24px 24px;
color: var(--text-neutral-primary-mian);
}
.page_inf_wrapp .title {
font-weight: 600;
font-size: 48px;
line-height: 120%;
color: var(--text-neutral-primary-mian);
}
.page_inf_wrapp .desc {
color: var(--text-neutral-primary-medium);
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.page_title_wrapper {
display: flex;
gap: 32px;
}
.page_title {
max-width: 708px;
}
.page_title h1 {
color: var(--text-neutral-primary-mian);
font-size: 52px;
font-weight: 600;
line-height: 120%;
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: stretch;
}
.breadcrumbs span,
.breadcrumbs a {
color: var(--text-neutral-primary-medium);
font-weight: 400;
font-size: 16px;
line-height: 100%;
margin: auto 0;
white-space: nowrap;
}
.breadcrumbs svg {
margin: auto 0;
}
.breadcrumbs span {
border-radius: var(--space-1600);
padding: var(--space-100) 12px;
background-color: var(--surface-neutral-secondary-main);
}
.background-secondary {
background-color: var(--background-secondary);
}
.swiper-pagination-bullet {
opacity: 1;
background-color: var(--icon-brand-primary-low);
}
.swiper-pagination-bullet-active {
background-color: var(--icon-brand-primary-medium);
}
.detail_page_wrapper {
padding: var(--space-1200);
border-radius: var(--space-600);
background-color: var(--surface-neutral-secondary-main);
}
.detail_block_wrapper {
display: flex;
gap: var(--space-600);
flex-wrap: wrap;
}
.detail_block_wrapp {
width: calc((100% - 24px) / 2);
display: flex;
}
.detail_block_wrapp.no_img {
width: 100%;
}
.detail_block_inf {
display: flex;
flex-direction: column;
gap: 16px;
height: fit-content;
margin: auto 0;
}
.detail_block_wrapp img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--space-600);
}
.detail_block_inf .title {
color: var(--text-neutral-primary-mian);
font-size: 52px;
font-weight: 600;
line-height: 120%;
}
.detail_block_inf .title span {
color: var(--text-brand-secondary);
font-size: 32px;
font-weight: 600;
line-height: 140%;
white-space: nowrap;
padding: var(--space-100) var(--space-400);
border-radius: var(--space-400);
box-shadow: 0px 0px 30px 0px rgba(33, 80, 132, 0.04);
background-color: var(--surface-neutral-secondary-main);
}
.detail_block_inf .desc {
color: var(--text-neutral-primary-high);
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.detail_block_inf button {
width: fit-content;
line-height: 150%;
font-size: 18px;
font-weight: 500;
display: flex;
gap: 6px;
padding: var(--space-200) var(--space-600);
border-radius: var(--radius-200);
background-color: var(--surface-brand-green-main);
border: unset;
cursor: pointer;
color: var(--text-neutral-secondary-main);
}
.detail_block_inf button span {
display: flex;
height: fit-content;
margin: auto 0;
}
.pc {
display: block !important;
}
.pc-flex {
display: flex !important;
}
.mob-flex,
.mob {
display: none !important;
}
.detail_block_wrapper .detail_block_inf > .detail_block_wrapp {
display: none;
}
.custom-checkbox {
display: flex;
flex-direction: row !important;
}
@media (max-width:1470px) {
.container {
padding: 0 16px;
}
}
@media (max-width: 1200px) {
.page_title h1 {
font-size: 48px;
}
.detail_block_inf .title {
font-size: 48px;
}
}
@media (max-width: 900px) {
.page_title h1 {
font-size: 42px;
}
.page_title_wrapper {
gap: 24px;
}
.detail_block_inf .title {
font-size: 38px;
}
.detail_block_inf .title span {
font-size: 24px;
}
}
@media (max-width: 769px) {
.page_title_wrapper {
gap: 16px;
}
.whatsapp_pc {
display: none !important;
}
.whatsapp_mob {
display: flex !important;
}
.detail_block_wrapp img {
border-radius: var(--space-400);
}
.mob {
display: block !important;
}
.mob-flex {
display: flex !important;
}
.detail_block_wrapper .detail_block_wrapp:last-child {
display: none;
}
.detail_block_wrapper .detail_block_inf > .detail_block_wrapp {
display: block;
}
.detail_block_wrapp {
width: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 0;
}
.pc,
.pc-flex {
display: none !important;
}
.title_wrapp .mob-flex {
margin: 24px auto 16px;
font-size: 16px;
line-height: 140%;
}
.order_call.mob {
padding: 0;
display: flex;
height: fit-content;
background-color: unset;
}
.order_call svg {
display: flex;
margin: auto 0;
}
section {
padding: 32px 0;
}
.page_inf_wrapp .title {
font-size: 32px;
}
.page_inf_wrapp .desc {
font-size: 16px;
}
.page_title h1 {
font-size: 32px;
}
.detail_block_inf .title {
font-size: 32px;
}
}
@media (max-width: 660px) {
section {
padding: 24px 0;
}
.page_inf_wrapp .title {
font-size: 26px;
}
.detail_block_inf .title {
font-size: 28px;
line-height: 120%;
}
.detail_block_inf .title span {
font-size: 22px;
line-height: 120%;
}
.detail_block_inf .desc {
font-size: 16px;
line-height: 140%;
}
.detail_block_inf button {
font-weight: 400;
font-size: 16px;
width: 100%;
justify-content: center;
}
.breadcrumbs span, .breadcrumbs a {
font-size: 14px;
line-height: 100%;
}
.breadcrumbs {
gap: 8px;
}
.page_inf_wrapp .desc {
font-size: 14px;
}
.page_title h1 {
font-size: 28px;
}
}
@media (max-width: 550px) {
.image_page_title {
width: 100px;
border-radius: var(--space-200);
}
}
/* Прайс-лист */
.price_list_wrapper {
background-color: var(--surface-neutral-secondary-main);
border-radius: var(--space-600);
padding: var(--space-1200);
display: flex;
flex-direction: column;
gap: var(--space-600);
}
.price_block_wrapp {
display: flex;
flex-direction: column;
gap: var(--space-400);
}
.price_block_wrapp .price_block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 2px;
background-color: var(--surface-brand-dark-blue-low);
border-radius: var(--radius-1000);
padding: var(--space-400) var(--space-800);
}
.price_block_wrapp .price_block .title {
color: var(--text-neutral-primary-mian);
font-size: 20px;
line-height: 120%;
font-weight: 400;
}
.price_block_wrapp .price_block .price {
color: var(--text-brand-secondary);
font-size: 20px;
font-weight: 600;
line-height: 120%;
white-space: nowrap;
padding-left: var(--space-600);
margin-left: auto;
}
@media (max-width:769px) {
.price_block_wrapp .price_block {
border-radius: var(--radius-400);
}
.price_list_wrapper {
padding: 24px;
gap: 16px;
border-radius: var(--radius-400);
}
}
@media (max-width:660px) {
.price_block_wrapp .price_block .title {
font-size: 18px;
line-height: 120%;
}
.price_block_wrapp .price_block {
padding: var(--space-400);
}
.price_block_wrapp {
gap: 8px;
}
.price_block_wrapp .price_block .price {
font-size: 18px;
line-height: 120%;
}
.price_list_wrapper {
padding: 16px;
}
}
/* шапка header */
.header_wrapper {
display: flex;
justify-content: space-between;
gap: 30px;
}
.header_logo .desc .select-city__dropdown__choose-wrap .select-city__dropdown__choose__no {
color: #fff;
}
.header_logo {
display: flex;
gap: 16px;
}
.header_burger {
display: none;
}
.header_menu_wrapper>ul {
display: flex;
gap: 2px;
}
.header_menu_wrapper {
margin: auto 0;
position: relative;
}
.header_menu_wrapper li {
display: flex;
position: relative;
flex-direction: column;
}
.header_menu_wrapper a {
padding: var(--space-200) var(--space-400);
text-decoration: none;
display: flex;
gap: var(--space-50);
white-space: nowrap;
border-radius: var(--radius-200);
margin: auto 0;
transition: .3s;
font-size: 16px;
line-height: 130%;
color: var(--text-neutral-primary-mian);
}
.header_menu_wrapper ul ul a {
border-radius: var(--radius-100);
}
.header_menu_wrapper a:hover {
background-color: var(--surface-brand-blue-medium);
color: var(--text-brand-secondary);
}
.header_menu_wrapper a span {
height: fit-content;
margin: auto 0;
display: flex;
}
.header_menu_wrapper ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
flex-direction: column;
background: #fff;
border: 1px solid #e0e0e0;
min-width: 200px;
z-index: 5;
padding: var(--space-100);
border-radius: var(--radius-100);
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.header_menu_wrapper ul ul li {
display: flex;
width: 100%;
}
.header_menu_wrapper ul ul li a {
padding: 10px;
width: calc(100% - 20px);
color: var(--text-neutral-primary-mian);
transition: background 0.3s;
}
.header_menu_wrapper ul ul li a:hover {
background-color: #f3f4f6;
}
.header_menu_wrapper li:hover>ul {
display: flex;
}
.header_menu_wrapper li>a svg {
transition: transform 0.3s ease;
}
.header_menu_wrapper li:hover>a svg {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.header_contact {
display: flex;
gap: 24px;
}
.header_contact .number {
display: flex;
flex-direction: column;
margin: auto 0;
}
.header_contact .number a {
color: var(--text-neutral-primary-medium);
font-weight: 500;
font-size: 18px;
line-height: 150%;
white-space: nowrap;
transition: .3s;
}
.header_contact .number a:nth-of-type(1) {
color: var(--text-neutral-primary-mian);
}
.header_contact .number a:hover {
color: var(--text-brand-secondary);
}
.header_contact .whatsapp {
display: flex;
margin: auto 0;
transition: .3s;
}
.order_call {
font-size: 18px;
color: var(--text-neutral-secondary-main);
font-weight: 500;
line-height: 150%;
border: none;
border-radius: var(--radius-200);
padding: 8px 28px;
height: fit-content;
cursor: pointer;
margin: auto 0;
background-color: var(--surface-brand-blue-main);
transition: .3s;
}
.header_contact .whatsapp:hover path:first-child {
fill: var(--surface-brand-green-darken);
}
.order_call.pc:hover {
background-color: var(--surface-brand-blue-darken);
}
.order_call.mob {}
.header_logo .desc {
display: flex;
flex-direction: column;
gap: 2px;
margin: auto 0;
}
.header_menu_mob .header_logo .desc {
display: flex;
}
.header_logo .desc .address {
color: var(--text-neutral-primary-medium);
line-height: 130%;
font-size: 16px;
}
.header_logo .desc .city span {
color: var(--text-neutral-primary-mian);
line-height: 130%;
font-size: 16px;
font-family: 'Manrope', sans-serif;
}
.header_logo .desc .city span.select-city__block__text-city {
color: var(--text-brand-secondary);
text-decoration: none;
}
.select_city {
color: var(--text-brand-secondary);
cursor: pointer;
transition: .3s;
}
.footer_city .select_city:hover {
color: var(--text-brand-tertiary);
}
.header_wrapper {
padding: 24px 0;
}
.header {
width: 100%;
background-color: var(--background-secondary);
transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
.header.scrolled {
z-index: 5;
position: fixed;
top: 0;
height: 100%;
pointer-events: none;
}
.header.scrolled .header_scrolled {
backdrop-filter: blur(32px);
pointer-events: auto;
-webkit-backdrop-filter: blur(32px);
background-color: #ffffff66;
}
@media (max-width:1350px) {
.header_wrapper {
gap: 15px;
}
.header_menu_wrapper a {
padding: 8px 12px;
}
.header_contact .number a {
font-size: 16px;
}
.order_call {
font-size: 16px;
}
.logo svg {
width: 60px;
height: 60px;
}
.header_contact {
gap: 18px;
}
}
@media (max-width:1220px) {
.header_contact {
gap: 15px;
}
.order_call {
padding: 8px 16px;
}
}
@media (max-width:1150px) {
.header_contact {
gap: 15px;
}
.order_call {
padding: 8px 16px;
}
.header_menu_wrapper {
display: none;
}
.header_burger {
display: flex;
margin: auto 0;
}
}
@media (max-width:769px) {
.header_logo .desc,
.header_contact .number,
.header_contact .whatsapp {
display: none;
}
.header_wrapper {
padding: 8px 0;
}
.header_logo .logo svg {
width: 46px;
height: 47px;
}
}
/* banner_big_inf */
.banner_swiper h1,
.banner_swiper h2 {
color: var(--text-neutral-primary-mian);
font-size: 52px;
font-weight: 600;
line-height: 120%;
max-width: 952px;
width: 100%;
}
.banner_swiper h1>span,
.banner_swiper h2>span {
color: var(--text-neutral-primary-medium);
}
.banner_swiper_inf {
position: relative;
max-height: 450px;
height: 450px;
margin-top: 32px;
overflow: hidden;
border-radius: var(--radius-600);
}
.banner_swiper_inf::before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
background: linear-gradient(to right,
#09172C00,
#09172C99,
#09172CE5);
}
.banner_mob_inf {
display: none;
}
.banner_swiper_inf img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner_swiper_desc {
padding: var(--space-600);
border-radius: var(--space-600);
position: relative;
}
.banner_swiper_desc_wrapp {
position: absolute;
bottom: 32px;
right: 32px;
max-width: 676px;
width: 100%;
height: fit-content;
}
.banner_swiper_desc::before {
content: '';
position: absolute;
border-radius: var(--space-600);
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: var(--surface-neutral-secondary-low);
filter: blur(1px);
}
.banner_swiper_desc p {
color: var(--text-neutral-secondary-main);
font-size: 18px;
line-height: 150%;
font-weight: 400;
}
.banner_swiper_desc button {
color: var(--text-neutral-primary-mian);
font-size: 16px;
line-height: 130%;
font-weight: 500;
margin-top: 16px;
border-radius: var(--radius-200);
padding: var(--space-200);
border: none;
cursor: pointer;
position: relative;
z-index: 2;
background-color: var(--surface-neutral-secondary-main);
}
.swiper_nav_wrapper {
display: flex;
}
.swiper_nav_wrapper .swiper-button-next:after,
.swiper_nav_wrapper .swiper-button-prev:after {
content: '';
}
.swiper_button_nav {
display: flex;
gap: 16px;
margin-top: auto;
margin-left: auto
}
.swiper_button_nav>div {
cursor: pointer;
}
.banner_title_wrapper {
display: flex;
gap: 24px;
}
.banner_swiper .swiper-slide:first-child .swiper_button_nav .prev svg path:first-child {
fill: #060F1A1F;
fill-opacity: 0.6;
}
.banner_swiper .swiper-slide .swiper_button_nav .prev svg path:first-child,
.banner_swiper .swiper-slide .swiper_button_nav .next svg path:first-child {
fill: #46A3CC;
fill-opacity: 0.6;
}
.banner_swiper .swiper-slide:last-child .swiper_button_nav .next svg path:first-child {
fill: #060F1A1F;
fill-opacity: 0.6;
}
@media (max-width: 769px) {
.banner_swiper h1,
.banner_swiper h2 {
font-size: 28px;
}
.banner_swiper_desc_wrapp {
width: calc(100% - 32px);
left: 50%;
transform: translateX(-50%);
max-width: unset;
right: 0;
bottom: 16px;
}
.banner_swiper_inf {
margin-top: 24px;
}
}
@media (max-width: 660px) {
.banner_title_wrapper .swiper_button_nav {
display: none;
}
.banner_swiper h1,
.banner_swiper h2 {
max-width: 100%;
}
.banner_mob_inf {
display: block;
width: fit-content;
margin: 16px auto 0;
}
.banner_swiper_desc p {
font-size: 16px;
}
.banner_swiper_desc button {
width: 100%;
}
.banner_swiper h1>span,
.banner_swiper h2>span {
display: none;
}
.banner_mob_inf .count {
color: var(--text-neutral-primary-medium);
font-size: 18px;
line-height: 120%;
font-weight: 480;
display: flex;
margin: auto 0;
}
.banner_swiper_inf {
margin-top: 16px;
}
}
/* services_wrapper */
.services_block_wrapper {
display: flex;
gap: var(--space-600);
flex-wrap: wrap;
margin-top: 48px;
}
.services_block {
width: calc((100% - (var(--space-600) * 3)) / 4);
position: relative;
height: 201px;
}
.service_block_wrapper .services_block {
display: flex;
width: 100%
}
.service_block_swiper {
padding: 48px 0 38px 0;
}
.services_block img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--radius-400);
}
.services_block .services_price {
position: absolute;
top: -18px;
padding: 4px 8px;
background-color: var(--surface-neutral-secondary-main);
border-radius: var(--space-200);
right: 10px;
font-size: 18px;
line-height: 150%;
font-weight: 500;
color: var(--text-brand-secondary);
}
.services_block .services_title {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
background-color: var(--surface-neutral-secondary-main);
padding: 8px 16px;
border-radius: var(--radius-200);
font-size: 20px;
line-height: 120%;
font-weight: 480;
color: var(--text-neutral-primary-mian);
}
@media (max-width: 1150px) {
.services_wrapper .services_block {
width: calc((100% - (var(--space-600) * 2)) / 3);
}
}
@media (max-width: 950px) {
.services_wrapper .services_block {
width: calc((100% - (var(--space-600) * 1)) / 2);
}
}
@media (max-width: 769px) {
.services_wrapper .services_block_wrapper {
gap: var(--space-600);
}
.services_wrapper .services_block {
width: calc((100% - (var(--space-600) * 1)) / 2);
}
.service_block_wrapp .swiper-button-circle-prev,.service_block_wrapp .swiper-button-circle-next {
display: none;
}
.service_block_swiper {
padding: 24px 0 22px;
}
}
@media (max-width: 530px) {
.services_wrapper .services_block_wrapper {
padding: 24px 0 0;
margin-top: 0;
gap: var(--space-400);
}
.services_wrapper .services_block {
width: calc((100% - (var(--space-400) * 1)) / 2);
}
.services_wrapper .services_block {
width: 100%;
}
.services_block .services_title {
font-size: 18px;
}
}
/* мобильное меню */
.header_menu_mob {
position: fixed;
width: 90%;
height: 100%;
overflow-y: auto;
top: 0%;
left: -100%;
display: inline-flex;
z-index: 6;
padding: 24px 16px 32px 16px;
flex-direction: column;
align-items: flex-start;
gap: var(--space-600);
transition: left 0.3s;
background: var(--surface-neutral-secondary-main);
}
.menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: -100%;
z-index: 5;
background-color: #000000;
opacity: 0.7;
}
.menu-overlay.active {
left: 0;
pointer-events: auto;
}
.sitemap_mobile {
width: 100%;
overflow: hidden;
position: relative;
height: auto;
}
.sitemap_mobile>p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: #857F73;
}
.sitemap_mobile nav ul {
list-style: none;
padding: 0;
transition: transform 0.3s ease;
}
.sitemap_mobile ul {
display: flex;
flex-wrap: wrap;
gap: var(--space-100);
flex-direction: column;
}
.sitemap_mobile nav a {
display: block;
padding: 10px;
color: black;
text-decoration: none;
}
.toggle-icon {
float: right;
}
.sitemap_mobile nav .submenu {
position: absolute;
width: 100%;
left: 100%;
top: 0;
transition: transform 0.3s ease, visibility 0s linear 0.3s;
transform: translateX(0);
z-index: 1;
visibility: hidden;
display: flex;
gap: var(--space-100);
flex-direction: column;
}
.mobile_contacts>p {
font-size: 14px;
font-style: normal;
font-weight: 400;
color: #857F73;
}
.address_inf .address,
.left_block_attention .desc {
font-size: 14px;
}
.mobile_contacts a {
width: 100%;
display: flex;
gap: 5px;
text-decoration: none;
color: #474540;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.mobile_contacts .phone_number {
gap: 4px;
display: flex;
flex-wrap: wrap;
width: 100%;
color: #474540;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.mobile_contacts .adress,
.mobile_contacts .work-time_map {
display: flex;
gap: 5px;
color: #474540;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.no-scroll {
overflow: hidden;
}
.sitemap_mobile nav .active-submenu {
z-index: 2;
visibility: visible;
}
.sitemap_mobile nav .outgoing {
transform: translateX(-100%);
z-index: 1;
}
.sitemap_mobile li>a {
padding: var(--space-200) var(--space-400);
display: flex;
gap: var(--space-100);
border-radius: var(--radius-1000);
background: inherit;
font-size: 16px;
line-height: 140%;
font-style: normal;
justify-content: space-between;
color: var(--text-neutral-primary-high);
font-weight: 400;
}
.sitemap_mobile li>a span {
display: flex;
height: fit-content;
margin: auto 0;
}
.submenu .back-button {
color: var(--text-neutral-primary-low);
font-size: 14px;
font-style: normal;
padding: var(--space-100) 0;
display: flex;
gap: var(--space-100);
line-height: 130%;
font-style: normal;
font-weight: 400;
}
.submenu .back-button span {
display: flex;
height: fit-content;
margin: auto 0;
}
.sitemap_mobile li>a:hover {
background: var(--surface-brand-dark-blue-medium);
}
#main-menu.shift-left {
transform: translateX(-100%);
transition: transform 0.3s ease;
}
.header_menu_mob.active {
left: 0%;
pointer-events: auto;
}
.header_menu_close {
position: absolute;
top: 0;
right: 0;
}
.sitemap_menu_bottom {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
margin-top: auto;
}
.sitemap_inf_btn span {
display: flex;
margin: auto 0;
}
.sitemap_inf_btn {
display: flex;
color: var(--text-neutral-secondary-main);
line-height: 140%;
font-size: 16px;
justify-content: center;
background-color: var(--surface-brand-blue-main);
border-radius: var(--radius-200);
padding: var(--space-200) var(--space-400);
}
.sitemap_inf_wrapp {
display: flex;
gap: var(--space-200);
flex-wrap: wrap;
justify-content: space-between;
}
.sitemap_inf_wrapp .number {
display: flex;
gap: var(--space-100);
flex-direction: column;
}
.sitemap_inf_wrapp .links {
display: flex;
gap: 8px;
}
.sitemap_inf_wrapp .number a {
color: var(--text-neutral-primary-mian);
font-size: 18px;
line-height: 120%;
font-weight: 480;
}
.sitemap_inf_wrapp .number a:last-child {
color: var(--text-neutral-primary-medium);
}
/* advantages_services */
.advantages_services_wrapper {
display: flex;
gap: var(--space-600);
flex-wrap: wrap;
}
.advantages_services_main {
display: flex;
flex-direction: column;
height: auto;
border-radius: var(--radius-600);
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/local/templates/gtk/assets/css/../background/background_advantages.png');
width: calc((100% - 24px) / 2);
}
.advantages_services_inf {
height: fit-content;
display: flex;
flex-direction: column;
margin: auto 0;
padding-left: 48px;
padding-right: 48px;
gap: 8px;
}
.advantages_services_wrapp {
display: flex;
gap: 24px;
flex-wrap: wrap;
width: calc((100% - 24px) / 2);
}
.advantages_services_block {
width: calc((100% - 24px) / 2);
background-color: var(--surface-neutral-secondary-main);
border-radius: var(--radius-400);
}
.advantages_services_b_inf {
padding: 32px 24px;
position: relative;
display: flex;
flex-direction: column;
}
.advantages_services_block .advantages_title {
color: var(--text-neutral-primary-mian);
}
.advantages_services_block .advantages_desc {
font-size: 18px;
font-weight: 400;
line-height: 150%;
color: var(--text-neutral-primary-high);
}
.advantages_services_block .advantages_title {
font-size: 20px;
font-weight: 480;
line-height: 120%;
color: var(--text-neutral-primary-mian);
}
.advantages_services_block .small_ico {
position: absolute;
top: 16px;
right: 16px;
}
.advantages_services_main .title_desc {
color: var(--text-neutral-secondary-medium);
font-size: 16px;
line-height: 130%;
font-weight: 500;
}
.advantages_services_inf .desc {
font-size: 18px;
font-weight: 400;
line-height: 150%;
color: var(--text-neutral-secondary-main);
}
.advantages_services_inf .title {
font-weight: 600;
font-size: 48px;
line-height: 120%;
color: var(--text-neutral-secondary-main);
}
@media (max-width: 1160px) {
.advantages_services_wrapper {
flex-direction: column;
}
.advantages_services_main,
.advantages_services_wrapp {
width: 100%;
}
.advantages_services_inf {
padding: 24px;
}
}
@media (max-width: 769px) {
.advantages_services_inf .title {
font-size: 32px;
}
.advantages_services_main {
border-radius: var(--radius-400);
}
.advantages_services_main .title_desc {
font-size: 16px;
}
.advantages_services_block .advantages_title {
font-size: 20px;
line-height: 120%;
}
.advantages_services_block .advantages_desc {
font-size: 16px;
line-height: 140%;
}
}
@media (max-width: 660px) {
.advantages_services_inf .title {
font-size: 26px;
line-height: 130%;
}
.advantages_services_inf {
gap: 2px;
}
.advantages_services_main .title_desc {
font-size: 14px;
line-height: 120%;
}
.advantages_services_inf .desc {
font-size: 16px;
line-height: 140%;
margin-top: 6px;
}
.advantages_services_block .advantages_title {
font-size: 18px;
line-height: 120%;
}
.advantages_services_block .advantages_desc {
font-size: 16px;
line-height: 140%;
}
.advantages_services_block {
width: 100%;
}
.advantages_services_wrapp {
gap: 8px;
}
.advantages_services_wrapper {
gap: 8px;
}
}
/* inf_wrapper_diag */
.info_dialog_block {
display: flex;
gap: 24px;
flex-wrap: wrap;
position: relative;
padding: 73.5px 98px 73.5px 0;
}
.info_dialog_block_back {
position: absolute;
left: 122px;
right: 0;
top: 0;
bottom: 0;
max-width: calc(100% - 122px);
width: 100%;
height: 100%;
border-radius: var(--radius-600);
object-fit: cover;
pointer-events: none;
}
.info_dialog_text {
position: relative;
z-index: 1;
color: var(--text-neutral-primary-mian);
font-size: 20px;
font-weight: 400;
line-height: 120%;
padding: 24px;
border-radius: var(--radius-400);
width: calc((100% - 24px) / 2);
background-color: var(--surface-neutral-secondary-high);
}
.inf_wrapper_diag {
position: relative;
z-index: 0;
}
.inf_wrapper_diag::before {
content: "";
position: absolute;
width: 1200px;
height: 1200px;
background-color: var(--surface-brand-blue-low);
border-radius: 50%;
top: 50%;
left: -300px;
transform: translateY(-50%);
z-index: -1;
pointer-events: none;
}
.inf_diag_wrapp {
display: flex;
}
.inf_diag_text {
display: flex;
flex-direction: column;
gap: 16px;
}
.inf_diag_text h2 {
color: var(--text-neutral-primary-mian);
font-size: 48px;
font-weight: 600;
line-height: 120%;
}
.inf_diag_text p {
color: var(--text-neutral-primary-high);
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 1160px) {
.inf_diag_wrapp {
flex-direction: column;
gap: 24px;
}
.inf_diag_text h2 {
font-size: 32px;
line-height: 120%;
}
}
@media (max-width: 769px) {
.inf_diag_text {
gap: 8px;
}
.inf_diag_text p {
font-size: 16px;
line-height: 140%;
}
.inf_wrapper_diag::before {
left: -700px;
}
.info_dialog_text {
padding: 16px;
}
}
@media (max-width: 660px) {
.info_dialog_block {
flex-direction: column;
gap: 8px;
}
.info_dialog_text {
width: 100%;
font-size: 18px;
}
.inf_diag_text h2 {
font-size: 26px;
line-height: 120%;
}
.inf_diag_text {
gap: 8px;
}
.inf_diag_text p {
font-size: 16px;
line-height: 140%;
}
.advantages_services_b_inf {
padding: 24px;
}
}
/* advantages_small_inf */
.advantages_small_inf_wrapper {
display: flex;
gap: 24px;
}
.advantages_small_title {
max-width: 586px;
width: 100%;
box-shadow: 0px 0px 30px 0px rgba(33, 80, 132, 0.04);
padding: 32px;
font-size: 32px;
line-height: 140%;
color: var(--text-neutral-primary-mian);
font-weight: 500;
border-radius: var(--radius-600);
background-color: var(--surface-neutral-secondary-main);
}
.advantages_small_desc {
max-width: 586px;
width: 100%;
padding: 32px;
font-size: 18px;
line-height: 150%;
border-radius: var(--radius-600);
font-weight: 500;
color: var(--text-neutral-secondary-main);
background-color: var(--surface-brand-green-main);
}
.advantages_small_block img {
height: 100%;
width: 100%;
object-fit: cover;
}
.advantages_small_block {
border-radius: var(--radius-600);
overflow: hidden;
}
@media (max-width: 1120px) {
.advantages_small_inf_wrapper {
gap: 16px;
flex-wrap: wrap;
}
.advantages_small_desc {
width: 40%;
}
.advantages_small_title {
width: calc(50% - 32px);
}
.advantages_small_block {
width: 10%;
}
}
@media (max-width: 769px) {
.advantages_small_desc {
width: calc(70% - 16px);
}
.advantages_small_title {
width: 100%;
max-width: 100%;
font-size: 26px;
}
.advantages_small_block {
width: 30%;
}
}
@media (max-width: 660px) {
.advantages_small_desc {
font-size: 16px;
line-height: 140%;
padding: 24px;
}
.advantages_small_title {
font-size: 22px;
line-height: 120%;
padding: 24px;
}
.advantages_small_block {
width: 30%;
}
}
/* inf_block_diagnostics */
.inf_block_diagnostics {
padding: 48px 0;
}
.diagnostics_wrapper {
display: flex;
gap: 24px;
}
.diagnostics_wrapper .diagnostics_block .diagnostics_block_img {
width: calc((100% - 24px) / 2);
overflow: hidden;
border-radius: var(--radius-600);
display: flex;
max-height: 375px;
}
.diagnostics_wrapper .diagnostics_block .diagnostics_block_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.diagnostics_wrapper .diagnostics_block {
width: calc((100% - 24px) / 2);
}
.diagnostics_block_inf {
display: flex;
flex-direction: column;
gap: 24px;
}
.diagnostics_block_inf .desc {
margin: auto 0 0;
font-size: 18px;
line-height: 150%;
color: var(--text-neutral-primary-high);
}
.diagnostics_block_inf .title {
color: var(--text-neutral-primary-mian);
font-weight: 600;
font-size: 32px;
line-height: 140%;
}
@media (max-width: 1160px) {
.inf_block_diagnostics .container>.diagnostics_wrapper {
flex-direction: column;
}
.diagnostics_wrapper .diagnostics_block {
width: 100%;
}
.diagnostics_block_inf .title {
font-size: 28px;
}
}
@media (max-width: 660px) {
.diagnostics_wrapper .diagnostics_block,
.diagnostics_wrapper {
gap: 16px;
}
.diagnostics_wrapper .diagnostics_block .diagnostics_block_img {
max-height: 171px;
}
.diagnostics_block_inf .title {
font-size: 22px;
line-height: 120%;
}
.diagnostics_block_inf .desc {
font-size: 16px;
line-height: 140%;
}
.inf_block_diagnostics {
padding: 32px 0 0;
}
}
/* about_company_wrapper */
.about_company_video {
padding: 48px 0;
}
.about_company_wrapper {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.about_company_wrapper>div {
width: calc((100% - 24px) / 2);
}
.company_text .company_text_wrapp {
padding: 32px;
border-radius: var(--radius-600);
background-color: var(--surface-brand-dark-blue-medium);
box-sizing: border-box;
height: 100%;
display: flex;
gap: 24px;
flex-direction: column;
}
.company_video a {
position: relative;
overflow: hidden;
display: flex;
height: 100%;
border-radius: var(--radius-600);
}
.company_video a::before {
content: " ";
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: var(--surface-brand-dark-blue-high);
}
.company_video a span {
content: " ";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 25%;
height: 25%;
}
.company_video a span svg {
width: 100%;
height: 100%;
}
.company_text_wrapp a {
display: flex;
padding-right: 26px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right center;
background-size: 25px 24px;
}
.company_text p {
font-size: 18px;
line-height: 150%;
color: var(--text-neutral-primary-mian);
}
.company_text a {
font-size: 18px;
color: var(--text-neutral-primary-mian);
display: flex;
justify-content: end;
margin-top: auto;
}
.company_video img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 769px) {
.about_company_wrapper>div {
width: 100%;
}
.company_video {
order: 2;
}
.company_text {
order: 1;
}
.about_company_video {
padding: 16px 0;
}
}
@media (max-width: 660px) {
.company_text p {
font-size: 16px;
line-height: 140%;
}
.company_text .company_text_wrapp {
padding: 24px;
gap: 16px;
}
.company_text a {
font-size: 16px;
font-weight: 400;
}
.about_company_wrapper {
gap: 16px;
}
}
/* specialists */
.specialists_swiper {
padding: 48px 0 34px;
}
.specialists_swiper .specialist_block {
margin: 0 auto;
}
@media (max-width:769px) {
.specialists_wrapper.swiper_wrapp .swiper-button-circle-prev,
.specialists_wrapper.swiper_wrapp .swiper-button-circle-next {
display: none;
}
.specialists_swiper {
padding: 24px 0 22px;
}
.specialists {
padding: 24px 0 56px;
}
}
/* specialist_block */
.specialist_block {
max-width: 400px;
}
.specialist_block .specialist_img {
height: 342px;
border-radius: var(--radius-600);
overflow: hidden;
}
.specialist_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.specialist_inf {
padding: var(--space-400);
display: flex;
flex-direction: column;
gap: var(--space-200);
}
.specialist_inf .name {
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: var(--text-brand-secondary);
}
.specialist_inf .post {
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: var(--text-neutral-primary-high);
}
.specialist_inf_title {
display: flex;
flex-direction: column;
gap: var(--space-100);
}
.specialist_inf .line {
width: 100%;
height: 1px;
background-color: var(--border-brand-primary-medium);
}
.specialist_cont {
display: flex;
gap: 0 18px;
flex-wrap: wrap;
justify-content: space-between;
}
.dot-separator {
display: flex;
height: fit-content;
margin: auto 0;
}
.specialist_cont a {
color: var(--text-neutral-primary-medium);
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 769px) {
.specialist_block {
display: flex;
max-width: unset;
width: 100%;
}
.specialist_block .specialist_img {
height: 142px;
width: 168px;
border-radius: var(--radius-200);
}
.specialist_inf {
width: auto;
flex: 1;
padding: 0 var(--space-400);
margin: auto 0;
}
.specialist_cont {
flex-direction: column;
gap: 2px;
}
.dot-separator {
display: none;
}
}
@media (max-width: 420px) {
.specialist_block .specialist_img {
height: 142px;
width: 124px;
}
}
/* sale_block_wrapper */
.sale_block_swiper {
padding: 48px 0 34px;
}
/* sale_block */
.sale_block {
max-width: 710px;
background-color: var(--surface-neutral-secondary-main);
display: flex;
border-radius: var(--radius-600);
}
.sale_block_inf {
display: flex;
flex-direction: column;
gap: var(--space-200);
margin-top: auto;
margin-bottom: auto;
padding: 0 32px;
width: 100%;
}
.sale_block_inf .line {
width: 100%;
height: 1px;
background-color: var(--border-brand-primary-low);
}
.sale_block_inf .title {
color: var(--text-neutral-primary-high);
font-weight: 600;
font-size: 32px;
line-height: 140%;
}
.sale_block_inf .desc {
color: var(--text-neutral-primary-medium);
font-weight: 400;
font-size: 18px;
line-height: 150%;
}
.sale_block_img {
padding: var(--space-200) var(--space-200) var(--space-200) var(--space-400);
border-left: 3px dashed var(--border-brand-primary-low);
box-sizing: border-box;
width: 100%;
max-width: 236px;
}
.sale_block_img .img {
border-radius: var(--radius-400);
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
max-width: 212px;
}
.sale_block_img .img>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sale_block_img .sale_price {
position: absolute;
display: flex;
gap: 4px;
top: var(--space-200);
right: var(--space-200);
border-radius: var(--space-600);
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-100) var(--space-200);
}
.sale_price span {
display: flex;
color: var(--text-neutral-primary-high);
line-height: 150%;
font-size: 18px;
font-weight: 500;
margin: auto 0;
}
.sale_block {
}
@media (max-width: 1100px) {
.sale_block_inf .title {
font-size: 28px;
}
.sale_block_inf {
padding: 0 24px;
}
}
@media (max-width: 850px) {
.sale_block {
flex-direction: column;
}
.sale_block_img {
order: 1;
border-left: unset;
padding: var(--space-200);
max-width: unset;
border-bottom: 3px dashed var(--border-brand-primary-low);
}
.sale_block_img .img {
max-width: unset;
}
.sale_block_img .img>img {
max-height: 120px;
}
.sale_block_inf {
order: 2;
gap: var(--space-100);
}
.sale_block_inf {
padding: 8px 16px 16px;
}
}
@media (max-width: 769px) {
.sale_block_wrapp .swiper-button-circle-prev,
.sale_block_wrapp .swiper-button-circle-next {
display: none;
}
.sale_block_swiper {
padding: 24px 0 22px;
}
.sale_block {
border-radius: var(--radius-400);
}
}
@media (max-width: 660px) {
.sale_block_inf .title {
font-size: 22px;
line-height: 120%;
}
.sale_block_inf .desc {
font-size: 16px;
line-height: 140%;
}
.sale_price span {
font-size: 16px;
line-height: 140%;
}
}
@media (max-width: 660px) {
.sale_block_img .img>img {
max-height: 66px;
}
}
/* stages_of_work_wrapper */
.stages_of_work_wrapper {
display: flex;
margin-top: 48px;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
}
.stages_of_work_wrapper .stages_of_work_block {
width: calc((100% - 24px) / 2);
}
.stages_of_work_block .sow_img {
max-width: 228px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: var(--radius-600);
}
.sow_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.stages_of_work_block {
display: flex;
gap: 16px;
}
.sow_inf_wrapp {
display: flex;
flex-direction: column;
gap: 16px;
background-color: var(--background-primary);
padding: 24px;
height: 100%;
border-radius: var(--space-600) var(--space-600) 0 var(--space-600);
}
.sow_inf_wrapp .line {
width: 100%;
height: 1px;
background-color: var(--border-brand-primary-low);
}
.sow_inf .title {
color: var(--text-brand-secondary);
font-size: 32px;
font-weight: 600;
line-height: 140%;
}
.sow_inf .sow_desc {
color: var(--text-neutral-primary-high);
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.sow_inf {
display: flex;
height: auto;
}
.sow_inf .count {
font-size: 32px;
line-height: 140%;
display: flex;
height: fit-content;
font-weight: 600;
color: var(--text-brand-secondary);
background-color: inherit;
}
.sow_count .white {
background-color: var(--background-primary);
}
.sow_inf .count {
padding: 24px 16px;
}
.sow_count {
display: flex;
flex-direction: column;
}
.sow_count .white {
background-color: var(--background-primary);
width: 100%;
height: 100%;
border-radius: 0 var(--space-600) var(--space-600) 0;
}
@media (max-width: 1200px) {
.sow_inf .title {
font-size: 32px;
}
.sow_inf .sow_desc {
font-size: 18px;
}
}
@media (max-width: 1150px) {
.stages_of_work_wrapper .stages_of_work_block,
.sow_inf,
.sow_inf_wrapp {
width: 100%;
}
}
@media (max-width: 769px) {
.sow_inf_wrapp {
gap: 8px;
padding: 16px;
}
}
@media (max-width: 660px) {
.sow_inf .title {
font-size: 22px;
line-height: 120%;
}
.sow_inf .sow_desc {
font-size: 16px;
line-height: 140%;
}
.sow_inf .count {
line-height: 120%;
font-size: 22px;
padding: 12px 13px;
}
.stages_of_work_block {
gap: 8px;
}
.stages_of_work_wrapper {
margin-top: 24px;
}
}
@media (max-width: 575px) {
.stages_of_work_block {
flex-direction: column;
}
.stages_of_work_block .sow_img {
height: 120px;
width: 100%;
max-width: unset;
}
}
/* leave_a_review */
.leave_a_review {
padding-top: 24px;
}
.leave_a_review_block.img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.leave_a_review_block.img {
border-radius: var(--radius-600);
overflow: hidden;
}
.leave_a_review_wrapper {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: stretch;
}
.leave_a_review_block {
width: calc((100% - 24px) / 2);
border-radius: var(--radius-600);
display: flex;
height: auto;
}
.leave_a_review_block.inf {
flex-direction: column;
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-800);
gap: var(--space-1600);
}
.leave_a_review_block.inf h2 {
font-size: 32px;
font-weight: 500;
line-height: 140%;
color: var(--text-neutral-primary-mian);
}
.leave_a_review_block.inf .button_wrapp {
display: flex;
gap: 24px;
margin-top: auto;
height: fit-content;
}
.leave_a_review_block.inf .button_wrapp p {
font-size: 18px;
font-weight: 400;
line-height: 150%;
color: var(--text-neutral-primary-high);
}
.leave_a_review_block.inf .button_wrapp a {
font-size: 18px;
font-weight: 500;
line-height: 150%;
color: var(--text-neutral-secondary-main);
background-color: var(--surface-brand-blue-main);
border-radius: var(--radius-200);
padding: var(--space-200) var(--space-600);
border: unset;
white-space: nowrap;
height: fit-content;
display: flex;
margin: auto 0;
display: block;
width: fit-content;
}
@media (max-width: 1015px) {
.leave_a_review_wrapper {
flex-direction: column;
}
.leave_a_review_block {
width: 100%;
}
.leave_a_review_block.inf {
gap: 24px;
}
}
@media (max-width: 660px) {
.leave_a_review_block.inf h2 {
font-size: 22px;
}
.leave_a_review_block.inf {
gap: 16px;
}
.leave_a_review_block.inf .button_wrapp p {
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.leave_a_review_block.inf {
padding: var(--space-600);
}
.leave_a_review_wrapper {
gap: 16px;
}
}
@media (max-width: 560px) {
.leave_a_review_block.inf .button_wrapp {
flex-direction: column;
gap: 16px;
}
.leave_a_review_block.inf .button_wrapp button {
justify-content: center;
font-weight: 400;
}
}
/* footer */
.footer_container_top {
display: flex;
gap: 24px;
}
.footer_container_top .first_block_inf {
display: flex;
gap: 24px;
}
.footer_container_top>div {
width: calc((100% - 24px) / 2);
}
.footer_container_top .form_modal_block {
max-width: 260px;
width: 100%;
padding: 0 32px;
background-color: var(--surface-neutral-secondary-main);
border-radius: var(--radius-600);
padding: 0 var(--space-800);
display: flex;
}
.form_modal_block .form_block_wrapper {
display: flex;
flex-direction: column;
margin: auto 0;
width: 100%;
}
.form_block_wrapper p {
color: var(--text-neutral-primary-high);
font-size: 18px;
line-height: 150%;
font-weight: 400;
text-align: center;
width: 100%;
}
.form_block_wrapper button {
color: var(--text-neutral-secondary-main);
font-size: 16px;
line-height: 130%;
font-weight: 500;
background-color: var(--surface-brand-green-main);
border-radius: var(--radius-200);
padding: var(--space-200);
border: unset;
cursor: pointer;
width: fit-content;
transition: .3s;
margin: 8px auto 0;
}
.form_block_wrapper button:hover {
background-color: var(--surface-brand-green-darken);
}
.form_block_wrapp {
padding: 48px 64px;
border-radius: var(--radius-600);
background-image: url('/local/templates/gtk/assets/img/2790acc19c8172dc7fdabefd29d102dd152af2f5.png');
background-size: cover;
}
.form_block_wrapp .title {
font-size: 32px;
color: var(--text-neutral-secondary-main);
line-height: 140%;
font-weight: 600;
text-align: center;
}
.form_block_contacts {
display: flex;
gap: 16px;
width: fit-content;
margin: 24px auto 0;
align-items: stretch;
}
.form_block_contacts span {
color: var(--text-neutral-secondary-main);
font-size: 18px;
font-weight: 500;
line-height: 150%;
display: flex;
height: fit-content;
margin: auto 0;
}
.form_block_contacts a {
border: 1px solid var(--border-neutral-secondary-medium);
border-radius: var(--radius-200);
padding: var(--space-200);
display: flex;
box-sizing: border-box;
gap: var(--space-100);
transition: .3s;
}
.contact_inf .contact_links a {
transition: .3s;
}
.contact_inf .contact_links a:hover {
color: var(--text-brand-tertiary);
}
.first_block_inf .whatsapp-link:hover {
color: var(--surface-brand-green-darken);
}
.first_block_inf .contact_inf .footer_vk:hover{
color: var(--text-brand-secondary);
}
.form_block_contacts>button {
margin: 0;
height: auto;
background-color: var(--surface-neutral-secondary-main);
color: var(--text-neutral-primary-mian);
}
@media (max-width: 769px) {
.form_block_wrapp {
padding: 16px;
border-radius: var(--radius-400);
}
.form_block_wrapp .title {
font-size: 28px;
}
}
@media (max-width: 660px) {
.form_block_wrapp .title {
font-size: 22px;
line-height: 120%;
text-align: start;
}
.form_block_contacts {
flex-direction: column;
gap: 8px;
width: 100%;
}
.form_block_contacts >span {
display: none;
}
.form_block_contacts>button,
.form_block_contacts a {
width: 100%;
justify-content: center;
}
}
/* */
.footer_container_top .contact_data {
width: 100%;
padding: 32px;
background-color: var(--background-secondary);
border-radius: var(--radius-600);
}
.contact_data .number_wrapper {
display: flex;
flex-direction: column;
}
.contact_data .number_wrapper a {
font-size: 32px;
font-weight: 500;
line-height: 140%;
color: var(--text-neutral-primary-mian);
}
.contact_data .number_wrapper a:first-child {
color: var(--text-brand-tertiary);
}
.contact_inf .contact_title {
color: var(--text-neutral-primary-medium);
font-size: 18px;
font-weight: 400;
line-height: 150%;
max-width: 105px;
width: 100%;
}
.contact_inf .contact_links {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.contact_inf .contact_links a {
color: var(--text-neutral-primary-mian);
font-size: 18px;
font-weight: 400;
line-height: 150%;
display: flex;
gap: 2px;
}
.contact_inf .contact_links a span {
display: flex;
height: fit-content;
margin: auto 0;
}
.first_block_inf .contact_inf {
display: flex;
gap: 48px;
}
.footer_container_bottom {
display: flex;
gap: 24px;
background-color: var(--surface-neutral-secondary-main);
padding: 32px 32px 0px;
border-radius: var(--radius-600) var(--radius-600) 0 0;
margin-top: 24px;
}
.footer_container_bottom.contacts {
margin-top: 0;
}
.footer_bottom_inf {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
padding: 24px 64px 32px 64px;
background-color: var(--surface-neutral-secondary-main);
}
.footer_bottom_inf a {
font-size: 16px;
transition: .3s;
line-height: 130%;
font-weight: 400;
color: var(--text-neutral-primary-medium);
}
.footer_bottom_inf a:hover {
color: var(--text-brand-tertiary);
}
.footer_inf .footer_logo {
display: flex;
gap: var(--space-400);
}
.footer_inf .footer_logo p {
height: fit-content;
display: flex;
margin-top: auto;
font-size: 16px;
font-weight: 400;
line-height: 130%;
color: var(--text-neutral-primary-high);
}
.footer_inf_wrapper {
display: flex;
flex-direction: column;
flex: 1;
margin-top: 16px;
gap: var(--space-200);
border-radius: var(--space-400);
border: 1px solid var(--border-brand-primary-low);
padding: var(--space-400) var(--space-600) var(--space-400) var(--space-600);
}
.footer_container_bottom .footer_inf {
width: calc((100% - 24px) / 2);
display: flex;
flex-direction: column;
}
.footer_inf nav>ul {
display: flex;
flex-wrap: wrap;
padding: 0 16px;
gap: 24px;
}
.footer_inf nav>ul a {
font-size: 16px;
transition: .3s;
font-weight: 400;
line-height: 130%;
color: var(--text-neutral-primary-high);
}
.footer_inf nav>ul a:hover {
color: var(--text-brand-tertiary);
}
.footer_inf_services {
display: flex;
flex-wrap: wrap;
margin-top: 24px;
gap: 8px;
}
.footer_inf_services a {
color: var(--text-neutral-primary-high);
font-size: 16px;
font-weight: 400;
line-height: 100%;
padding: 8px 12px;
border-radius: var(--radius-1000);
transition: .3s;
background-color: var(--surface-brand-dark-blue-medium);
}
.footer_inf_services a:hover {
color: var(--text-neutral-secondary-main);
background-color: var(--surface-brand-green-main);
}
.footer_city_wrapper {
display: flex;
gap: var(--space-200);
flex-wrap: wrap;
}
.footer_city_wrapper .footer_city {
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin-right: var(--space-200);
color: var(--text-neutral-primary-mian);
}
.footer_city_wrapper .footer_address,
.footer_inf_wrapper .footer_details {
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: var(--text-neutral-primary-medium);
}
.footer {
padding-top: 48px;
}
.first_block_title {
display: flex;
padding: 0 64px;
background-color: #2463BD;
background-image: url('/local/templates/gtk/assets/img/background_footer_container_top.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: var(--radius-600);
}
.first_block_title .title {
font-size: 48px;
line-height: 120%;
font-weight: 600;
height: fit-content;
margin: auto 0;
width: 100%;
color: var(--text-neutral-secondary-main);
}
.sitemap_mobile_footer {
display: none;
overflow: hidden;
position: relative;
}
.sitemap_mobile_footer ul {
display: flex;
flex-wrap: wrap;
gap: var(--space-100);
flex-direction: column;
}
.sitemap_mobile_footer nav .submenu_footer {
position: absolute;
width: 100%;
left: 100%;
top: 0;
transition: transform 0.3s ease, visibility 0s linear 0.3s;
transform: translateX(0);
z-index: 1;
visibility: hidden;
display: flex;
gap: var(--space-100);
flex-direction: column;
}
.sitemap_mobile_footer nav ul {
list-style: none;
padding: 0;
transition: transform 0.3s ease;
}
#main-menu_footer.shift-left {
transform: translateX(-100%);
transition: transform 0.3s ease;
}
.sitemap_mobile_footer nav .active-submenu {
z-index: 2;
visibility: visible;
}
.sitemap_mobile_footer nav .outgoing {
transform: translateX(-100%);
z-index: 1;
}
.sitemap_mobile_footer li>a {
padding: var(--space-200) var(--space-400);
display: flex;
gap: var(--space-100);
border-radius: var(--radius-1000);
background: var(--surface-brand-dark-blue-low);
font-size: 16px;
line-height: 140%;
font-style: normal;
justify-content: space-between;
color: var(--text-neutral-primary-high);
font-weight: 400;
}
.sitemap_mobile_footer li>a span {
display: flex;
height: fit-content;
margin: auto 0;
}
.submenu_footer .back-button_footer {
color: var(--text-neutral-primary-low);
font-size: 14px;
font-style: normal;
padding: var(--space-100) 0;
display: flex;
gap: var(--space-100);
line-height: 130%;
font-style: normal;
font-weight: 400;
}
.submenu_footer .back-button_footer span {
display: flex;
height: fit-content;
margin: auto 0;
}
.sitemap_mobile_footer li>a:hover {
background: var(--surface-brand-dark-blue-medium);
}
@media (max-width: 1420px) {
.first_block_inf .contact_inf {
gap: 24px;
}
}
@media (max-width: 1420px) {
.footer_container_top .form_modal_block {
padding: 0 var(--space-600);
}
.footer_container_top .contact_data {
padding: var(--space-600);
}
}
@media (max-width: 1350px) {
.contact_data .number_wrapper a {
font-size: 28px;
}
.first_block_title .title {
font-size: 42px;
}
.first_block_inf .contact_inf {
flex-wrap: wrap;
gap: 10px;
}
.footer_inf nav>ul {
gap: 16px;
}
}
@media (max-width: 1320px) {
.footer_container_top .contact_data {
padding: var(--space-400);
}
.footer_container_top .form_modal_block {
padding: 0 var(--space-200);
}
}
@media (max-width: 1270px) {
.first_block_inf .contact_inf {
flex-direction: column;
gap: 0;
}
}
@media (max-width: 1165px) {
.footer_container_top {
flex-direction: column;
}
.footer_container_top>div {
width: 100%;
}
.first_block_title {
padding: 16px 32px;
}
.first_block_inf .contact_inf {
flex-direction: row;
gap: 48px;
}
}
@media (max-width: 769px) {
.footer_container_bottom {
flex-direction: column;
gap: 16px;
padding: 24px 16px 16px 16px;
}
.footer_container_bottom .footer_inf {
width: 100%;
}
.footer_bottom_inf {
padding: 16px 16px 32px 16px;
gap: 8px;
}
.footer_inf .footer_logo p {
margin: auto 0;
display: flex;
}
.footer_bottom_inf a {
text-align: center;
width: 100%;
}
.footer_container_bottom .footer_inf:nth-of-type(2) {
display: none;
}
.sitemap_mobile_footer {
display: block;
}
}
@media (max-width: 705px) {
.first_block_title .title {
font-size: 32px;
}
.footer_container_top .first_block_inf {
flex-direction: column;
}
.footer_container_top .form_modal_block {
max-width: unset;
padding: 24px;
}
.footer {
padding-top: 32px;
}
.footer_container_top,
.footer_container_top .first_block_inf,
.footer_container_bottom {
gap: 16px;
}
.footer_container_bottom {
margin-top: 16px;
}
.footer_inf .footer_logo p,
.footer_city_wrapper .footer_city,
.footer_city_wrapper .footer_address,
.footer_inf_wrapper .footer_details,
.footer_bottom_inf a {
font-size: 14px;
}
.form_block_wrapper p {
font-size: 16px;
}
.first_block_title,
.footer_container_top .contact_data {
border-radius: var(--radius-400);
}
.footer_container_top .form_modal_block {
border-radius: var(--radius-400);
}
.footer_container_bottom {
border-radius: var(--radius-400) var(--radius-400) 0 0;
}
}
@media (max-width: 430px) {
.first_block_title .title {
font-size: 26px;
}
.first_block_title {
padding: 24px;
}
.contact_inf .contact_title,
.contact_inf .contact_links a {
font-size: 16px;
}
.contact_data .number_wrapper a {
font-size: 22px;
}
.first_block_inf .contact_inf {
gap: 12px;
}
.footer_container_top .contact_data {
gap: 12px;
display: flex;
flex-direction: column;
}
.footer {
padding-top: 16px;
}
.form_block_wrapper button {
width: 100%;
}
}
/* СТРАНИЦА service */
.services_page_wrapper .services_block_wrapper {
padding: 24px 0 0;
}
.detail_page_wrapper .title {
color: var(--text-neutral-primary-mian);
font-size: 48px;
line-height: 120%;
font-weight: 500;
}
.detail_page_desc,
.detail_page_desc p,
.detail_page_desc span {
color: var(--text-neutral-primary-high);
font-size: 18px;
line-height: 150%;
font-weight: 400;
}
.detail_page_wrapper {
display: flex;
flex-direction: column;
gap: 24px;
}
.services_page_wrapper .page_title {
max-width: 470px;
width: 100%;
}
@media (max-width: 1150px) {
.services_page_wrapper .services_block {
width: calc((100% - (var(--space-600) * 2)) / 3);
}
}
@media (max-width: 950px) {
.services_page_wrapper .services_block {
width: calc((100% - (var(--space-600) * 1)) / 2);
}
.detail_page_wrapper .title {
font-size: 42px;
}
}
@media (max-width: 769px) {
.services_page_wrapper .services_block_wrapper {
gap: var(--space-600);
margin-top: 24px;
}
.services_page_wrapper .services_block {
width: calc((100% - (var(--space-600) * 1)) / 2);
}
.detail_page_wrapper .title {
font-size: 32px;
}
.detail_page_wrapper {
gap: 16px;
}
}
@media (max-width: 660px) {
.detail_page_wrapper .title {
font-size: 26px;
}
.detail_page_desc, .detail_page_desc p, .detail_page_desc span {
font-size: 16px;
line-height: 140%;
}
.detail_page_wrapper {
gap: 8px;
padding: 24px 16px;
}
}
@media (max-width: 530px) {
.services_page_wrapper .services_block_wrapper {
padding: 24px 0 0;
margin-top: 0;
}
.services_page_wrapper .services_block {
width: calc((100% - (var(--space-400) * 1)) / 2);
}
.services_page_wrapper .services_block {
width: 100%;
}
.services_page_wrapper .services_block .services_price {
top: 10px;
}
.services_block .services_price {
top: 10px;
color: var(--text-brand-secondary);
font-size: 16px;
font-weight: 500;
}
}
/* страница наша команда specialist_page_wrapper */
.specialist_block_wrapper {
display: flex;
gap: 24px;
flex-wrap: wrap;
padding: 24px 0 0 0;
margin-top: 48px;
}
.specialist_page_wrapper .page_title {
max-width: 370px;
width: 100%;
}
.specialist_block_wrapper .specialist_block {
width: calc((100% - 72px) / 4);
max-width: unset;
}
@media (max-width: 1470px) {
.specialist_block_wrapper .specialist_block {
width: calc((100% - 48px) / 3);
}
}
@media (max-width: 1150px) {
.specialist_block_wrapper .specialist_block {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 769px) {
.specialist_page_wrapper .specialist_block {
width: 100%;
}
.specialist_page_wrapper .specialist_block_wrapper {
padding: 24px 0 0;
margin-top: 0;
}
}
@media (max-width: 620px) {
/*.specialist_page_wrapper .specialist_block {*/
.specialist_block {
flex-direction: column;
gap: 12px;
}
.specialist_block .specialist_img {
width: 90%;
margin: 0 auto;
height: 340px;
}
}
/* страница specialist_page_wrapper */
.tech_block_wrapper {
line-height: 150%;
font-weight: 400;
max-width: 1080px;
margin: 0 auto;
font-size: 18px;
color: var(--text-neutral-primary-high);
}
.tech_block_wrapper .title {
color: var(--text-neutral-primary-mian);
line-height: 120%;
font-weight: 500;
font-size: 48px;
}
.tech_block_desc {
margin-top: 24px;
font-size: 18px;
line-height: 150%;
}
.tech_wrapper {
margin-top: 48px;
}
.tech_block_wrapp {
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-1200) 0;
border-radius: var(--space-600);
}
@media (max-width: 1160px) {
.tech_block_wrapper {
padding: 32px;
}
.tech_block_wrapp {
padding: 0;
}
.tech_block_wrapper .title {
font-size: 38px;
line-height: 120%;
}
}
@media (max-width: 769px) {
.tech_block_desc {
margin-top: 16px;
}
.tech_block_wrapper {
padding: 16px;
}
.tech_block_wrapper .title {
font-size: 32px;
line-height: 120%;
}
}
@media (max-width: 660px) {
.tech_block_wrapper .title {
font-size: 26px;
line-height: 120%;
}
.tech_block_desc {
font-size: 16px;
line-height: 140%;
}
}
/* 404 страницы */
.error_page_wrapper {
padding: 48px 0 16px;
}
.error_wrapper {
display: flex;
gap: 24px;
align-items: stretch;
}
.error_back {
background-image: url('/local/templates/gtk/assets/img/404_page.png');
background-repeat: no-repeat;
background-size: cover;
border-radius: var(--space-600);
background-position: center;
}
.error_inf .title {
color: var(--text-neutral-primary-high);
font-size: 32px;
font-weight: 500;
line-height: 140%;
display: flex;
flex-direction: column;
}
.error_inf .title span {
color: var(--text-brand-secondary);
font-size: 52px;
font-weight: 800;
line-height: 120%;
}
.error_inf {
border-radius: var(--space-600);
padding: var(--space-1200);
background-color: var(--surface-neutral-secondary-main);
}
.error_inf_text {
display: flex;
flex-direction: column;
gap: 16px;
}
.error_inf_text a {
color: var(--text-neutral-secondary-main);
font-weight: 500;
font-size: 16px;
line-height: 130%;
padding: 9.5px 12px;
background-color: var(--surface-brand-green-main);
display: block;
width: fit-content;
box-sizing: border-box;
border-radius: var(--radius-200);
}
.error_block {
width: calc((100% - 24px) / 2);
}
@media (max-width: 769px) {
.error_wrapper {
flex-direction: column;
}
.error_block {
width: 100%;
}
.error_back {
height: 200px;
}
.error_page_wrapper {
padding: 24px 0 16px;
}
}
@media (max-width: 430px) {
.error_back {
height: 172px;
}
.error_block {
text-align: center;
}
.error_inf_text a {
width: 100%;
font-size: 14px;
}
.error_inf .title span {
font-size: 28px;
}
.error_inf .title {
font-size: 22px;
}
.error_inf {
padding: var(--space-600);
}
.error_page_wrapper {
padding: 16px 0 0px;
}
.error_wrapper {
gap: 16px;
}
}
/* Контакты */
.contacts_page_wrapper .page_title {
max-width: 503px;
width: 100%;
}
.contacts_wrapper #yandex-map {
width: 100%;
border-radius: var(--radius-600);
overflow: hidden;
}
.contacts_block {
width: calc((100% - 24px) / 2);
}
.contacts_wrapper {
padding: var(--space-1200) 0 0;
margin-top: var(--space-1200);
display: flex;
gap: 24px;
}
.contacts_inf.contact_data {
background-color: var(--surface-neutral-secondary-main);
border-radius: var(--radius-600);
padding: var(--space-1200);
display: flex;
}
.contacts_inf.contact_data .contact_inf {
display: flex;
gap: 48px;
}
.contacts_inf.contact_data .contact_title {
width: 100%;
max-width: 170px;
}
.contacts_inf.contact_data .contact_wrapp {
margin: auto 0;
display: flex;
flex-direction: column;
width: 100%;
gap: 16px;
}
.contact_information {
display: flex;
gap: 8px;
flex-direction: column;
}
@media (max-width: 1150px) {
.contacts_inf.contact_data {
padding: var(--space-600);
}
}
@media (max-width: 1000px) {
.contacts_wrapper {
gap: var(--space-400);
margin-top: 0;
}
.contacts_block {
width: calc((100% - 16px) / 2);
}
.contacts_inf.contact_data .contact_inf {
gap: 16px;
}
}
@media (max-width: 930px) {
.contacts_block {
width: 100%;
}
.contacts_wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 769px) {
.contacts_inf.contact_data,
.contacts_wrapper .map iframe {
border-radius: var(--radius-400);
}
}
@media (max-width: 660px) {
.contacts_wrapper {
padding: 24px 0 0 0;
}
.contacts_inf.contact_data {
padding: var(--space-400);
}
.contact_data .number_wrapper a {
font-size: 22px;
}
.contacts_inf.contact_data .contact_title,
.contact_inf .contact_links a {
font-size: 16px;
line-height: 140%;
}
.contact_inf .contact_links {
gap: 4px;
}
}
/* certificates_wrapper */
.certificates_block {
padding: 0 32px;
background-color: var(--surface-neutral-secondary-main);
border: 0.8px solid var(--border-brand-primary-low);
border-radius: var(--radius-600);
display: flex;
}
.certificates_inf.img {
padding: 0 45px;
position: relative;
max-width: 310px;
width: 100%;
}
.certificates_inf.inf {
padding: 32px 0;
width: 100%;
}
.certificates_inf.inf .title {
font-size: 20px;
font-weight: 480;
line-height: 120%;
color: var(--text-neutral-primary-mian);
padding-bottom: 7px;
border-bottom: 1px solid var(--border-brand-primary-low);
}
.certificates_inf.inf .desc {
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin-top: 9px;
color: var(--text-neutral-primary-high);
}
.certificates_inf.img a {
display: flex;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.certificates_inf.img img {
width: 220px;
object-position: top;
object-fit: cover;
max-height: 191px;
}
.certificates_block_swiper {
padding-top: 24px;
}
.certificates_block_swiper.swiper {
padding-bottom: 48px;
}
.certificates_block_wrapp {
margin-top: 24px;
}
@media (max-width: 769px) {
.certificates_block_wrapp .swiper-button-circle-prev, .certificates_block_wrapp .swiper-button-circle-next {
display: none;
}
.certificates_block_swiper.swiper {
padding-bottom: 22px;
}
.certificates_block {
padding: 0 24px;
}
.certificates_inf.img {
padding: 0;
}
.certificates_inf.inf {
padding: 24px 0;
}
}
@media (max-width: 660px) {
.certificates_block_swiper {
padding-top: 0;
}
.certificates_inf.inf .title {
font-size: 18px;
line-height: 120%;
padding-bottom: 8px;
}
.certificates_inf.inf .desc {
font-size: 14px;
line-height: 130%;
margin-top: 8px;
}
.certificates_block {
flex-direction: column;
}
.certificates_inf.img {
height: 167px;
margin: 0 auto;
}
.certificates_inf.img img {
max-height: 175px;
}
.certificates_inf.img a {
box-shadow: 0px 0px 30px 0px #060F1A14;
}
}
/* detail_service_wrapper */
.detail_service_desc {
display: flex;
flex-direction: column;
padding: var(--space-1600) var(--space-1200);
border-radius: var(--space-600);
background-color: var(--surface-neutral-secondary-main);
}
.detail_page_inf .title {
font-size: 48px;
font-weight: 500;
line-height: 120%;
color: var(--text-neutral-primary-mian);
}
.detail_page_inf {
display: flex;
flex-direction: column;
gap: 16px;
width: calc((100% - 24px) / 2);
}
.detail_page_inf img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--space-600);
}
.detail_service_first {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.detail_service_first.form {
display: block;
}
.detail_service_first.form .detail_form_back {
float: right;
margin-left: 24px;
margin-bottom: 24px;
}
.detail_service_first.form > .detail_page_inf {
width: 100%;
}
.detail_service_block {
padding: var(--space-600);
display: flex;
flex-direction: column;
gap: var(--space-100);
border-radius: 24px;
width: calc((100% - 48px) / 3);
background-color: var(--surface-brand-dark-blue-low);
}
.detail_service_wrapp {
display: flex;
flex-wrap: wrap;
gap: var(--space-600);
}
.detail_service_block .count {
color: var(--text-brand-secondary);
font-size: 32px;
line-height: 140%;
font-weight: 600;
}
.detail_service_block .desc {
color: var(--text-neutral-primary-high);
font-size: 18px;
font-weight: 500;
line-height: 150%;
}
.detail_page_descript p,
.detail_page_fw p,
.detail_page_fw ul,
.detail_page_descript ul {
margin: 10px 0;
}
.detail_page_descript,
.detail_page_descript p,
.detail_page_fw,
.detail_page_fw p {
color: var(--text-neutral-primary-high);
font-size: 18px;
line-height: 150%;
font-weight: 400;
}
.detail_service_inf {
margin-top: 64px;
display: flex;
flex-direction: column;
gap: var(--space-600);
}
.detail_service_desc .h3_title {
color: var(--text-neutral-primary-high);
line-height: 140%;
font-size: 32px;
font-weight: 600;
}
.detail_service_first.form .h3_title {
margin-bottom: 10px;
}
.detail_page_descript li {
list-style-type: disc;
font-size: 18px;
line-height: 150%;
font-weight: 400;
color: var(--text-neutral-primary-high);
}
.detail_page_descript ul {
padding-left: 24px;
}
.detail_form_back button {
width: fit-content;
line-height: 150%;
font-size: 18px;
font-weight: 500;
margin: 0 auto;
display: flex;
gap: 6px;
padding: var(--space-200) var(--space-600);
border-radius: var(--radius-200);
background-color: var(--surface-brand-green-main);
border: unset;
cursor: pointer;
color: var(--text-neutral-secondary-main);
}
.detail_form_back button span {
display: flex;
height: fit-content;
margin: auto 0;
}
.detail_form_back {
background-image: url('/local/templates/gtk/assets/img/imageform.png');
background-repeat: no-repeat;
background-size: cover;
padding: 77px 0;
justify-content: center;
border-radius: var(--space-600);
}
.detail_form_back .title {
font-size: 32px;
line-height: 140%;
font-weight: 600;
max-width: 386px;
margin: 0 auto;
text-align: center;
color: var(--text-neutral-secondary-main);
}
.detail_service_first:nth-of-type(n + 2) {
margin-top: 64px;
}
.detail_job_block {
width: calc((100% - 48px) / 3);
padding: 16px 16px 24px 16px;
display: flex;
flex-direction: column;
gap: 24px;
border-radius: var(--radius-600);
background-color: var(--surface-brand-dark-blue-low);
}
.detail_job_img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--space-400);
}
.detail_job_title {
font-size: 20px;
font-weight: 480;
line-height: 120%;
color: var(--text-neutral-primary-mian);
}
.detail_service_wrapper {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.detail_job_img {
position: relative;
overflow: hidden;
/* border-top-left-radius: var(--radius-600);
border-top-right-radius: var(--radius-600); */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.detail_job_img .count {
top: 8px;
right: 8px;
position: absolute;
font-size: 20px;
font-weight: 600;
line-height: 120%;
color: var(--text-brand-secondary);
}
@media (max-width: 1100px) {
.detail_service_first {
width: 100%;
}
.detail_page_inf .title {
font-size: 38px;
}
.detail_job_img .count,
.detail_job_title {
font-size: 24px;
}
.detail_form_back .title {
font-size: 24px;
line-height: 120%;
}
.detail_service_first {
gap: 16px;
}
.detail_page_inf {
width: calc((100% - 16px) / 2);
}
.detail_service_inf,
.detail_service_first:nth-of-type(n + 2) {
margin-top: 48px;
}
.detail_service_wrapp,
.detail_service_wrapper {
gap: 16px;
}
.detail_service_block,
.detail_job_block {
width: calc((100% - 32px) / 3);
}
.detail_form_back {
padding: 24px;
}
}
@media (max-width: 930px) {
.detail_service_first {
flex-direction: column;
}
.detail_page_inf {
width: 100%;
}
.detail_page_inf.img img {
max-height: 300px;
}
.detail_page_inf.img {
order: 3;
}
}
@media (max-width: 900px) {
.detail_service_block, .detail_job_block {
width: calc((100% - 16px) / 2);
}
}
@media (max-width: 769px) {
.detail_page_inf .title {
font-size: 32px;
}
.detail_service_desc .h3_title,
.detail_service_block .count {
font-size: 28px;
line-height: 120%;
}
.detail_job_img .count,
.detail_job_title {
font-size: 22px;
}
.detail_job_block,
.detail_service_wrapper,
.detail_service_wrapp {
gap: 16px;
}
.detail_service_desc {
padding: var(--space-600) var(--space-400);
border-radius: var(--radius-400);
}
.detail_service_block {
border-radius: var(--radius-400);
padding: var(--space-400);
}
.detail_job_block {
border-radius: var(--radius-400);
}
}
@media (max-width: 660px) {
}
@media (max-width: 660px) {
.detail_page_inf img {
border-radius: var(--space-400);
}
.detail_page_inf .title {
font-size: 26px;
}
.detail_form_back .title {
font-size: 22px;
line-height: 120%;
}
.detail_job_block {
padding: 8px 8px 16px 8px;
}
.detail_page_descript, .detail_page_descript p, .detail_page_fw, .detail_page_fw p,
.detail_service_block .desc,
.detail_page_descript li {
font-size: 16px;
line-height: 140%;
}
.detail_service_desc .h3_title,
.detail_service_block .count {
font-size: 22px;
line-height: 120%;
}
.detail_job_img .count,
.detail_job_title {
font-size: 18px;
}
.detail_job_block {
gap: 16px;
}
.detail_service_block, .detail_job_block {
width: 100%;
}
.detail_job_img img {
max-height: 210px;
}
.detail_job_title {
padding: 0 8px;
}
.detail_service_inf, .detail_service_first:nth-of-type(n + 2) {
margin-top: 32px;
gap: 16px;
}
.detail_form_back {
border-radius: var(--space-400);
}
.detail_form_back button {
width: 100%;
justify-content: center;
}
}
/* about_company_page */
.about_company_img {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: calc((100% - 24px) / 2);
border-radius: var(--space-600);
}
.about_company_p_wrapper {
width: 100%;
display: flex;
gap: 24px;
}
.about_company_p_wrapper .about_company_desc {
padding: 32px 48px;
background-color: var(--surface-brand-blue-low);
padding: var(--space-800) var(--space-1200);
border-radius: 24px;
}
.about_company_p_wrapper .desc {
font-size: 16px;
font-weight: 400;
line-height: 130%;
color: var(--text-neutral-primary-high);
}
.about_company_p_wrapper .count {
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: var(--text-brand-secondary);
}
.about_company_inf {
display: flex;
gap: 24px;
flex-direction: column;
width: calc((100% - 24px) / 2);
}
.about_company_wrapp {
display: flex;
gap: 24px;
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-600) var(--space-1200);
border-radius: var(--space-600);
}
.about_company_inf .about_company_p_wrapper .about_company_img,
.about_company_p_wrapper .about_company_desc {
width: calc((100% - 24px) / 2);
}
.about_company_inf .about_company_desc {
color: var(--text-neutral-primary-high);
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 1100px) {
.about_company_p_wrapper .count {
font-size: 36px;
}
.about_company_p_wrapper .about_company_desc {
padding: 24px;
}
}
@media (max-width: 920px) {
.about_company_p_wrapper .count {
font-size: 32px;
}
.about_company_wrapp {
flex-direction: column;
}
.about_company_inf {
width: 100%;
}
.about_company_inf {
order: 2;
}
.about_company_inf.img {
order: 1;
}
.about_company_img {
height: auto;
}
}
@media (max-width: 769px) {
.about_company_wrapp {
padding: 16px;
border-radius: var(--space-400);
}
.about_company_p_wrapper .about_company_desc,
.about_company_img {
border-radius: var(--space-400);
}
.about_company_inf .about_company_p_wrapper .about_company_img {
background-position: center;
}
.about_company_p_wrapper .count {
font-size: 28px;
}
.about_company_p_wrapper {
gap: 8px;
}
.about_company_inf {
gap: 8px;
}
.about_company_inf .about_company_p_wrapper .about_company_img, .about_company_p_wrapper .about_company_desc {
width: calc((100% - 8px) / 2);
}
}
@media (max-width: 660px) {
.about_company_inf .about_company_desc {
font-size: 16px;
line-height: 140%;
}
.about_company_p_wrapper .desc {
font-size: 14px;
line-height: 130%;
}
.about_company_p_wrapper .count {
font-size: 26px;
line-height: 120%;
}
.about_company_p_wrapper .about_company_desc {
padding: 16px;
}
}
/* stock_page_wrapper */
.stock_block_wrapper {
display: flex;
flex-wrap: wrap;
gap: var(--space-600);
padding: 24px 0 48px;
margin-top: 48px;
}
.stock_block_wrapper .sale_block {
max-width: 710px;
width: calc((100% - 24px) / 2);
}
@media (max-width: 1200px) {
.stock_block_wrapper {
gap: 16px;
}
.stock_block_wrapper .sale_block {
max-width: 710px;
width: calc((100% - 16px) / 2);
}
}
@media (max-width: 769px) {
.stock_block_wrapper .sale_block {
width: 100%;
max-width: unset;
}
.stock_page_wrapper .stock_block_wrapper {
padding: 24px 0 0;
margin-top: 0;
}
}
/* how_work */
.how_work_wrapper {
display: flex;
margin-top: 24px;
flex-wrap: wrap;
gap: var(--space-600);
}
.how_work_block {
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-600) var(--space-800);
border-radius: var(--space-600);
width: calc((100% - 24px) / 2);
display: flex;
flex-direction: column;
gap: var(--space-1600);
}
.how_work_block .count {
color: var(--text-brand-secondary);
font-weight: 600;
font-size: 20px;
line-height: 120%;
width: 100%;
text-align: end;
}
.how_work_block .desc {
color: var(--text-neutral-primary-mian);
line-height: 150%;
font-size: 18px;
font-weight: 400;
}
.how_work .title {
color: var(--text-neutral-primary-high);
font-size: 48px;
line-height: 120%;
font-weight: 600;
}
/* cooperation_page */
.cooperation_block_inf.img {
min-height: 245px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.cooperation_page_bottom {
display: flex;
gap: 24px;
margin-top: 24px;
flex-wrap: wrap;
}
.cooperation_page_bottom .cooperation_block_inf {
border-radius: var(--space-600);
background-color: var(--surface-neutral-secondary-main);
padding: 84.5px var(--space-1200);
}
.cooperation_block_inf.img img {
border-radius: var(--space-600);
}
.cooperation_block_inf .desc {
font-size: 32px;
line-height: 140%;
font-weight: 500;
color: var(--text-neutral-primary-high);
}
.cooperation_page_top {
display: flex;
background-color: var(--surface-neutral-secondary-main);
gap: var(--space-1200);
padding: var(--space-1200);
border-radius: var(--radius-600);
}
.cooperation_page_top .title {
color: var(--text-neutral-primary-high);
font-size: 32px;
line-height: 140%;
font-weight: 500;
}
.cooperation_page_inf {
width: calc((100% - 48px) / 2);
}
.cooperation_page_inf .cooperation_page_desc {
color: var(--text-neutral-primary-high);
font-size: 18px;
line-height: 150%;
font-weight: 400;
padding-left: 38px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2015C0%206.71573%206.71573%200%2015%200C23.2843%200%2030%206.71573%2030%2015C30%2023.2843%2023.2843%2030%2015%2030C6.71573%2030%200%2023.2843%200%2015Z%22%20fill%3D%22%23215084%22%20fill-opacity%3D%220.04%22/%3E%3Cpath%20d%3D%22M9.23951%2014.0473C8.94397%2014.0481%208.6547%2014.1326%208.40517%2014.291C8.15565%2014.4493%207.95606%2014.6751%207.82949%2014.9422C7.70293%2015.2093%207.65457%2015.5067%207.69%2015.8001C7.72543%2016.0935%207.84322%2016.3709%208.02972%2016.6002L12.0055%2021.4705C12.1472%2021.6465%2012.329%2021.7862%2012.5355%2021.8779C12.7421%2021.9695%2012.9676%2022.0106%2013.1932%2021.9977C13.6758%2021.9718%2014.1114%2021.7136%2014.3892%2021.2892L22.6479%207.98855C22.6493%207.98634%2022.6507%207.98414%2022.6521%207.98196C22.7296%207.86298%2022.7045%207.6272%2022.5445%207.47907C22.5006%207.43839%2022.4488%207.40714%2022.3923%207.38724C22.3359%207.36734%2022.2759%207.35921%2022.2162%207.36336C22.1564%207.3675%2022.0982%207.38383%2022.045%207.41133C21.9918%207.43884%2021.9448%207.47694%2021.9069%207.5233C21.904%207.52694%2021.9009%207.53053%2021.8978%207.53407L13.5688%2016.9446C13.5371%2016.9804%2013.4986%2017.0096%2013.4555%2017.0304C13.4125%2017.0512%2013.3657%2017.0632%2013.318%2017.0658C13.2702%2017.0684%2013.2224%2017.0615%2013.1774%2017.0454C13.1323%2017.0294%2013.0909%2017.0045%2013.0555%2016.9724L10.2913%2014.4569C10.0042%2014.1937%209.62897%2014.0476%209.23951%2014.0473Z%22%20fill%3D%22%232463BD%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left top;
background-size: 30px 30px;
}
@media (max-width: 1200px) {
.cooperation_block_inf .desc {
font-size: 24px;
}
.cooperation_block_inf .title,
.how_work .title {
font-size: 42px;
}
.cooperation_page_bottom .cooperation_block_inf {
padding: 60px 32px;
}
}
@media (max-width: 1100px) {
.cooperation_block_inf .title,
.how_work .title {
font-size: 38px;
}
.cooperation_page_top {
gap: 24px;
}
.cooperation_page_top .cooperation_page_inf {
width: calc((100% - 24px) / 2);
}
.cooperation_page_bottom {
gap: var(--space-400);
}
.cooperation_wrapp {
gap: var(--space-400);
}
.cooperation_block_inf {
gap: var(--space-400);
width: calc((100% - 16px) / 2);
}
.cooperation_page_top .title {
font-size: 26px;
}
}
@media (max-width: 950px) {
.cooperation_page_top {
padding: 24px;
}
}
@media (max-width: 869px) {
.cooperation_block_inf .title,
.how_work .title {
font-size: 36px;
}
.cooperation_page_bottom .cooperation_block_inf {
padding: 24px;
}
}
@media (max-width: 769px) {
.cooperation_wrapp {
padding: var(--space-400);
border-radius: var(--space-400);
}
.cooperation_page_bottom .cooperation_block_inf {
border-radius: var(--space-400);
}
.cooperation_wrapp {
flex-wrap: wrap;
}
.cooperation_block_inf {
width: 100%;
}
.cooperation_page_top {
flex-wrap: wrap;
}
.cooperation_page_top .cooperation_page_inf {
width: 100%;
}
.cooperation_block_inf.img {
border-radius: var(--space-400);
}
.cooperation_block_inf .title,
.how_work .title {
font-size: 32px;
}
.how_work_wrapper {
gap: 16px;
}
.how_work_block {
border-radius: var(--space-400);
gap: var(--space-800);
padding: var(--space-400);
width: calc((100% - 16px) / 2);
}
}
@media (max-width: 660px) {
.cooperation_block_inf .title,
.how_work .title {
font-size: 26px;
line-height: 120%;
}
.how_work_block {
gap: var(--space-400);
}
.how_work_block .desc {
font-size: 16px;
line-height: 140%;
}
.how_work_block .count {
font-size: 18px;
}
.cooperation_block_inf p {
font-size: 16px;
line-height: 140%;
}
.cooperation_wrapper .cooperation_block_inf.img {
min-height: unset;
}
.cooperation_block_inf .desc {
font-size: 22px;
line-height: 120%
}
.cooperation_page_bottom {
margin-top: 16px;
}
.cooperation_page {
padding-top: 0;
}
.cooperation_page_inf .cooperation_page_desc {
font-size: 16px;
line-height: 140%;
}
.cooperation_page_top .title {
font-size: 22px;
line-height: 120%;
}
}
@media (max-width: 520px) {
.how_work_block {
width: 100%;
}
}
@media (max-width: 450px) {
.cooperation_wrapper .cooperation_block_inf.img {
max-height: 138px;
}
}
/* blog_block_wrapper */
.blog_block_wrapper {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.blog_block {
width: 100%;
display: flex;
border-radius: var(--space-600);
overflow: hidden;
background-color: var(--surface-neutral-secondary-main);
flex-direction: column;
box-shadow: 0px 0px 30px 0px rgba(33, 80, 132, 0.04);
}
.blog_block.non-active {
display: none;
}
.blog_block_wrapper .blog_block {
width: calc((100% - 48px) / 3);
}
.blog_block .inf_wrapper {
display: flex;
flex-direction: column;
gap: 8px;
}
.inf_wrapper .date {
color: var(--text-neutral-primary-medium);
font-size: 16px;
line-height: 130%;
font-weight: 400;
}
.blog_block .img {
padding: 16px 14px;
overflow: hidden;
height: 100%;
}
.blog_block img {
height: 100%;
width: 100%;
max-height: 182px;
border-radius: var(--space-400);
object-fit: cover;
}
.blog_block .inf_wrapper {
padding: 16px 16px 24px 16px;
}
.blog_block .title {
color: var(--text-neutral-primary-high);
font-size: 20px;
font-weight: 480;
line-height: 120%;
}
.blog_block .desc {
color: var(--text-neutral-primary-medium);
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.blog_block_wrapper {
padding-top: 24px;
margin-top: 48px;
}
.more_btn_wrapper {
width: 100%;
text-align: center;
}
.more_btn {
width: fit-content;
margin: 0 auto;
cursor: pointer;
color: var(--text-neutral-primary-mian);
line-height: 150%;
font-size: 18px;
font-weight: 400;
display: flex;
gap: 2px;
margin-top: 48px;
}
.more_btn span {
display: flex;
height: fit-content;
margin: auto 0;
}
.blog_page_wrapper .page_title {
max-width: 470px;
width: 100%;
}
@media (max-width: 1150px) {
.blog_block_wrapper {
gap: 16px;
}
.blog_block_wrapper .blog_block {
width: calc((100% - 32px) / 3);
}
.more_btn {
margin-top: 32px;
}
}
@media (max-width: 900px) {
.blog_block_wrapper .blog_block {
width: calc((100% - 16px) / 2);
}
}
@media (max-width: 660px) {
.blog_block_wrapper .blog_block {
width: 100%;
}
.inf_wrapper .date {
font-size: 14px;
}
.blog_block .title {
font-size: 18px;
}
.blog_block .desc {
font-size: 14px;
line-height: 130%;
}
.blog_block .inf_wrapper {
padding: 8px 16px 16px;
}
.blog_block .img {
padding: 8px;
}
.blog_block img {
border-radius: var(--space-200);
}
.blog_block {
border-radius: var(--space-400);
}
.more_btn {
margin-top: 24px;
}
.blog_page_wrapper .blog_block_wrapper {
padding: 24px 0 0;
margin-top: 0;
}
}
/* */
.detail_block_inf .date {
color: var(--text-neutral-primary-medium);
font-size: 18px;
line-height: 150%;
font-weight: 400;
}
.blog_block_swiper {
padding: 48px 0 38px 0;
}
.blog_wrapp_inf .title {
font-size: 32px;
line-height: 140%;
font-weight: 500;
color: var(--text-neutral-primary-mian);
}
.blog_wrapp_inf .desc {
font-size: 18px;
line-height: 150%;
font-weight: 400;
color: var(--text-neutral-primary-high);
}
.blog_detail_wrapp {
background-color: var(--surface-neutral-secondary-main);
padding: var(--space-1600) 180px;
display: flex;
flex-direction: column;
gap: var(--space-1600);
border-radius: var(--space-600);
}
.blog_wrapp_inf ul {
padding-left: 24px;
}
.blog_wrapp_inf li {
list-style-type: disc;
}
.blog_wrapp_inf {
display: flex;
gap: 16px;
flex-direction: column;
}
.blog_wrapp_padding {
color: var(--text-neutral-primary-high);
font-size: 20px;
font-weight: 400;
padding: var(--space-800);
background-color: var(--surface-brand-dark-blue-medium);
line-height: 120%;
border-radius: var(--space-600);
}
.blog_wrapp_padding.green {
background-color: var(--surface-brand-green-medium);
}
.blog_wrapper_img {
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.blog_wrapper_img .blog_wrapp_inf,
.blog_wrapper_img .blog_wrapp_img {
width: calc((100% - 24px) / 2);
}
.blog_wrapper_img .blog_wrapp_inf {
height: fit-content;
margin: auto 0;
}
.blog_wrapp_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog_wrapper_img .blog_wrapp_img {
border-radius: var(--space-600);
overflow: hidden;
}
.blog_detail_inf .detail_service_first {
margin: 0;
}
.blog_detail_inf .detail_service_first h2.title {
color: var(--text-neutral-primary-high);
font-size: 32px;
line-height: 140%;
font-weight: 500;
}
.blog_wrapp_video {
display: flex;
gap: 24px;
}
.blog_video_text {
width: calc((100% - 24px) / 2);
height: fit-content;
margin: auto 0;
}
.blog_video_text .blog_wrapp_inf {
height: fit-content;
margin: auto 0;
}
.blog_wrapp_video .company_video {
width: calc((100% - 24px) / 2);
}
@media (max-width: 1280px) {
.blog_detail_wrapp {
padding: var(--space-1600);
gap: var(--space-800);
}
}
@media (max-width: 950px) {
.blog_detail_wrapp {
padding: var(--space-800);
}
}
@media (max-width: 769px) {
.detail_inf_wrapper.blog .detail_block_wrapper .detail_block_wrapp:last-child {
display: block;
}
.detail_inf_wrapper.blog .detail_block_inf {
gap: 4px;
}
.blog_wrapp_inf .title {
font-size: 22px;
line-height: 120%;
}
.blog_wrapp_inf .desc {
font-size: 16px;
line-height: 140%;
}
.blog_detail_inf .detail_service_first h2.title {
font-size: 26px;
line-height: 120%;
}
.blog_wrapp_padding {
font-size: 18px;
line-height: 120%;
}
.blog_detail_wrapp {
padding: 24px 16px;
border-radius: var(--space-400);
}
.blog_block_container .swiper-button-circle-prev,.blog_block_container .swiper-button-circle-next {
display: none;
}
.blog_block_swiper {
padding: 24px 0 22px;
}
}
@media (max-width: 660px) {
.blog_wrapper_img,
.blog_wrapp_video {
flex-direction: column;
gap: 16px;
}
.blog_wrapper_img .blog_wrapp_inf,
.blog_wrapper_img .blog_wrapp_img,
.blog_wrapp_video .company_video,
.blog_video_text {
width: 100%;
}
.blog_video_text {
order: 2;
}
}
#cookie_notification {
display: none;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 15px;
left: 50%;
width: 1200px;
max-width: 90%;
transform: translateX(-50%);
padding: 25px;
background-color: white;
border-radius: 4px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
z-index: 99999999;
}
#cookie_notification p {
margin: 0;
font-size: 12px;
text-align: left;
color: black;
}
@media (min-width: 576px) {
#cookie_notification.show {
display: flex !important;
}
.cookie_accept {
margin: 0 0 0 25px;
}
}
@media (max-width: 575px) {
#cookie_notification.show {
display: block;
text-align: left;
}
.cookie_accept {
margin: 10px 0 0 0;
}
}
.widget-container {
position: fixed;
right: 20px;
bottom: 64px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 4;
}
.widget-button {
width: 64px;
height: 64px;
cursor: pointer;
transition: transform 0.3s ease;
}
.widget-button:hover {
/*transform: scale(1.1);*/
}
@media (max-width: 769px) {
.widget-container {
position: fixed;
right: 16px;
bottom: 24px;
gap: 8px;
}
}
.qaa_question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.qaa_wrapper {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}
.qaa_question span {
font-size: 18px;
line-height: 150%;
width: calc(100% - 40px);
font-weight: 400;
color: var(--text-neutral-primary-high);
}
.qaa_block {
border-radius: var(--radius-600);
background-color: var(--surface-neutral-secondary-high);
padding: var(--space-400) var(--space-600);
}
.qaa_answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;
opacity: 0;
display: flex;
gap: 16px;
flex-direction: column;
}
.qaa_answer_inf {
color: var(--text-neutral-primary-mian);
font-size: 18px;
line-height: 150%;
}
.qaa_line {
margin-top: 16px;
width: 100%;
height: 1px;
background-color: var(--border-brand-primary-low);
}
.qaa_block.active .qaa_answer {
max-height: 2200px;
opacity: 1;
}
.qaa_block.active .qaa_question span {
color: var(--text-neutral-primary-medium);
}
.qaa_icon {
transition: transform 0.3s ease;
}
.qaa_block.active .qaa_icon {
transform: rotate(90deg);
}
.qaa_block.active .qaa_circle {
fill: rgba(81, 188, 235, 0.4);
}
.qaa_block.active .qaa_path {
d: path("M26.364 13.6359L13.636 26.3639M13.636 13.6359L26.364 26.3639");
}
@media (max-width: 660px) {
.qaa_question span {
font-size: 16px;
line-height: 140%;
}
.qaa_answer_inf {
font-size: 16px;
line-height: 140%;
}
.qaa_line {
margin-top: 8px;
}
.qaa_answer {
gap: 8px;
}
.qaa_wrapper {
margin-top: 24px;
}
.qaa_block {
border-radius: var(--radius-800);
}
.qaa_block.active {
border-radius: var(--radius-400);
}
.qaa_question svg {
width: 32px;
height: 32px;
}
.qaa_block {
padding: var(--space-200) var(--space-200) var(--space-200) var(--space-400);
}
}
.reviews_block_title::before {
content: "";
display: block;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20opacity%3D%220.2%22%20d%3D%22M35%204.27157L34.2159%209.28053C32.2676%209.15983%2030.7946%209.48169%2029.7966%2010.2461C28.7987%2011.0105%2028.1572%2012.0566%2027.8721%2013.3843C27.587%2014.7119%2027.5157%2016.1804%2027.6583%2017.7897H35V32H21.0294V15.9793C21.0294%2011.7548%2022.2411%208.57646%2024.6646%206.44413C27.1356%204.27157%2030.5807%203.54738%2035%204.27157ZM14.9707%204.27157L14.1866%209.28053C12.2383%209.15983%2010.7652%209.48169%209.7673%2010.2461C8.76939%2011.0105%208.12788%2012.0566%207.84277%2013.3843C7.55765%2014.7119%207.48637%2016.1804%207.62893%2017.7897H14.9707V32H1V15.9793C1%2011.7548%202.21174%208.57646%204.63522%206.44413C7.10622%204.27157%2010.5514%203.54738%2014.9707%204.27157Z%22%20fill%3D%22%232463BD%22%20fill-opacity%3D%220.88%22/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.reviews_block_title {
display: flex;
font-weight: 500;
font-size: 32px;
gap: 24px;
line-height: 140%;
color: var(--text-neutral-primary-mian);
}
.reviews_block {
border-radius: var(--radius-600);
padding: var(--space-800);
background-color: var(--surface-neutral-secondary-main);
box-shadow: 0 0 30px 0 var(--dark-blue-24);
}
.reviews_block_desc {
padding: 16px 0;
font-size: 18px;
line-height: 150%;
color: var(--text-neutral-primary-high);
}
.review_author {
display: flex;
gap: 8px;
white-space: nowrap;
font-size: 18px;
line-height: 150%;
}
.review_block_inf {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 16px;
border-top: 1px solid var(--border-brand-primary-low);
}
.review_block_inf > a {
display: flex;
gap: 2px;
height: fit-content;
align-items: center;
color: var(--text-neutral-primary-mian);
}
.review_block_inf>a::after {
background-image: url("data:image/svg+xml;utf8,");
display: block;
width: 24px;
height: 24px;
content: "";
background-repeat: no-repeat;
background-size: contain;
}
.review_block_inf .yandex::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%2010.9C4%206.26068%207.5816%202.5%2012%202.5C16.4184%202.5%2020%206.26068%2020%2010.9C20%2013.2188%2019.1052%2015.3184%2017.658%2016.8384C17.2803%2017.2352%2016.7689%2017.6784%2016.2157%2018.1577C14.6492%2019.5152%2012.7478%2021.1628%2012.6%2022.87C12.57%2023.2164%2012.3312%2023.5%2012%2023.5C11.6688%2023.5%2011.43%2023.2164%2011.4%2022.87C11.2522%2021.1628%209.35092%2019.5153%207.78435%2018.1578C7.23119%2017.6784%206.71976%2017.2352%206.342%2016.8384C4.8948%2015.3184%204%2013.2188%204%2010.9ZM15%2010.5C15%2012.1568%2013.6569%2013.5%2012%2013.5C10.3432%2013.5%209%2012.1568%209%2010.5C9%208.84314%2010.3432%207.5%2012%207.5C13.6569%207.5%2015%208.84314%2015%2010.5Z%22%20fill%3D%22%23FF4433%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.review_block_inf .GIS::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.2041%2014.048C12.9992%2014.0643%2012.4807%2016.0656%2012.308%2017.7577L12.2294%2018.5062H11.5853L11.5067%2017.7577C11.3339%2016.0656%2010.7998%2014.0643%207.70484%2014.048C7.18641%2012.9415%206.96646%2012.0466%206.96646%2011.0378C6.96646%208.51591%208.96168%206.15657%2011.9152%206.15657C14.8687%206.15657%2016.8325%208.49955%2016.8325%2011.0542C16.8325%2012.0466%2016.7382%2012.9415%2016.2041%2014.048ZM11.8838%203.09766C7.01364%203.09766%203.02319%207.23048%203.02319%2012.2906C3.02319%2017.3672%207.01364%2021.5%2011.8838%2021.5C16.801%2021.5%2020.7758%2017.3672%2020.7758%2012.2906C20.7758%207.2305%2016.801%203.09766%2011.8838%203.09766Z%22%20fill%3D%22%2329B24A%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.review_author .date {
font-size: 18px;
line-height: 150%;
color: var(--text-neutral-primary-medium);
}
.review_author .name {
margin: auto 0;
display: flex;
height: fit-content;
color: var(--text-neutral-primary-high);
}
.reviews_block_swiper.swiper {
padding-bottom: 48px;
}
.reviews_block_wrapp {
margin-top: 48px;
}
@media (max-width: 1200px) {
.reviews_block_title {
font-size: 28px;
}
}
@media (max-width: 900px) {
.reviews_block {
padding: 35px 24px;
}
}
@media (max-width: 769px) {
.review_block_inf > a {
order: 2;
}
.review_author {
order: 1;
}
.reviews_block_title {
gap: 16px;
}
.reviews_block_wrapp .swiper-button-circle-prev,.reviews_block_wrapp .swiper-button-circle-next {
display: none;
}
.reviews_block_swiper.swiper {
padding-bottom: 22px;
}
.reviews_block_wrapp {
margin-top: 24px;
}
.reviews_block {
border-radius: var(--radius-400);
}
}
@media (max-width: 660px) {
.reviews_block_title {
font-size: 22px;
line-height: 120%;
}
.reviews_block_desc {
font-size: 16px;
line-height: 140%;
}
.review_author {
flex-direction: column;
gap: 0;
}
.review_block_inf > a {
margin: auto 0;
}
.review_block_inf {
padding-top: 8px;
}
.reviews_block_title::before {
min-width: 30px;
min-height: 30px;
max-width: 30px;
max-height: 30px;
}
}
/* End */
/* Start:/local/components/sotbit/regions.choose/templates/.default/style.css?17514699636535*/
.select-city-wrap {
position: relative;
}
.select-city__block__text {
color: #919294;
font-family: 'NotoSans';
font-size: 12px;
line-height: 30px;
}
.select-city__block__text-city {
color: #414141;
font-family: 'NotoSans';
font-size: 12px;
line-height: 30px;
text-decoration: underline;
text-decoration-style: dotted;
cursor: pointer;
}
.select-city__dropdown__title {
color: #414141;
font-size: 13px;
line-height: 30px;
font-family: "NotoSans";
display: block;
margin-bottom: 10px;
}
.select-city__dropdown {
background-color: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
width: 211px;
text-align: center;
padding: 11px 5px 17px 5px;
}
.select-city__dropdown-wrap {
z-index: 99;
position: absolute;
}
.select-city__dropdown__choose {
display: inline-block;
height: 32px;
width: 82px;
font-size: 12px;
line-height: 32px;
text-transform: uppercase;
font-family: 'ProximaNova';
text-align: center;
cursor: pointer;
}
.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
opacity: .7;
}
.select-city__dropdown__choose__yes {
color: #919294;
border: 1px solid #d3d3d3;
margin-right: 15px;
}
.select-city__dropdown__choose__no {
color: #ffffff;
background: #333333;
}
.select-city__dropdown__choose-wrap {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.select-city__modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.modal__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2500;
}
.select-city__modal-wrap {
background-color: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
width: 684px;
padding: 37px 53px 40px 53px;
position: relative;
margin: 30vh auto;
transition: width .2s;
}
.select-city__modal__title {
color: #000000 !important;
font-family: 'ProximaNova' !important;
line-height: 30px;
font-size: 25px !important;
margin-bottom: 20px !important;
}
.select-city__modal__list {
columns: 3;
margin-bottom: 23px;
}
.select-city__modal__list__title {
color: #000000;
font-family: 'ProximaNovaBold';
line-height: 30px;
font-size: 14px;
display: block;
margin-bottom: 11px;
}
.select-city__modal__list__item {
color: #414141 !important;
font-family: 'ProximaNova' !important;
line-height: 30px;
font-size: 14px;
margin-bottom: 0 !important;
cursor: pointer;
}
.select-city__modal__list__item:hover, .select-city__modal__list__item:focus,
.select-city__modal__list__item:active {
color: #0978c6 !important;
text-decoration: underline;
text-decoration-color: #c1ddf1;
}
.select-city__modal__submit__block-wrap {
background: #eceef1;
padding: 21px 15px;
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 42px);
}
.select-city__modal__submit__title {
color: #000000;
font-family: 'ProximaNovaBold';
line-height: 30px;
font-size: 14px;
display: block;
margin-bottom: 0px;
}
.select-city__modal__submit__input {
border: 1px solid #d3d3d3;
background: #ffffff;
box-shadow: none;
height: 32px;
width: calc(100% - 32px);
max-width: 517px;
color: #414141;
font-family: 'ProximaNova';
font-size: 14px;
margin-right: 15px;
padding: 0 15px;
}
.select-city__modal__submit__btn {
background: #000000;
border: none !important;
box-shadow: none !important;
width: 147px;
height: 32px;
text-transform: uppercase;
color: #ffffff;
font-family: 'ProximaNova';
font-size: 12px;
}
.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
opacity: .7;
}
.select-city__close {
background: url("/local/components/sotbit/regions.choose/templates/.default/img/select-city__close.png") no-repeat;
background-position: center;
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: -30px;
cursor: pointer;
}
.select-city__close:hover {
opacity: .7;
}
@media ( max-width : 768px) {
.select-city__modal-wrap {
width: 484px;
padding: 37px 25px 40px 25px;
}
.select-city__modal__list {
columns: 2;
}
}
@media ( max-width : 575px) {
.select-city__modal-wrap {
width: 80%;
padding: 27px 20px 30px 20px;
}
.select-city__modal-wrap {
margin: 20vh auto;
}
.select-city__modal__title {
font-size: 20px !important;
margin-bottom: 10px !important;
}
.select-city__close {
top: 15px;
right: 15px;
}
.select-city__modal__list__item {
font-size: 13px !important;
}
}
@media ( max-width : 400px) {
.select-city__modal__list {
columns: unset;
max-height:100px;
overflow:auto;
}
.select-city__modal-wrap {
margin: 5vh auto;
}
.select-city__modal__list__title {
line-height: 20px;
}
.select-city__modal__submit__block-wrap {
display: block;
}
.select-city__modal__submit__input {
margin-right: 0px;
margin-bottom: 10px;
}
.select-city__modal-wrap {
padding: 15px 20px;
}
.select-city__modal__submit__btn
{
width:100%;
}
}
.select-city__modal__submit__block-wrap__input_wrap
{
position:relative;
width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
position:absolute;
width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
padding-left:0;
margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
border-bottom: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
background: #ffffff;
height: 32px;
width: 100%;
max-width: 517px;
color: #414141;
font-family: 'ProximaNova';
font-size: 14px;
padding: 0 15px;
line-height:32px;
margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
color:red;
position:absolute;
top:-20px;
}
.select-city__modal__submit__vars {
position: absolute;
top: 100%;
left: 0px;
background-color: #fff;
box-shadow: 2px 3px 3px #a0a0a0;
padding: 3px;
cursor: pointer;
max-height: 171px;
overflow-y: auto;
}
.select-city__modal__submit__vars .regions_vars:hover {
background-color: #f0f0f0;
}
/* End */
/* Start:/local/components/gazteh_form/form/templates/.default/style.css?1753509994227*/
body.showFosConsult {
overflow: hidden
}
/*body.showFosConsult .fos-consult {*/
body.showFosConsult .fos-consult {
visibility: visible;
opacity: 1
}
.fos-consult .modal-desc_input {
height: 60px;
}
/* End */
/* Start:/local/components/gazteh_form/form/templates/result/style.css?1753510021944*/
body.showFosResult {
overflow: hidden
}
/*body.showFosResult .fos-consult {*/
body.showFosResult .fos-result {
visibility: visible;
opacity: 1
}
.fos-result .modal-desc_input {
height: 60px;
}
.fos-result .success_form_btn:hover {
background: #b95e2e;
}
.success_form_btn {
color: #fff;
font-size: 18px;
line-height: 150%;
font-weight: 500;
width: 100%;
border-radius: var(--radius-200);
padding: var(--space-200) var(--space-600);
border: none;
cursor: pointer;
margin-top: 24px;
background-color: var(--surface-brand-green-main);
}
.fos-result .ffc_head {
display: flex;
gap: 16px;
}
.fos-result .ffc_head span {
display: flex;
margin: auto 0;
}
.fos-result .ffc_infos, .fos-result .ffc_infos form {
margin-top: 16px;
padding: 0 32px 32px;
}
@media (max-width: 675px) {
padding: 0 24px 24px;
}
/* End */
/* /local/templates/gtk/assets/css/reset.css?1753486984964 */
/* /local/templates/gtk/assets/css/fancybox.css?175082194325247 */
/* /local/templates/gtk/assets/css/foses.css?17534162915805 */
/* /local/templates/gtk/assets/css/swiper-bundle.min.css?175082194318454 */
/* /local/templates/gtk/assets/css/flatpickr.min.css?175305899316166 */
/* /local/templates/gtk/assets/css/main.css?17535114929431 */
/* /local/templates/gtk/assets/css/style.css?1754545274112749 */
/* /local/components/sotbit/regions.choose/templates/.default/style.css?17514699636535 */
/* /local/components/gazteh_form/form/templates/.default/style.css?1753509994227 */
/* /local/components/gazteh_form/form/templates/result/style.css?1753510021944 */