/* Start:/local/js.lib/fancybox5/fancybox.min.css?170540916324768*/ :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:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out 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) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{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-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{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:none;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)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__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;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2px;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-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.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: 1px;--f-button-prev-pos: 1px;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:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.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:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.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:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.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: 20px;--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}.f-thumbs__track{display:flex;will-change:transform}.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);min-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(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .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))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;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-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.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{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;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;margin:auto 0;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: 20px;--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/main/css/jquery.scrollbar.full.css?164821596722618*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/local/templates/main/css/styles.min.css?170359151376985*/ .wow { visibility: hidden } .animated { animation-duration: 1s; animation-fill-mode: both } .animated.hinge { animation-duration: 2s } @keyframes a { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { animation-name: a } @keyframes b { 0% { opacity: 0; transform: translateY(-50px) } to { opacity: 1; transform: translateY(0) } } .fadeInDown { animation-name: b } @keyframes c { 0% { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } } .fadeInUp { animation-name: c } @font-face { font-family: Montserrat; src: url(/local/templates/main/css/../fonts/Montserrat-Regular.woff) format("woff"), url(/local/templates/main/css/../fonts/Montserrat-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/main/css/../fonts/Montserrat-Medium.woff) format("woff"), url(/local/templates/main/css/../fonts/Montserrat-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/main/css/../fonts/Montserrat-SemiBold.woff) format("woff"), url(/local/templates/main/css/../fonts/Montserrat-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Montserrat; src: url(/local/templates/main/css/../fonts/Montserrat-Bold.woff) format("woff"), url(/local/templates/main/css/../fonts/Montserrat-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0; transition: .3s } .mfp-menu .mfp-bg { background-color: transparent; z-index: 148 } .mfp-menu .mfp-content { vertical-align: top } .mfp-menu .mfp-wrap { z-index: 149 } .mfp-ready.mfp-bg { opacity: .8 } .mfp-removing.mfp-bg { opacity: 0 } .mfp-wrap { z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch !important } .mfp-container, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100% } .mfp-container { text-align: center; position: absolute; box-sizing: border-box } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; opacity: 0; transition: .3s; z-index: 1045 } .mfp-ready .mfp-content { opacity: 1 } .mfp-removing .mfp-content { opacity: 0 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { position: absolute; width: 60px; height: 60px; right: 0; top: 0; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wMDAxIDguNDMxNDlMMS41Njg2MiAwTDAgMS41Njg2Mkw4LjQzMTQ5IDEwLjAwMDFMNy43MzIwN2UtMDUgMTguNDMxNUwxLjU2ODcgMjAuMDAwMUwxMC4wMDAxIDExLjU2ODdMMTguNDMxMyAxOS45OTk5TDE5Ljk5OTkgMTguNDMxM0wxMS41Njg3IDEwLjAwMDFMMjAgMS41Njg4M0wxOC40MzE0IDAuMDAwMjAyNDkyTDEwLjAwMDEgOC40MzE0OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") 50% no-repeat } .mfp-close:focus, .mfp-close:hover { opacity: .6 } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { display: none; margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media (max-width: 900px) { .mfp-arrow { transform: scale(.75) } .mfp-arrow-left { transform-origin: 0 } .mfp-arrow-right { transform-origin: 100% } } .footer-feedback-form, .header-modal-nav li, .header__wrap { -ms-flex-align: center; align-items: center } .about-way__wrap, .footer-feedback-form, .header-modal-nav li, .header__wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .about-way__wrap { -ms-flex-align: stretch; align-items: stretch } .about-team-slider__nav, .about-video__btn div, .docs-slider__nav, /* .header-modal-feedback a, .header-modal-feedback div, .header-modal-nav__next, */ .hero-services { padding-top: 70px; padding-bottom: 70px } .hero-services__title { margin-bottom: 25px !important } @media (min-width: 1025px) { .hero-services { padding-top: 90px; padding-bottom: 90px } } .card, .footer__wrap, .header-nav > li > div > ul { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start } .about-team-slider__prev, .advantages-count, .docs-slider__prev, .footer-nav, .gallery-slider__prev, .header-nav > li > div > ul > li > a, .hero-cards-slider__prev, .hero-pagination { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start } .header-modal-feedback, .hero-cards-slider .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start } .about-team-slider__next, .docs-slider__next, .gallery-slider__next, .header-contacts, .header-nav, .header__top, .hero-cards-slider__next { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end } .about-team__wrap, .about-way, .about__wrap, .advantages__wrap, .container, .docs__wrap, .feedback__wrap, .footer__bottom, .footer__wrap, .gallery, .header-nav > li > div > ul, .header__wrap, .hero-services, .main-top__wrap { max-width: 1440px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto } /*@media (min-width:1025px) { .about-team__wrap, .about-way, .about__wrap, .advantages__wrap, .container, .docs__wrap, .feedback__wrap, .footer__bottom, .footer__wrap, .gallery, .header-nav>li>div>ul, .header__wrap, .hero-services, .main-top__wrap { padding-left: 25px; padding-right: 25px } }*/ .breadcrumbs a, .breadcrumbs li, .breadcrumbs svg, .footer-social li, .header-lang li { display: inline-block; vertical-align: middle } .about__img img, .docs-modal__img, .docs-slider__item img, .gallery-preview__item img, .gallery-slider img, .header-logo img, .services__img img, .team__img { display: block; width: 100%; height: auto } .about-video__img, .main-top { background-size: cover; background-position: 50% } .about-team-slider__next, .about-team-slider__prev, .about-video__btn div, .btn-blue, .btn-grad, .btn-grad:before, .btn-gray, .btn-gray svg, .btn-tr, .btn-tr svg, .btn-white, .card, .docs-slider__next, .docs-slider__prev, .footer-feedback-form__btn, .gallery-preview__item:before, .gallery-slider__next, .gallery-slider__prev, .header-btn, .header-btn:after, .header-btn:before, .header-modal-nav ul, .header-nav > li > div, .hero-cards-slider__next, .hero-cards-slider__prev, .hero-slider__next, .hero-slider__prev, .link-arrow svg, a { transition: .2s } .about__img:before, .btn-grad:before, .gallery-preview__item:before, .hero-slide:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .header-nav a { font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; } .header-nav > li:first-child > a { padding-left: 18px; position: relative; } .header-nav > li:first-child > a:before { content: ''; width: 10px; height: 10px; position: absolute; left: 0; top: 26px; transform: translateY(-50%); background-image: url(/local/templates/main/images/ic_products.svg); } .header-nav > li > div { visibility: hidden; opacity: 0; pointer-events: none } .header-nav > li:hover > div { visibility: visible; opacity: 1; pointer-events: auto } .card__img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center font-family: "object-fit: contain;object-position: center center;" } .about-team-slider__next, .about-team-slider__prev, .docs-slider__next, .docs-slider__prev, .gallery-slider__next, .gallery-slider__prev, .hero-cards-slider__next, .hero-cards-slider__prev { width: 21px; color: #787878; cursor: pointer; overflow: hidden } .no-touch .about-team-slider__next:hover, .no-touch .about-team-slider__prev:hover, .no-touch .docs-slider__next:hover, .no-touch .docs-slider__prev:hover, .no-touch .gallery-slider__next:hover, .no-touch .gallery-slider__prev:hover, .no-touch .hero-cards-slider__next:hover, .no-touch .hero-cards-slider__prev:hover { width: 41px; color: #009de2 } *, :after, :before { margin: 0; padding: 0; box-sizing: border-box; border: 0; outline: 0; vertical-align: baseline } html { min-height: 100% } body { position: relative; height: 100%; color: #000; font: 500 14px/1 Montserrat, sans-serif; background-color: #fff; padding-top: 60px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased } .no-touch:not(.macos) body.popup .header { width: calc(100% - 17px) } footer, header, main { width: 100% } header, main { position: relative } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } li { list-style: none; vertical-align: top } a, a:active, a:hover { text-decoration: none; outline: none } a { color: inherit } b, strong { font-weight: 700 } svg { overflow: visible; fill: currentColor } table { table-layout: fixed; border-collapse: collapse; border-spacing: 0 } p { line-height: 1.3 } button { cursor: pointer; font-family: Montserrat, sans-serif; font-weight: 500; background-color: transparent } button:focus, input, input:focus, textarea { outline: none; box-shadow: none } textarea { resize: none; overflow-y: hidden } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; overflow: visible } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: none; padding: 0 } ::-ms-clear, select::-ms-expand { display: none } @media (min-width: 1500px) { body { /* padding-top: 220px; */ } } @media (min-width: 1025px) { body { font-size: 16px; padding-top: 135px; /* padding-top: 184px; */ } } .hidden { display: none !important } .disabled { opacity: .6; cursor: auto; pointer-events: none } .text-center { text-align: center } :focus::-webkit-input-placeholder { color: transparent !important } :focus:-moz-placeholder, :focus::-moz-placeholder { color: transparent !important } :focus:-ms-input-placeholder { color: transparent !important } .btn-blue, .btn-grad, .btn-gray, .btn-tr, .btn-white, .footer-feedback-form__btn { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; white-space: nowrap; vertical-align: top; text-align: center; cursor: pointer } .btn-tr { height: 50px; color: #fff; font-size: 16px; padding-left: 30px; padding-right: 30px; border: 1px solid #fff } .btn-tr svg { margin-left: 12px } .no-touch .btn-tr:hover { color: #009de2; background-color: #fff } .no-touch .btn-tr:hover svg { transform: translateX(5px) } .btn-gray { height: 50px; font-size: 16px; background: #eff0f0; padding-left: 30px; padding-right: 30px } .btn-gray svg { width: 0; margin-right: 13px; margin-top: -2px } .no-touch .btn-gray:hover { background: #d9e2e7 } .no-touch .btn-gray:hover svg { width: 18px } .btn-white { height: 50px; color: #009de2; font-size: 16px; background: #fff; padding-left: 30px; padding-right: 30px; border: 1px solid #fff } .no-touch .btn-white:hover { color: #fff; background: transparent } .btn-blue { height: 50px; color: #fff !important; text-decoration: none !important; font-size: 14px; background: #009de2; padding-left: 23px; padding-right: 23px; box-shadow: 0 7px 19px rgba(0, 95, 137, .2) } .btn-grad, .no-touch .btn-blue:hover { background: #3b496f } .btn-grad { position: relative; height: 32px; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: -.7px; padding-left: 16px; padding-right: 16px; text-transform: uppercase; z-index: 100 } .btn-grad:before { background: linear-gradient(90deg, #15b4d8, #4e72d9); z-index: -1 } .no-touch .btn-grad:hover { color: #fff; box-shadow: 0 7px 19px rgba(0, 95, 137, .2) } .no-touch .btn-grad:hover:before { opacity: 0 } .line-link { border-bottom: 1px solid currentColor } .line-link:hover { border-bottom-color: transparent } .no-touch .link-arrow:hover svg { margin-left: 26px } .link-arrow svg { margin-left: 12px } .title-1, h1 { font-size: 28px } .title-1, .title-2, .title-3, h1, h2, h3 { font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 0; } .title-2, h2 { font-size: 24px } .title-3, h3 { font-size: 20px } @media (min-width: 1025px) { .title-1, h1 { font-size: 46px } .title-2, h2 { font-size: 34px } .title-3, h3 { font-size: 22px; } } .flex-row { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .flex-row img { width: 100% } .flex-row > div { margin-bottom: 20px } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-tb-1, .col-tb-2, .col-tb-3, .col-tb-4, .col-tb-5, .col-tb-6, .col-tb-7, .col-tb-8, .col-tb-9, .col-tb-10, .col-tb-11, .col-tb-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-right: 15px; padding-left: 15px } .col-mb-12 { width: 100% } .col-mb-11 { width: 91.66666667% } .col-mb-10 { width: 83.33333333% } .col-mb-9 { width: 75% } .col-mb-8 { width: 66.66666667% } .col-mb-7 { width: 58.33333333% } .col-mb-6 { width: 50% } .col-mb-5 { width: 41.66666667% } .col-mb-4 { width: 33.33333333% } .col-mb-3 { width: 25% } .col-mb-2 { width: 16.66666667% } .col-mb-1 { width: 8.33333333% } @media (min-width: 480px) { .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } } @media (min-width: 576px) { .col-tb-12 { width: 100% } .col-tb-11 { width: 91.66666667% } .col-tb-10 { width: 83.33333333% } .col-tb-9 { width: 75% } .col-tb-8 { width: 66.66666667% } .col-tb-7 { width: 58.33333333% } .col-tb-6 { width: 50% } .col-tb-5 { width: 41.66666667% } .col-tb-4 { width: 33.33333333% } .col-tb-3 { width: 25% } .col-tb-2 { width: 16.66666667% } .col-tb-1 { width: 8.33333333% } } @media (min-width: 768px) { .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } } @media (min-width: 1025px) { .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } } @media (min-width: 1210px) { .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } } .header { position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 150; transition: box-shadow .2s } .header.scroll { box-shadow: 0 3px 10px rgba(0, 0, 0, .09); background-color: #fff; } .header__wrap { transition: height .2s; z-index: 2; position: relative; } .header-logo { position: relative; width: 114px; height: 30px } .header-logo span { position: absolute; left: 95px; bottom: -10px; color: #787878; font-size: 12px; letter-spacing: -.5px; display: block; width: 270px; } .header__top { padding-top: 20px; } .header__top .js-open-popup { color: #FFF; text-align: center; font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; padding: 8px 16px; border-radius: 4px; border: 1px solid #4A98DF; background: #4A98DF; margin-right: 36px; } .header-contacts { margin-right: 44px; } .header-contacts li + li { margin-left: 20px } .header-contacts a { color: #555; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } .header-contacts a.active, .no-touch .header-contacts a:hover { color: #009de2 } .header-lang { font-size: 14px; } .header-lang li + li { margin-left: 10px } .header-lang a { color: #828282; } .header-lang a.active, .no-touch .header-lang a:hover { color: #000 } .header-nav { border-top: 1px solid #DCDCDC; margin-top: 16px; } .header-nav > li + li { margin-left: 30px } .header-nav > li > a { display: block; padding-bottom: 20px; padding-top: 16px; } .header-nav > li > a svg { margin-left: 5px; stroke: currentColor; vertical-align: middle; transition: transform .2s; display: none; } .header-nav > li > div { position: absolute; width: 100%; top: 100%; left: 0; background-color: #fff; padding-top: 30px; padding-bottom: 90px; border-top: 1px solid #f2f2f2 } .header-nav > li > div.header-nav__search { border-top: 0; } .header-nav > li > div > ul { -ms-flex-wrap: wrap; flex-wrap: wrap } .header-nav > li > div > ul > li { width: 50%; max-width: 450px } .header-nav > li > div > ul > li:nth-child(2) ~ li { margin-top: 35px } .header-nav > li > div > ul > li > a img { margin-right: 10px } .header-nav > li > div > ul > li ul { margin-top: 15px; font-size: 12px; padding-left: 34px } .header-nav > li > div > ul > li ul li + li { margin-top: 10px } .header-nav > li:hover > a svg { transform: rotate(180deg) } .no-touch .header-nav a:hover { color: #009de2 } .header-modal { position: absolute; width: 100%; min-height: 100vh; top: 100%; left: 0; background-color: #fff; padding: 85px 0 15px; /* padding: 140px 0 15px; */ } .header-modal__phone { font-weight: 700; font-size: 21px; /*margin-left: 15px;*/ letter-spacing: .08em; display: none; } .header-modal-feedback { color: #fff; /* margin: 35px 15px 15px */ margin: 0 15px; } .header-modal-feedback li { width: 50% } .header-modal-feedback li:first-child { background: linear-gradient(90deg, #15b4d8, #4e72d9), #64bd5c } .header-modal-feedback li:last-child { background: #393939 } .header-modal-feedback a, .header-modal-feedback div { height: 76px; font-size: 8px; line-height: 1.2; text-align: center; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; /* -ms-flex-direction: column; flex-direction: column; */ display: flex; align-items: center; justify-content: center; } .header-modal-feedback span { display: block; /*margin-top: 7px */ margin-left: 7px; text-align: left; } .header-modal-nav { position: relative; background-color: #fff } .header-modal-nav li { padding-left: 18px } .header-modal-nav li:nth-child(2n) { background-color: #fafafa } .header-modal-nav a { display: block; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; padding: 18px 0 17px } .header-modal-nav ul { position: absolute; width: 100%; min-height: 100%; top: 0; left: 100%; background-color: #fff } .header-modal-nav ul.active { left: 0; z-index: 2; } .header-modal-nav__prev { color: #4661ad; padding-left: 18px; cursor: pointer } .header-modal-nav__prev svg { height: 50px } .header-modal-nav__next { width: 44px; height: 44px; color: #4661ad; margin-left: 20px; cursor: pointer; position: relative; } .header-modal-nav__next:hover { color: #4661ad; } .header-modal-nav__next svg { stroke: currentColor; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .header-btn { position: relative; display: inline-block; width: 28px; height: 28px; cursor: pointer; background-image: url("/local/templates/main/images/header-btn.svg"); background-repeat: no-repeat; background-size: contain; } .header-btn.active { background-image: url("/local/templates/main/images/header-btn-close.svg"); } .nordlase-header--fix .header-btn { background-image: url("/local/templates/main/images/header-btn-blue.svg"); } .nordlase-header--fix .header-btn.active{ background-image: url("/local/templates/main/images/header-btn-close.svg"); } .header-adap { display: none; } .header-contacts__mail { padding-right: 30px; width: 100%; position: relative; } .header-contacts__mail--iscopy a { display: none; } .header-contacts__mail--iscopy .header-contacts__mail-iscopy { display: block; } .header-contacts__mail a, .header-contacts__mail span { vertical-align: middle; } .header-contacts__mail:hover a { text-decoration: none; } /* .header-contacts__mail a span { position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-right: 5px; width: 26px; height: 9px; background: url(/local/templates/lenlasers_new/images/mail.svg); }*/ .header-contacts__mail-copy { display: inline-block; vertical-align: middle; width: 12px; height: 12px; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } .header-contacts__mail-iscopy { display: none; } .header-contacts__mail-copy:before, .header-contacts__mail-copy:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .1s ease-in-out; } .header-contacts__mail-copy:before { background: url(/local/templates/main/css/../images/svg/copy-ico.svg) no-repeat center; background-size: contain; opacity: 1; } .header-contacts__mail-copy:after { background: url(/local/templates/main/css/../images/svg/copy-ico-hover.svg) no-repeat center; background-size: contain; opacity: 0; } .header-contacts__mail-copy:hover:before { opacity: 0; } .header-contacts__mail-copy:hover:after { opacity: 1; } @media (max-width: 1199px) { .header-logo span { display: none } } @media (max-width: 1024px) { .header__info { display: none } .header-adap { display: flex; align-items: center; } .header__wrap { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 1151px) { .header__wrap { align-items: center; } .header-logo { width: 200px; height: 53px } .header-btn { display: none } .header-modal { display: none !important } } @media (min-width: 1200px) { .header-logo { width: 294px; height: 78px } .header-contacts li + li, .header-nav > li + li { margin-left: 40px } } .footer { color: #fff; font-weight: 400; background: #373d44; padding-top: 49px; padding-bottom: 30px } .no-touch .footer a:hover { color: #009de2 } .footer__wrap { max-width: 1330px } .footer-nav, .footer__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__menu { width: 100%; max-width: 600px; display: flex; flex-wrap: wrap; padding-right: 40px; } .footer-nav { max-width: 600px; margin-bottom: 20px; width: 50%; } .footer-nav li { /*width: 50%;*/ width: 100%; margin-bottom: 30px } .footer__contacts { margin-bottom: 40px; width: 300px; padding-right: 20px } /* .footer-contacts { margin-bottom: 25px; }*/ .footer-contacts li + li { margin-top: 24px } .footer-contacts li:first-child { font-size: 22px; font-weight: 600 } .footer-contacts svg { margin-right: 10px; vertical-align: middle } .footer-social { font-size: 0 } .footer-social li + li { margin-left: 10px } .footer-feedback { width: 100%; margin-left: auto; margin-bottom: 40px } .footer-feedback__title { margin-bottom: 15px; padding-left: 15px } .footer-feedback-form__field { width: calc(100% - 130px); height: 40px; color: #888; font: 400 16px/1 Montserrat, sans-serif; border: 2px solid #494f55; border-radius: 3px; background-color: transparent; padding: 0 15px } .footer-feedback-form__btn { height: 40px; color: #fff; font-size: 14px; background: #494f55; border-radius: 3px; padding-left: 26px; padding-right: 26px; margin-left: 4px } .no-touch .footer-feedback-form__btn:hover { color: #fff; background: #888 } .footer-feedback-form ::-webkit-input-placeholder { color: #888; font: 400 16px/38px Montserrat, sans-serif } .footer-feedback-form :-moz-placeholder, .footer-feedback-form ::-moz-placeholder { color: #888; font: 400 16px/38px Montserrat, sans-serif } .footer-feedback-form :-ms-input-placeholder { color: #888; font: 400 16px/38px Montserrat, sans-serif } .footer__bottom { max-width: 1430px; color: #919191; font-size: 12px; padding-top: 30px; border-top: 1px solid #41474e } .footer-docs { margin-top: 20px } .footer-docs li { margin-top: 5px } .footer-made { margin-top: 20px } .footer-made svg { margin-left: 4px; vertical-align: middle } .footer-contacts__mail { padding-right: 30px; width: 100%; position: relative; padding-left: 30px; } .footer-contacts__mail--iscopy a { display: none; } .footer-contacts__mail--iscopy .footer-contacts__mail-iscopy { display: block; } .footer-contacts__mail a, .footer-contacts__mail span { vertical-align: middle; } .footer-contacts__mail:hover a { text-decoration: none; } .footer-contacts__mail .email { position: absolute; left: 0; top: 1px; display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 13px; } .footer-contacts__mail-copy { display: inline-block; vertical-align: middle; width: 12px; height: 12px; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; } .footer-contacts__mail-iscopy { display: none; } .footer-contacts__mail-copy:before, .footer-contacts__mail-copy:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .1s ease-in-out; } .footer-contacts__mail-copy:before { background: url(/local/templates/main/css/../images/svg/copy-ico-wt.svg) no-repeat center; background-size: contain; opacity: 1; } .footer-contacts__mail-copy:after { background: url(/local/templates/main/css/../images/svg/copy-ico-hover.svg) no-repeat center; background-size: contain; opacity: 0; } .footer-contacts__mail-copy:hover:before { opacity: 0; } .footer-contacts__mail-copy:hover:after { opacity: 1; } @media (min-width: 500px) { .footer-docs { margin-right: 20px } .footer-docs, .footer-docs li { display: inline-block; vertical-align: middle } .footer-docs li + li { margin-left: 20px } } @media (min-width: 1200px) { .footer__wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 20px } .footer-nav, .footer__contacts { margin-bottom: 0 } .footer-feedback { max-width: 440px; margin-bottom: 0 } .footer-feedback__title { padding-left: 25px } .footer-feedback-form__field { padding-left: 25px; padding-right: 25px } } @media (min-width: 1300px) { .footer__bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .footer-docs, .footer-made { margin-top: 0 } .footer-docs { margin-right: 0 } .footer-docs li { margin-top: 0 } .footer-docs { margin-right: 60px } .footer-docs li + li { margin-left: 60px } } @media (max-width: 1430px) { .footer__menu { max-width: 40%; } .footer__contacts { width: 30%; padding-right: 20px } .footer .ajax-form { width: 30%; } } @media (max-width: 991px) { .footer__menu { max-width: 100%; padding-right: 0; } .footer-nav { display: block; } .footer-nav li { margin-bottom: 20px; } .footer__contacts { width: 50%; padding-right: 40px; } .footer .ajax-form { width: 50%; } } @media (max-width: 600px) { .footer__contacts { width: 100%; padding-right: 0; } .footer .ajax-form { width: 100%; } } .breadcrumbs { margin-bottom: 33px } .breadcrumbs li { font-size: 12px; margin-right: 1px } .no-touch .breadcrumbs a:hover { color: #009de2 } .breadcrumbs svg { width: 5px; height: 8px; stroke: currentColor } .popup-form { position: relative; width: 100%; max-width: 600px; color: #fff; padding: 55px 20px 40px; margin: 0 auto; background: linear-gradient(90deg, #15b4d8, #4e72d9), #fff } .popup-form--custom { max-width: 460px; padding: 42px 20px 24px; border-radius: 12px; border: 1px solid #E9E9E9; background: #FFF; color: #828282; } .popup-form--custom .mfp-close { width: 18px; height: 18px; top: 24px; right: 20px; background: transparent; color: #828282; transition: color 0.3s ease; } .popup-form--custom .mfp-close:hover { opacity: 1; color: #555; } .popup-form--custom .mfp-close::before, .popup-form--custom .mfp-close::after { content: ''; position: absolute; top: 50%; left: 50%; height: 2px; width: 75%; background-color: currentColor; } .popup-form--custom .mfp-close::before { transform: translate(-50%, -50%) rotate(-45deg); } .popup-form--custom .mfp-close::after { transform: translate(-50%, -50%) rotate(45deg); } .popup-form__title { font-size: 18px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 20px } .popup-form__title--custom { font-weight: 700; letter-spacing: 0; margin-bottom: 32px; color: #000 } .popup-form__title--ty { margin-top: 16px; } .form-control { display: block; position: relative; } .form-control:not(:first-child) { margin-top: 24px; } .form-control__label { display: block; position: absolute; top: -10px; left: 10px; padding: 0 2px; color: #828282; font-size: 12px; font-style: normal; font-weight: 500; line-height: 1.57143; background: #fff; z-index: 1; transition: color 0.3s ease; } .form-control__label span { color: #FF7171; } .popup-form__field { width: 100%; height: 40px; color: #fff; font: 500 16px/1 Montserrat, sans-serif; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; background-color: transparent; border-bottom: 1px solid hsla(0, 0%, 100%, .7) } .popup-form__field--custom { display: block; padding: 10px 14px; color: #555; font-size: 12px; font-style: normal; font-weight: 500; line-height: 1.57143; border-radius: 4px; margin-bottom: 0; background-color: #fff; border: 1px solid #E9E9E9; transition: border-color 0.3s ease, background-color 0.3s ease; } .popup-form__field--textarea { min-height: 5.714em; } .popup-form__field--custom:focus { border-color: #555; } .popup-form__field--custom:focus + .form-control__label { color: #828282; } .popup-form__field--custom:not(:placeholder-shown) { border-color: #555; } .popup-form__field--custom:not(:placeholder-shown) + .form-control__label { color: #828282; } .popup-form__field.error { color: #f10000 !important; border-bottom-color: #f10000 !important } .popup-form__field--custom.error { color: #FF9696 !important; border-color: #FF9696 !important; } .popup-form__field--custom.error + .form-control__label { color: #FF9696 !important; } .popup-form__field--custom.error:focus { color: #555 !important; border-color: #555 !important; } .popup-form__field--custom.error:focus + .form-control__label { color: #828282 !important; } .popup-form__field--custom.error:not(:placeholder-shown) { color: #555 !important; border-color: #555 !important; } .popup-form__field--custom.error:not(:placeholder-shown) + .form-control__label { color: #828282 !important; } .popup-form__btn { width: 100%; margin-top: 20px; margin-bottom: 16px } .popup-form__btn--custom { width: auto; padding: 10px 32px 12px; border-radius: 4px; border: 1px solid #4A98DF; background: #4A98DF; color: #FFF; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.375; margin-top: 16px; margin-bottom: 12px; transition: background 0.3s ease, border-color 0.3s ease; } .popup-form__btn--custom:hover { background: #116EC5; border-color: #116EC5; } .popup-form__btn--custom:active { background: #002D85; border-color: #002D85; } .popup-form__policy { font-size: 11px; line-height: 13px; } .popup-form__policy--custom { font-size: 10px; line-height: normal; font-weight: 500; line-height: 1.333; letter-spacing: -0.01px; } .popup-form__policy--custom .line-link { display: inline-block; } .popup-form ::-webkit-input-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/40px Montserrat, sans-serif } .popup-form :-moz-placeholder, .popup-form ::-moz-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/40px Montserrat, sans-serif } .popup-form :-ms-input-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/40px Montserrat, sans-serif } .file-control { display: inline-block; cursor: pointer; user-select: none; } .file-control__input { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .file-control__label { display: block; padding-left: 2.857em; color: #828282; font-size: 12px; font-weight: 500; line-height: 1.57143; transition: color 0.3s ease; } .file-control__label:hover { color: #555; } .file-control__label::before { content: ''; position: absolute; top: -0.642em; left: 0; width: 2.857em; height: 2.857em; background-position: 50% 50%; background-size: 1.714em 1.714em; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZmlsbD0iIzRBOThERiIgZD0iTTE1LjUgNnYxMC41YzAgMi4yMS0xLjc5IDQtNCA0cy00LTEuNzktNC00VjZjMC0xLjM4IDEuMTItMi41IDIuNS0yLjVzMi41IDEuMTIgMi41IDIuNXY5LjVjMCAuNTUtLjQ1IDEtMSAxcy0xLS40NS0xLTFWNkg5djkuNWMwIDEuMzggMS4xMiAyLjUgMi41IDIuNXMyLjUtMS4xMiAyLjUtMi41VjZjMC0yLjIxLTEuNzktNC00LTRTNiAzLjc5IDYgNnYxMC41YzAgMy4wNCAyLjQ2IDUuNSA1LjUgNS41czUuNS0yLjQ2IDUuNS01LjVWNmgtMS41WiIvPgo8L3N2Zz4K") } .file-control__file { position: relative; display: block; padding-left: 2.857em; color: #555; font-size: 12px; font-weight: 500; line-height: 1.57143; transition: color 0.3s ease; margin-top: 12px; } .file-control__file-delete { cursor: pointer; position: absolute; top: -0.642em; left: 0; width: 2.857em; height: 2.857em; color: #4A98DF; transition: color 0.3s ease; } .file-control__file-delete:hover { color: #116EC5; } .file-control__file-delete:active { color: #002D85; } .file-control__file-delete::before, .file-control__file-delete::after { content: ''; width: 40%; height: 2px; position: absolute; top: 50%; left: 50%; background-color: currentColor; } .file-control__file-delete::before { transform: translate(-50%, -50%) rotate(-45deg); } .file-control__file-delete::after { transform: translate(-50%, -50%) rotate(45deg); } @media (min-width: 480px) { .popup-form { padding: 65px } .popup-form--custom { padding: 56px 40px 32px } .popup-form--custom .mfp-close { width: 24px; height: 24px; top: 32px; right: 40px; } .popup-form__title { font-weight: 600; font-size: 34px; margin-bottom: 30px } .popup-form__title--custom { font-weight: 700; font-size: 24px; margin-bottom: 44px; } .popup-form__title--ty { margin-top: 22px; } .form-control:not(:first-child) { margin-top: 32px; } .form-control__label { font-size: 14px; top: -12px; left: 12px; padding: 0 4px; } .popup-form__field--custom { padding: 12px 16px; font-size: 14px; } .popup-form__btn--custom { padding: 12px 44px 14px; font-size: 16px; margin-top: 20px; margin-bottom: 16px; } .popup-form__policy--custom { font-size: 12px; } .file-control__label { font-size: 14px; } .file-control__file { font-size: 14px; margin-top: 16px; } } .card { width: 100%; -ms-flex-direction: column; flex-direction: column; background: #fff; padding: 15px } .no-touch .card:hover { box-shadow: 0 -1px 31px hsla(193, 9%, 52%, .12) } .no-touch .card:hover .btn-gray { background: #d9e2e7 } .no-touch .card:hover .btn-gray svg { width: 18px } .card__img { width: 100%; height: 190px; margin-bottom: 20px } .card__title { width: 100%; font-weight: 600; font-size: 18px; line-height: 1.2; margin-bottom: 10px } .card__desc { width: 100%; color: #787878; font-size: 14px; line-height: 1.6; margin-bottom: 24px } .card__btn { width: 100%; margin-top: auto } @media (min-width: 1025px) { .card { padding: 30px } } .advantages { color: #fff; padding-top: 70px; padding-bottom: 70px; background: linear-gradient(90deg, #15b4d8, #7a3fdb) } .advantages__wrap { position: relative } .advantages__title { margin-bottom: 45px } .advantages-count { color: hsla(0, 0%, 100%, .5); margin-bottom: 40px } .advantages-count li + li { margin-left: 20px } .advantages-count div { color: #fff; font-weight: 600; font-size: 46px; margin-bottom: 15px } .advantages-list { line-height: 1.43; padding-top: 55px; margin-top: 20px; border-top: 1px solid rgba(230, 244, 252, .5) } .advantages-list li + li { margin-top: 30px } .advantages-list div { margin-top: 10px } @media (max-width: 479px) { .advantages-list li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .advantages-list div { margin-top: 0 } .advantages-list img { width: 40px; margin-right: 15px } } @media (min-width: 480px) and (max-width: 767px) { .advantages-list { -ms-flex-wrap: wrap; flex-wrap: wrap } .advantages-list li { width: 48% } .advantages-list li:nth-child(2) { margin-top: 0 } } @media (min-width: 480px) { .advantages-list { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 768px) { .advantages-list li { width: 21.5% } .advantages-list li + li { margin-top: 0 } } @media (min-width: 1025px) { .advantages { position: relative; padding-top: 90px; padding-bottom: 90px } .advantages__title { width: 500px } .advantages-list div { margin-top: 20px } } @media (min-width: 1200px) { .advantages-count { position: absolute; top: 25px; right: 15px; margin-bottom: 0; width: calc(100% - 530px); } .advantages-count li + li { margin-left: 180px } } .info-column_gray { background-color: #f2f2f2 } .info-column__img { height: 150px; background: url(/local/templates/main/css/../images/info-column-2.jpg) 0/cover no-repeat; background-image: -webkit-image-set(url("/local/templates/main/css/../images/info-column-2.jpg") 1x, url("/local/templates/main/css/../images/info-column-2.jpg") 2x) } .info-column__info { padding: 70px 15px } .info-column h2 { margin-bottom: 25px } .info-column ol { counter-reset: a } .info-column ol li { position: relative; color: #787878; line-height: 1.43; padding-left: 40px } .info-column ol li + li { margin-top: 20px } .info-column ol li:before { content: "0" counter(a); counter-increment: a; position: absolute; top: 0; left: 0; color: #009de2 } .info-column ul li { position: relative; color: #787878; line-height: 1.43; padding-left: 20px } .info-column ul li:before { content: ""; position: absolute; width: 5px; height: 5px; left: 0; top: 7px; background: linear-gradient(90deg, #15b4d8, #7a3fdb) } .info-column ul li + li { margin-top: 15px } .info-column__link { margin-top: 50px } @media (min-width: 768px) { .info-column ul { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .info-column ul li { width: 50%; padding-right: 20px } .info-column ul li:nth-child(2) { margin-top: 0 } } @media (min-width: 1025px) { .info-column { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start } .info-column_thin .info-column__img { width: 37% } .info-column_thin .info-column__info { width: 63%; max-width: calc(680px + 13%) } .info-column__img { width: 44%; height: auto; min-height: 625px } .info-column__info { width: 56%; max-width: calc(680px + 6%); padding: 40px } .info-column__info_big-title h2 { font-size: 46px } .info-column h2 { margin-bottom: 40px } .info-column__link { margin: 40px -40px 0; padding: 45px 40px 0; border-top: 1px solid #e0e2e3 } } @media (min-width: 1200px) { .info-column_thin .info-column__info { max-width: calc(725px + 13%) } .info-column__info { max-width: calc(725px + 6%); padding: 100px 85px 45px } .info-column__link { margin: 40px -85px 0; padding: 45px 85px 0 } } .services__img { display: block } .services__info { position: relative; padding: 15px } .services__title { font-size: 22px; font-weight: 600; line-height: 1.2; margin-bottom: 15px } .services__desc { color: #787878; font-size: 14px; line-height: 1.45; margin-bottom: 15px } @media (min-width: 1200px) { .services__info { padding: 30px 20px 0 } .services__title { max-width: 225px; margin-bottom: 25px } .services__desc { margin-bottom: 0 } .services__btn { position: absolute; top: 30px; right: 20px } } .hero-services-new .services { display: block; } .hero-services-new .services__ico { display: block; width: 100%; position: relative; padding-bottom: 70%; } .hero-services-new .services__ico video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*margin: auto;*/ max-width: calc(100% - 5px); max-height: 100%; } .hero-services-new .services__ico img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: calc(100% - 5px); max-height: 100%; } .hero-services-new .services__title { max-width: 100%; } .hero-services-new .services__desc { line-height: 1.3; } .hero-services-new .services__info { padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .hero-services-new .services__title { font-size: 30px; } .hero-services-new .services__desc { font-size: 16px; } } .feedback { color: #fff; background: linear-gradient(90deg, #15b4d8, #7a3fdb) } .feedback--custom { color: #828282; background: #fff; } .feedback__wrap { padding-top: 59px; padding-bottom: 85px } .feedback-info { margin-bottom: 40px } .feedback-info__title { margin-bottom: 25px } .feedback-info__contacts li { font-size: 18px } .feedback-info__contacts li + li { margin-top: 15px } .feedback-info__contacts li:first-child a { font-weight: 600 } .feedback-info__contacts li:last-child a { opacity: .8 } .no-touch .feedback-info__contacts a:hover { color: #3b496f } .feedback-form__field { width: 100%; height: 50px; color: #fff; font: 500 16px/1 Montserrat, sans-serif; padding-left: 10px; padding-right: 10px; margin-bottom: 25px; background-color: transparent; border-bottom: 2px solid hsla(0, 0%, 100%, .7) } .feedback-form__field.error { color: #f10000 !important; border-bottom-color: #f10000 !important } .feedback-form__policy { font-size: 14px; line-height: 1.6; margin-bottom: 20px } .feedback-form ::-webkit-input-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/50px Montserrat, sans-serif } .feedback-form :-moz-placeholder, .feedback-form ::-moz-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/50px Montserrat, sans-serif } .feedback-form :-ms-input-placeholder { color: hsla(0, 0%, 100%, .8); font: 500 16px/50px Montserrat, sans-serif } @media (min-width: 768px) { .feedback__wrap { display: -ms-flexbox; display: flex } .feedback-form, .feedback-info { width: 50%; max-width: 500px } .feedback-info { margin-bottom: 0 } .feedback-info__title { margin-bottom: 43px } .feedback-info__contacts li:first-child { font-size: 22px } .feedback-form { margin: 0 auto } } @media (min-width: 1025px) { .feedback-form__send { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding-top: 5px } .feedback-form__policy { max-width: 300px; padding-right: 10px; margin-bottom: 0 } } .main-top { position: relative; height: 200px; color: #fff; padding-top: 23px; z-index: 100 } .main-top:before { content: ""; position: absolute; width: 50%; height: 100%; top: 0; left: 0; background: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .4)); z-index: -1 } @media (min-width: 1025px) { .main-top { height: 324px; padding-top: 35px } } .about { position: relative; background: #f2f2f2; padding-top: 70px; padding-bottom: 40px } .about__info { position: relative; margin-bottom: 40px } .about__icon { position: absolute; top: 10px; left: -45px } .about__intro, .about__title { margin-bottom: 20px } .about__intro { color: #787878; font-size: 14px; line-height: 1.6 } .about__desc { color: #292d39; line-height: 1.45 } .about__desc p + p { margin-top: 15px } .about__img { position: relative; max-width: 400px; margin: 0 auto; z-index: 100 } .about__img.animated:before { left: 15px; top: 15px } .about__img:before { left: 0; top: 0; background: linear-gradient(90deg, #15b4d8, #7a3fdb); transition: .4s .2s; z-index: -1 } @media (max-width: 1399px) { .about__icon { display: none } } @media (min-width: 768px) { .about__wrap { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between } .about__info { width: 59.25%; padding-right: 70px } .about__img { width: 40.75%; max-width: none; margin: 0 30px 0 0 } .about__img.animated:before { left: 30px; top: 30px } .about__img:before { transition-delay: .8s } } @media (min-width: 1025px) { .about { padding-top: 100px; padding-bottom: 40px } .about__title { margin-bottom: 40px } .about__desc, .about__intro { display: inline-block; vertical-align: top } .about__intro { width: 175px; margin-right: 40px } .about__desc { width: calc(100% - 230px) } .about__desc--wide { width: 100% } } @media (min-width: 1500px) { .about__icon { left: -70px } } .about-team { background: #f2f2f2; padding-bottom: 70px } .about-team__title { margin-bottom: 30px } .about-team-slider { position: relative } .about-team-slider__nav { position: absolute; top: -50px; right: 20px } .no-touch .about-team-slider__prev:hover { margin-left: -20px } .about-team-slider__next { margin-left: 18px } .no-touch .about-team-slider__next:hover { margin-right: -20px } @media (min-width: 1025px) { .about-team { padding-bottom: 100px } .about-team-slider__nav { top: -56px } } .about-banner { color: #fff; text-align: center; padding: 30px 15px; margin-bottom: 70px; background: linear-gradient(90deg, #15b4d8, #7a3fdb) } .about-banner__desc { max-width: 690px; line-height: 1.69; margin: 20px auto 0 } @media (min-width: 1025px) { .about-banner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: left; padding-top: 48px; padding-bottom: 48px; margin-bottom: 90px } .about-banner__desc { font-size: 18px; font-weight: 600; margin: 0 0 0 147px } } .about-way { padding-bottom: 70px } .about-way__title { margin-bottom: 85px } .about-way__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .about-way-item { position: relative; width: 100%; padding: 60px 30px 50px; margin-bottom: 30px; border: 1px solid #f0f0f0; z-index: 100 } .about-way-item:nth-child(odd) .about-way-item__icon { top: 20px } .about-way-item:nth-child(2n) .about-way-item__icon { bottom: 20px } .about-way-item__num { position: absolute; top: -40px; left: 15px; color: #d7e4ef; font-weight: 600; font-size: 100px; z-index: -1 } .about-way-item__num:before { content: ""; position: absolute; width: 100%; height: 60px; left: 0; bottom: 0; background: linear-gradient(0deg, #fff 0, #fff 40%, hsla(0, 0%, 100%, 0)) } .about-way-item__title { font-size: 18px; font-weight: 600; line-height: 1.2; margin-bottom: 10px } .about-way-item__desc { color: #787878; line-height: 1.45 } .about-way-item__icon { position: absolute; right: 20px } @media (min-width: 480px) { .about-way-item { width: 48% } } @media (min-width: 1025px) { .about-way { margin-bottom: 100px } .about-way-item { width: calc(25% - 15px); margin-bottom: 0 } } .about-video { position: relative; display: block; height: 300px; color: #fff; text-align: center; overflow: hidden } .no-touch .about-video:hover .about-video__img { transform: scale(1.2) } .about-video__img { width: 100%; height: 100%; transform-origin: center; transition: .4s } .about-video__btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .about-video__btn div { width: 80px; height: 80px; padding: 0; padding-left: 3px; margin: 0 auto 20px; border-radius: 100%; position: relative; border: 1px solid hsla(0, 0%, 100%, .5) } .about-video__btn div:before { content: ""; display: block; position: absolute; left: 50%; top: calc(50% - 10px); transform: translateX(-36%); width: 0; height: 0; margin: auto; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #fff } .about-video__btn span { color: currentColor; opacity: .8 } @media (min-width: 1025px) { .about-video { height: 457px } .about-video__btn div { width: 130px; height: 130px; margin-bottom: 30px } .about-video__btn div:before { top: calc(50% - 20px); transform: translateX(-36%); border-width: 20px 0 20px 40px; } } .team, .team__name { position: relative } .team__name { font-weight: 600; font-size: 18px; line-height: 1.2; padding: 19px 18px 18px; margin: -29px 0 15px 60px; background: #fff; z-index: 100 } .team__desc { color: #787878; font-size: 14px; line-height: 1.6 } .docs { padding-top: 70px; padding-bottom: 40px; background: #f2f2f2 } .docs__wrap { position: relative } .docs__title { margin-bottom: 20px } .docs__desc { max-width: 590px; color: #787878; line-height: 1.45 } .docs-slider { margin: 0 -15px } .docs-slider .swiper-container { padding: 30px 15px } .docs-slider__item { display: block } .no-touch .docs-slider__item:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .docs-slider__nav { position: absolute; top: 5px; right: 35px } .no-touch .docs-slider__prev:hover { margin-left: -20px } .docs-slider__next { margin-left: 18px } .no-touch .docs-slider__next:hover { margin-right: -20px } .docs-modal { position: relative; max-width: 846px; padding: 30px; margin: 0 auto; background-color: #fff } .docs-modal .mfp-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDAuODAxNzU4TDkgOC40MDIzOU0xIDE2LjAwM0w5IDguNDAyMzlNOSA4LjQwMjM5TDEgMC44MDE3NThNOSA4LjQwMjM5TDE3IDE2LjAwMyIgc3Ryb2tlPSIjMzMzODQ5IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==") } .docs-modal__img { max-width: 300px; margin: 0 auto 30px; box-shadow: 0 4px 40px rgba(0, 0, 0, .15) } .docs-modal__title { font-size: 22px; font-weight: 600; line-height: 1.2; margin-bottom: 20px } .docs-modal__desc { color: #787878; line-height: 1.45 } @media (max-width: 479px) { .docs__title { max-width: 215px } .docs-slider__nav { top: 20px } } @media (min-width: 768px) { .docs-modal { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 64px 87px } .docs-modal__img { min-width: 300px; margin: 0 40px 0 0 } } @media (min-width: 1025px) { .docs { padding-top: 90px; padding-bottom: 60px } .docs-slider__nav { top: 10px; right: 47px } } .gallery { margin-top: 70px; margin-bottom: 60px } .gallery__title { margin-bottom: 30px } .gallery-slider { position: relative } .gallery-slider__next, .gallery-slider__prev { position: absolute; height: 40px; top: -65px; z-index: 100 } .gallery-slider__prev { right: 63px } .no-touch .gallery-slider__prev:hover { margin-left: -20px } .gallery-slider__next { right: 25px } .no-touch .gallery-slider__next:hover { margin-right: -20px } .gallery-preview { display: none; font-size: 0; line-height: 0; text-align: center; padding: 0 15px; margin-top: 30px } .gallery-preview__item { position: relative; display: inline-block; width: 90px; margin: 0 5px 10px; vertical-align: middle; cursor: pointer } .gallery-preview__item.active:before { background: rgba(0, 157, 226, .7) } .gallery-preview__item:before { background: hsla(0, 0%, 77%, .7) } @media (max-width: 479px) { .gallery__title { max-width: 200px } .gallery-slider__next, .gallery-slider__prev { top: -75px } } @media (min-width: 1025px) { .gallery { margin-top: 90px; margin-bottom: 100px } .gallery-slider { padding: 0 30px } .gallery-slider__next, .gallery-slider__prev { top: 50%; margin-top: -20px } .gallery-slider__prev { left: 0; right: auto } .gallery-slider__next { right: 0 } .gallery-preview { display: block } } @media (min-width: 1400px) { .gallery-slider { padding: 0 } .no-touch .gallery-slider__next:hover, .no-touch .gallery-slider__prev:hover { width: 41px } .gallery-slider__prev { left: -40px } .no-touch .gallery-slider__prev:hover { margin-left: -20px } .gallery-slider__next { right: -40px } .no-touch .gallery-slider__next:hover { margin-right: -20px } } .cookie { position: fixed; display: none; width: 100%; bottom: 0; left: 0; text-align: center; padding: 25px; background-color: #fff; border-top: 1px solid #4e72d9; z-index: 150 } .cookie__info { line-height: 1.2; max-width: 700px; margin: 0 auto 20px } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); 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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: 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%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .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%; animation: d 1s steps(12) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat } @keyframes d { to { transform: rotate(1turn) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-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-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .arrow-down { width: 14px; height: 8px } .arrow-left { width: 18px; height: 9px } .arrow-link { width: 33px; height: 9px } .arrow-menu { width: 8px; height: 13px } .arrow-right { width: 18px; height: 9px } .arrow-slider-left, .arrow-slider-right { width: 41px; height: 16px } .email-header { width: 28px; height: 24px; /* display: block; margin: auto; */ } .email { width: 16px; height: 13px } .logo-bq { width: 62px; height: 15px } .phone-header { width: 26px; height: 26px } .phone { width: 16px; height: 14px } .social-fb, .social-in { width: 20px; height: 20px } @media (min-width: 1025px) { .headerNeat.scroll .header__info { display: flex; flex-wrap: wrap; width: calc(100% - 220px); } .headerNeat.scroll .header-lang { display: none; } .headerNeat.scroll .header-logo { width: 218px; height: 55px; } .headerNeat.scroll .header-nav__search { margin-right: 0; } .headerNeat.scroll .header__wrap { padding-top: 0px; } .headerNeat.scroll .header-nav { margin-top: 0; order: 1; margin-left: auto; margin-right: auto; padding-top: 0; } .headerNeat.scroll .header__top { padding-top: 0; order: 2; } .headerNeat.scroll .header-contacts li + li, .headerNeat.scroll .header-nav > li + li { margin-left: 20px } .headerNeat.scroll .header-nav > li > a { padding-bottom: 20px; padding-top: 20px; } .headerNeat.scroll .header-nav > li:first-child > a:before { top: 30px; } } @media (max-width: 1350px) { .headerNeat.scroll .header-logo { width: 114px; height: 30px; } .header-nav a { font-size: 12px; } .headerNeat.scroll .header-contacts li + li, .headerNeat.scroll .header-nav > li + li { margin-left: 10px; } .header__top .js-open-popup { font-size: 14px; padding: 6px 10px; margin-right: 20px; } .header-contacts a { font-size: 14px; } .header-contacts { margin-right: 20px; } .headerNeat.scroll .header__info { width: calc(100% - 127px); } } @media (max-width: 1024px) { .header { background-color: #fff; } } /* End */ /* Start:/local/templates/main/css/common.css?171204258110569*/ table { table-layout: unset; } sup { vertical-align: super; font-size: 0.7rem; line-height: 1; } sub { vertical-align: sub; font-size: 0.7rem; line-height: 1; } .clearfix:before, .clearfix:after { display: table; content: " "; } .inner-top__wrap, .catalog__wrap, .cat-det__wr, .cat-det-bottom__wr, .contacts__wrap, .services__wrap, .portfolio__wrap, .fabricantes__wrap, .bx-catalog-wr .bx-catalog-element, .header-nav__wrap, .inner__wr { max-width: 1470px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto } @media (min-width:1025px) { .inner-top__wrap, .catalog__wrap, .cat-det__wr, .cat-det-bottom__wr, .contacts__wrap, .services__wrap, .portfolio__wrap, .fabricantes__wrap, .bx-catalog-wr .bx-catalog-element, .header-nav__wrap, .inner__wr { padding-left: 25px; padding-right: 25px } } .inner { padding-bottom: 45px; } @media (min-width:1025px) { .inner { padding-bottom: 90px; } } /*.title-3, h3 { font-weight: 600; line-height: 1.2; font-size: 20px } @media (min-width:1025px) { .title-3, h3 { font-size: 22px; } } */ .text-content img { max-width: 100%; } .text-content h2 { margin-bottom: 15px } .text-content ol { counter-reset: a; margin: 15px 0; } .text-content ol li { position: relative; color: #787878; line-height: 1.43; padding-left: 40px; margin-bottom: 15px; } .text-content ol li:before { content: "0" counter(a); counter-increment: a; position: absolute; top: 0; left: 0; color: #009de2 } .text-content ul { margin: 15px 0; } .text-content ul li { position: relative; color: #787878; line-height: 1.43; padding-left: 20px; margin-bottom: 15px; } .text-content ul li:before { content: ""; position: absolute; width: 5px; height: 5px; left: 0; top: 7px; background: linear-gradient(90deg, #15b4d8, #7a3fdb) } .text-content blockquote { padding: 21px 25px 25px 40px; margin-bottom: 30px; background: #E6F4FC; border-radius: 20px; position: relative; margin-top: 25px; border-left: 0; color:#3b496f; } .text-content blockquote:before { content: ''; position: absolute; left: 29px; top: 21px; height: calc(100% - 21px - 25px); width: 3px; background-color: #5C606D; } .text-content blockquote a { word-break: break-all; } .text-content a { color: #009de2; text-decoration: underline; } .text-content a:hover { text-decoration: none; } .text-content p { margin: 15px 0; } .text-content b { font-size: 16px; color: #009DE2; } .table_responsive_outer { min-width: 100%; overflow: auto; } .text-content table { min-width: 100%; } .text-content table tr:nth-child(2n) { background-color: #fafafa; } .text-content table th { text-align: left; padding: 14px 10px; font-weight: 500; font-size: 12px; line-height: 120%; color: #000000; } .text-content table td { padding: 8px 10px; font-weight: 500; font-size: 14px; line-height: 23px; color: #333849; } .text-content .iframe-wr { position: relative; max-width: 900px; } .text-content .iframe-wr:before { content: ''; padding-top: 60%; display: block; } .text-content .iframe-wr iframe { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; border: 0; } .text-content .iframe-wr iframe.news_video { position: relative; min-height: 720px; } .text-content >*:first-child { margin-top: 0; } .text-content >*:last-child, .text-content .application-offer >*:last-child { margin-bottom: 0; } @media (min-width: 1025px) { .text-content b { font-size: 18px; } } @media(min-width: 768px) { .text-content blockquote { padding: 21px 131px 25px 61px; margin-bottom: 25px; } .text-content blockquote:before { left: 42px; } } @media (max-width: 1025px) { .text-content .iframe-wr iframe.news_video { min-height: 480px; } } @media (max-width: 768px) { .text-content .iframe-wr iframe.news_video { min-height: 240px; } } .bg-gray { background: #F2F2F2; } .bg-white { background: #fff; } .inner-top { padding-top: 23px; padding-bottom: 25px; color: #000; } .inner-top.small-pd { } @media (min-width:1025px) { .inner-top { padding-top: 35px; padding-bottom: 50px; } .inner-top.small-pd { padding-bottom: 28px; } } .inner-top .breadcrumbs li { font-size: 12px; margin-right: 1px; } .inner-top .breadcrumbs li { color: #787878; } .inner-top .breadcrumbs li > span { color: #000; } main { overflow-x: hidden; } /*menu columns*/ .header-nav__in:before { content: ""; width: 250vw; height: calc(100% + 1px); position: absolute; left: 50%; top: -1px; transform: translateX(-50%); background: #fff; border-top: 1px solid #f2f2f2; } /* .header-nav__in:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #f2f2f2; z-index: 2; } */ .header-nav__wrap { 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; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 2; } .header-nav .header-nav__col { width: 50%; padding-left: 0; margin: 0; padding-right: 5px; } .header-nav .header-nav__col:last-child { padding-right: 0; } .header-nav a.header-nav__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: 22px; } .header-nav__title img { margin-right: 10px; position: absolute; left: 0; top: 0; } .header-nav__in--catalog .header-nav__lvl2--onetitle a.header-nav__title { padding: 25px 0; } .header-nav__lvl2 { margin-top: 35px; padding-left: 40px; position: relative; } .header-nav__lvl2:first-child { margin-top: 0; } .header-nav__lvl3 { margin-top: 15px; font-size: 12px; } .header-nav__lvl3 li + li { margin-top: 6px; } .header-nav__lvl3 a { color: #555; font-weight: 500; } .header-nav__title img:nth-child(2) { display: none; } .header-nav__in--catalog .header-nav__title img:nth-child(1) { display: none; } .header-nav__in--catalog .header-nav__title img:nth-child(2) { display: block; } .header-nav__in--catalog .header-nav__title img { max-width: 118px; } .header-nav__in--catalog .header-nav__lvl2 { padding-left: 146px; } /*menu columns end*/ /*pagination start*/ .pagination__item, .nav-page-all { display: block; position: relative; float: left; list-style: none; font-weight: 500; font-size: 15px; width: 28px; margin: 0; height: 28px; line-height: 28px; text-align: center; color: #454B5F; } .pagination__item--middle { color: #454B5F; } .pagination__item--active { color: #009DE2; position: relative; } .pagination__item--active:after { } .pagination__item--next, .pagination__item--prev { width: 60px; } .pagination__item--next:after, .pagination__item--prev:after { content: ""; position: absolute; width: 16px; height: 16px; background-image: url(/local/templates/main/css/../images/images-bq/pagin_arr_2.svg); background-position: center; background-repeat: no-repeat; background-size: contain; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .pagination__item:hover { color: #009DE2; } .pagination__item--prev:after { transform: rotate(180deg); } .pagination__item--next:hover:after, .pagination__item--prev:hover:after { /*background-position: center bottom;*/ } .pagination__item--middle:hover { color: #454B5F; } .tab_result #pagen { transform: translate(0px, -40px); } #pagen { display: flex; flex-wrap: wrap; } /*pagination end*/ /*404 start*/ .not-found__block { overflow: hidden; } .not-found__num { text-align: center; margin-bottom: 25px; } .not-found__num img { max-width: 100%; } .not-found__title { font-size: 20px; line-height: 26px; text-align: center; margin-bottom: 24px; } .not-found__text { font-size: 16px; line-height: 20px; max-width: 460px; margin: 0 auto; text-align: center; } .not-found__title, .not-found__text { color: #202020; } .not-found__btn { margin-top: 25px; margin-bottom: 25px; text-align: center; } .not-found__btn .btn-blue { color: #fff; text-decoration: none; } @media (min-width: 1025px) { .not-found__btn { margin-top: 55px; margin-bottom: 55px; } .not-found__title { font-size: 24px; line-height: 31px; margin-bottom: 36px; } .not-found__text { font-size: 20px; line-height: 25px; } } /**/ .section-block { padding: 70px 0; } .section-block__btm { text-align: center; } .section-block__top { display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 16px; } .section-block__arrow-item { width: 30px; height: 30px; position: relative; background: rgba(0,157,226,0.05); border: 1px solid #009de2; display: block; float: left; margin-left: 15px; cursor: pointer; } .section-block__arrow-item:after { content: ""; width: 18px; height: 9px; background: url(/local/templates/main/css/../images/min-arr-left.svg); position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .section-block__arrow-item--next:after { transform: rotate(180deg); } .section-block__arrow-item.swiper-button-disabled { opacity: 0.2; pointer-events: none; } .section-block__title { max-width: calc(100% - 90px); } @media(min-width: 1200px) { .news-slider .section-block__arrow-item.swiper-button-disabled { display: none; } } @media(max-width: 500px) { .section-block__title { font-size: 20px; } } /* End */ /* Start:/local/templates/main/css/custom.css?1701076915885*/ .footer-feedback-form__field.error{color:#f10000!important;border-color:#f10000!important} .bq-loading-screen { z-index: 1000; filter: none; opacity: 0.6; background-color: white; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #loading_screen{ position: fixed; z-index: 1150; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; width: 44px; height: 44px; } /**/ main { /*background-color: #F5F5F5;*/ } .bg-lightgray { background-color: #F7F7F7; position: relative; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .bg-lightgray:before, .bg-lightgray:after { content: ''; position: absolute; height: 100%; background-color: #F7F7F7; width: calc((100vw - 1420px)/2); top: 0; } .bg-lightgray:before { left: 100% } .bg-lightgray:after { right: 100%; } /* End */ /* Start:/local/templates/main/js/splide/splide.min.css?17035915135002*/ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* End */ /* Start:/local/templates/main/js/fancybox/jquery.fancybox.css?17126739264940*/ /*! fancyBox v2.1.7 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/local/templates/main/js/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/local/templates/main/js/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/local/templates/main/js/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/local/templates/main/js/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/local/templates/main/js/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/local/templates/main/js/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section.list/footer_menu/style.css?17035915137151*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* Start:/local/templates/main/styles.css?17424586016902*/ @media (min-width: 1025px) { .hero-slide:before { background: linear-gradient(180deg, transparent, #c0cbd300) !important; } } .search-block { position: absolute; width: 100%; /* display: block !important; */ /* box-shadow: 0px 6px 5px -4px rgb(0 0 0 / 20%); background-color: #fff;*/ height: auto; padding-right: 15px; padding-left: 15px; top: 130px; height: auto; padding-top: 12px; padding-bottom: 12px; } .search-block__cont { position: relative; max-width: 1420px; margin-left: auto; margin-right: auto; } .search-actions__wr { width: 100%; height: 50px; padding-right: 90px; border-radius: 30px; background-color: #E9E9E9; position: relative; border-radius: 4px; width: 100% !important; } .search-actions { max-width: 712px; margin-left: auto; } .search-block input.search-actions__search { height: 50px; font-size: 18px; line-height: 22px; font-weight: 400; color: #202020; background-color: transparent; border: none; outline: none; width: 100%; padding-left: 28px; } .search-actions__ico-search { height: 100%; min-width: 50px; position: absolute; right: 0; top: 0; } .search-actions__ico-search:before { content: ''; position: absolute; top: 15px; left: 12px; width: 20px; height: 20px; background-image: url(/local/templates/main/images/ic_search.svg); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .search-actions__btn-wr { width: 90px; height: 100%; position: absolute; right: 0; top: 0; } .search-actions__search::-webkit-input-placeholder { font-size: 18px; line-height: 22px; color: #202020; } .search-actions__clear { height: 100%; width: 38px; padding-right: 38px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; } .search-actions__clear--active { opacity: .5; } @media(hover: hover) { .search-actions__clear:hover { opacity: 1; } } .search-actions__clear:before { content: ""; position: absolute; top: 16px; left: 10px; width: 18px; height: 18px; background-image: url(/local/templates/main/images/icon-s-close.svg); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } /*.search-actions__clear:after { content: ""; position: absolute; top: 11px; right: 0; height: 50%; width: 1px; background: #DADADA; } */ .search-actions__submit { height: 100%; min-width: 30px; padding-right: 42px; position: absolute; top: 0; left: 42px; display: none; } .search-actions__submit:before { content: ""; position: absolute; top: 13px; left: 11px; width: 18px; height: 18px; min-width: 30px; background-image: url(/local/templates/main/images/icon-s-go.svg); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } @media (max-width: 1024px) { .search-block { top: 70px; } .search-block { /*position: static;*/ height: auto; width: 100%; /*display: block !important;*/ } .search-block { padding-top: 10px; padding-bottom: 10px; } .search-actions__wr { height: 40px; } .search-block input.search-actions__search { height: 36px; font-size: 15px; line-height: 18px; padding-left: 15px; } .search-actions__ico-search { min-width: 40px; } .search-actions__ico-search:before { top: 11px; width: 17px; height: 17px; } .search-actions__clear:before, .search-actions__submit:before { top: 12px; width: 16px; height: 16px; } .search-actions__clear:before { left: 9px; } /* .search-actions__clear:after { top: 9px; }*/ .search-actions__search::-webkit-input-placeholder { font-size: 15px; line-height: 18px; } .search-actions__btn-wr { width: 75px; } .search-actions__submit { padding-right: 35px; } .book_prod.search_call_ingineer { font-size: 11px; width: 98px; } } .header-search, .header-nav__search { width: 23px; height: 23px; background: url(/local/templates/main/images/ic_search.svg) no-repeat center; background-size: 15px; cursor: pointer; margin-right: 36px; } .header-search { display: none; } .header-nav__search { position: static; visibility: visible; padding: 0; opacity: 1; } .header-nav__search.active { background-image: url(/local/templates/main/images/icon-s-close.svg); background-size: 15px; } @media (max-width: 1150px) { .header-search { margin-right: 15px; display: block; } .header-search.active { background-image: url(/local/templates/main/images/icon-s-close-blue.svg); } } .header__img { background: #ddd; height: 90px; display: flex; flex-wrap: wrap; justify-content: space-between; display: none; } .header__img-left { height: 90px; width: 379px; background-image: url(/upload/hn-left2.png); background-repeat: no-repeat; background-size: contain; background-position: center top; } .header__img-right { height: 90px; width: 379px; background-image: url(/upload/hn-right2.png); background-repeat: no-repeat; background-size: contain; background-position: center top; } .header__img-center { height: 90px; width: 753px; background-image: url(/upload/hn-center6.png); background-repeat: no-repeat; background-size: contain; background-position: center top; } @media (max-width: 1499px) { .header__img { height: 54px; } .header__img-center { height: 54px; width: 450px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; } .header__img-left { height: 54px; width: 226px; position: absolute; left: 0; } .header__img-right { height: 54px; width: 226px; position: absolute; right: 0; } } @media (max-width: 600px) { .header__img-left { background-image: url(/upload/hn-left22.png); } .header__img-right { background-image: url(/upload/hn-right22.png); } } @media (max-width: 440px) { .header__img-center { height: 44px; } } @media (min-width: 1025px) { .headerNeat.scroll .search-block { top: 60px; background-color: #fff; } } @media (max-width: 1024px) { /* .search-block { background-color: #fff; }*/ } /* End */ /* Start:/local/templates/main/template_styles.css?176433731620874*/ body { padding-top: 83px; } html, body { min-width: 360px; } .nordlase-header { position: fixed !important; z-index: 150; top: 0; border-bottom: 1px solid rgba(100, 100, 100, .3); transition: background-color .3s; } .nordlase-header--fix { background-color: #fff; } .nordlase-header__block { display: flex; max-width: 370px; align-items: center; gap: 15px; margin-right: 15px; } .nordlase-header__block a { flex-basis: 50%; } .nordlase-header__logo, .nordlase-header__logo-kbs { display: flex; align-items: center; } .nordlase-header__logo-kbs { padding-left: 15px; border-left: 1px solid #fff; } .white-header .nordlase-header__logo-kbs { border-left: 1px solid #0b0b0b; } .nordlase-header--fix .nordlase-header__logo-kbs { border-left: 1px solid #0b0b0b; } .nordlase-header__logo img, .nordlase-header__logo-kbs img { width: 100%; height: auto; } .nordlase-header__logo img:last-child, .nordlase-header__logo-kbs img:last-child { display: none; } .nordlase-header__wrap { display: flex; align-items: center; } .nordlase-header .header-nav { border: none; margin: 0; margin-left: auto; } .nordlase-header .header-contacts li + li, .nordlase-header .header-nav > li + li { margin-left: 20px; } .nordlase-header .header-nav > li > a { padding-top: 30px; padding-bottom: 30px; font-size: 15px; font-weight: 500; font-family: 'Rubik', sans-serif; } .nordlase-header .header-nav > li:first-child > a:before { top: calc(50% - 5px); transform: none; } .nordlase-header__callback { padding: 8px 16px; color: #00072D; font-size: 15px; font-style: normal; font-weight: 600; border-radius: 4px; border: 1px solid #00AEEF; display: block; margin-left: 51px; } .nordlase-header__phone { color: #00072D; font-size: 15px; font-style: normal; font-weight: 500; margin-left: 22px; } .nordlase-header .header-nav__search { width: 23px; height: 23px; background: url(/local/templates/main/images/ic_search.svg) no-repeat center; background-size: 15px; cursor: pointer; margin-left: 22px; margin-right: 0; } .nordlase-header .header-nav__search.active { background-image: url(/local/templates/main/images/icon-s-close-white.svg); background-size: 15px; } .nordlase-header--fix .header-nav__search.active { background-image: url(/local/templates/main/images/icon-s-close.svg); } .nordlase-header .header-lang { margin-left: 22px; padding-top: 10px; padding-bottom: 10px; } .nordlase-header .header-lang li { display: block; margin-left: 0; color: #00072D; font-size: 14px; font-style: normal; font-weight: 500; } .nordlase-header .header-lang li:first-child { margin-bottom: 10px; } .nordlase-header .search-block { top: 82px; transition: background-color .3s; } .nordlase-header--fix .search-block { background-color: #fff; border-bottom: 1px solid rgba(100, 100, 100, .3); } .header-nav__in--about { display: none !important; } .nordlase-header .header-adap { margin-left: 22px; } @media (hover: hover) { .nordlase-header__callback:hover { color: #fff; background-color: #00AEEF; } } @media (max-width: 1350px) { body { padding-top: 58px; } .nordlase-header__logo { width: 150px; } .nordlase-header .header-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .nordlase-header__callback { font-size: 12px; margin-left: 30px; } .nordlase-header .header-nav > li > a { font-size: 12px; } .nordlase-header .search-block { top: 59px; } } @media (max-width: 1150px) { body { padding-top: 62px; } .header-search.active { background-image: url(/local/templates/main/images/icon-s-close-white.svg); } .nordlase-header--fix .header-search.active { background-image: url(/local/templates/main/images/icon-s-close.svg); } .nordlase-header .header-adap { display: flex; align-items: center; } .nordlase-header__wrap { padding-top: 11px; padding-bottom: 11px; height: 62px; } .nordlase-header .header-nav { display: none; } .nordlase-header__callback { margin-left: auto; } .nordlase-header .header-lang { display: flex; margin-left: 0; } .nordlase-header .header-lang li:first-child { margin-bottom: 0; } .nordlase-header .header-lang li { margin-left: 15px; } .nordlase-header .header-nav__search { display: none; } .mfp-menu .nordlase-header__phone, .mfp-menu .header-lang a.active, .mfp-menu .nordlase-header__callback { color: rgba(219, 231, 255, 1); } .mfp-menu .nordlase-header__logo img:last-child { display: block; } .mfp-menu .nordlase-header__logo img:first-child { display: none; } } @media (max-width: 700px) { .nordlase-header__phone, .nordlase-header .header-lang { display: none; } .nordlase-header__callback { display: none; } .mfp-menu .nordlase-header__callback { display: none; } .nordlase-header .header-adap { margin-left: auto; } .mfp-menu .nordlase-header--fix { background-color: #00072D; } .mfp-menu .nordlase-header__phone { display: block; color: #00AEEF; margin-left: 27px; } .mfp-menu .nordlase-header__logo, .mfp-menu .nordlase-header__logo-kbs, .mfp-menu .header-search { display: none; } } .header-modal { padding-top: 62px; padding-bottom: 0; background-color: #00072D; } .header-modal-nav { padding-left: 42px; padding-top: 24px; background-color: #00072D; } .header-modal-nav li:nth-child(2n) { background: transparent; } .header-modal-nav ul { background-color: #00072D; } .header-modal-nav > li { flex-wrap: wrap; } .header-modal-nav > li > ul { position: static; padding-left: 24px; padding-bottom: 15px; } .header-modal-nav > li > ul > li > a { padding-top: 7px; padding-bottom: 7px; } .header-modal-nav li { padding: 0; } .header-modal-nav a { font-weight: 400; } .header-modal-nav > li > a { font-weight: 600; } .header-modal-nav > li > ul > li > ul, .header-modal-nav__next, .header-modal-nav__prev, .ul--about { display: none !important; } .header-modal-nav a { width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 18px; text-transform: initial; color: rgba(219, 231, 255, 1); } .header-modal-nav ul.header-lang { position: static; text-align: right; padding-right: 22px; } .header-modal-nav ul.header-lang a { color: #828282; } .header-modal-nav ul.header-lang a.active { color: rgba(219, 231, 255, 1); } .mfp-menu .nordlase-header { background-color: #00072D; } /*nordlase-form*/ .bqform_wrap--nordlaze.feedback { background: #00152E; border-radius: 3vw; padding-top: 3vw; } .nordlase-news ~ .ajax-form .bqform_wrap--nordlaze.feedback { margin-top: -3vw; } .apple-device .bqform_wrap--nordlaze.feedback { background: #001436; } .bqform_wrap--nordlaze .feedback-info video { width: 100%; } .bqform_wrap--nordlaze .feedback-form { width: 100%; max-width: 593px; margin: 0; } .bqform_wrap--nordlaze .feedback-info { width: calc(100% - 593px); max-width: 100%; } .bqform_wrap--nordlaze .feedback-info__title { font-size: clamp(26px, 4.5vw, 36px); font-style: normal; font-weight: 600; line-height: 120%; /* 43.2px */ margin-bottom: 32px; } .bqform_wrap--nordlaze .feedback__wrap { padding-top: 110px; padding-bottom: 120px; } .bqform_wrap--nordlaze .feedback-form__send button { display: block; text-align: center; padding: 8px 16px; width: 164px; border-radius: 4px; background-color: #00AEEF; color: #fff; font-size: 15px; font-style: normal; font-weight: 600; transition: .3s; line-height: 22px; height: auto; border: none; font-family: 'Rubik', sans-serif; } .bqform_wrap--nordlaze .feedback-form__send button:hover { background-color: #51d0ff; } .bqform_wrap--nordlaze .feedback-form__field { padding-left: 0; display: block; color: #DBE7FF; font-family: 'Rubik', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; /* 137.5% */ } .bqform_wrap--nordlaze .feedback-form__policy { max-width: none; width: calc(100% - 164px); padding-right: 0; padding-left: 33px; margin: 0; font-weight: 500; font-family: 'Rubik', sans-serif; } .bqform_wrap--nordlaze .feedback-form__policy a.line-link { color: #00AEEF; border-bottom: none; } .bqform_wrap--nordlaze .feedback-form__policy a.line-link:hover { border-bottom: 1px solid currentColor; } .bqform_wrap--nordlaze .feedback-form__send { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; flex-wrap: wrap; padding-top: 5px; } .bqform_wrap--nordlaze textarea { background-color: transparent; display: block; width: 100%; color: #DBE7FF; font-family: 'Rubik', sans-serif; min-height: 50px; height: 50px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; margin-bottom: 0; border-bottom: 1px solid #E9E9E9; transition: border-color 0.3s ease, background-color 0.3s ease; } .bqform_wrap--nordlaze .feedback-info__title, .bqform_wrap--nordlaze .feedback-form__field, .bqform_wrap--nordlaze textarea { max-width: 464px; } .bqform_wrap--nordlaze .file-control__label { color: #BDBDBD; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; /* 157.143% */ } .bqform_wrap--nordlaze .form-control:not(:first-child), .bqform_wrap--nordlaze .form-control { margin-top: 0; margin-bottom: 25px; } .bqform_wrap--nordlaze .form-control.form-control--file:not(:first-child), .bqform_wrap--nordlaze .form-control--file { margin-top: 40px; } .bqform_wrap--nordlaze .file-control__label::before { background-position: left center; } .bqform_wrap--nordlaze .file-control__label { padding-left: 1.857em; } .bqform_wrap--nordlaze .file-control__file { color: #BDBDBD; } .bqform_wrap--nordlaze .file-control:hover .file-control__label { color: #fff; } @media (max-width: 1350px) { .bqform_wrap--nordlaze .feedback__wrap { padding-top: 100px; padding-bottom: 120px; } } @media (max-width: 1150px) { .bqform_wrap--nordlaze .feedback__wrap { padding-top: 80px; padding-bottom: 100px; } } @media (max-width: 991px) { .bqform_wrap--nordlaze .feedback__wrap { padding-top: 40px; padding-bottom: 55px; } .bqform_wrap--nordlaze .feedback-info { display: none; } .bqform_wrap--nordlaze .feedback-form { margin: 0 auto; max-width: 100%; } } @media (max-width: 600px) { .bqform_wrap--nordlaze .feedback-form__policy { width: 100%; padding-left: 0; margin-top: 10px; } .bqform_wrap--nordlaze.feedback { border-radius: 0 0 3vw 3vw; } } .nordlase-footer { background: #000000; overflow: hidden; padding-top: 3vw; margin-top: -3vw; } .nordlase-footer__top { display: flex; flex-wrap: wrap; border-bottom: 1px solid #555; } .nordlase-footer__phone, .nordlase-footer__mail { color: #DBE7FF; font-size: clamp(32px, 3vw, 40px); font-style: normal; font-weight: 800; line-height: 140%; } .nordlase-footer__phone { border-right: 1px solid #555; padding: 40px 0 40px; width: 492px; font-family: 'Rubik', sans-serif; } .nordlase-footer__mail { padding: 40px 32px 40px 108px; position: relative; width: calc(100% - 492px); } .nordlase-footer__mail .footer-contacts__mail { padding-left: 0; width: auto; display: inline-block; padding-right: 32px; } .nordlase-footer__mail .footer-contacts__mail-copy { width: 15px; height: 18px; right: 0; } .nordlase-footer__middle { display: flex; flex-wrap: wrap; border-bottom: 1px solid #555; position: relative; } .nordlase-footer__menu li { margin: 0; } .nordlase-footer__menu a { color: #BDBDBD; padding: 10px 0; display: block; transition: color .3s; } .nordlase-footer__menu a:hover { color: #009de2; } .nordlase-footer__menu .footer-nav { width: 100%; max-width: 100%; margin-bottom: 0; font-family: 'Rubik', sans-serif; font-weight: 600; } .nordlase-footer__menu { padding-top: 60px; padding-bottom: 60px; border-right: 1px solid #555; width: 492px; } .nordlase-footer-middle__right { width: calc(100% - 492px); } .nordlase-footer__menu2 { width: 100%; padding: 68px 0 68px 108px; border-bottom: 1px solid #555; font-family: 'Rubik', sans-serif; font-weight: 500; } .nordlase-footer__menu2 .footer-nav { display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; margin-bottom: 0; } .nordlase-footer__menu2 li { width: 50%; margin-bottom: 8px; padding-right: 10px; } .nordlase-footer__menu2 a { display: block; color: #E9E9E9; font-size: 18px; font-style: normal; transition: color .3s; line-height: 122.222%; } .nordlase-footer__menu2 .footer-nav-sub a { color: #BDBDBD; font-family: 'Rubik', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; /* 137.5% */ } .nordlase-footer__menu2 .footer-nav-sub li { margin-bottom: 0; } .nordlase-footer__menu2 .nav__lvl1 { margin-bottom: 36px; } .nordlase-footer__menu2 .nav__lvl1:nth-child(3), .nordlase-footer__menu2 .nav__lvl1:nth-child(4) { margin-bottom: 0; } .nordlase-footer__menu2 .nav__lvl1 > a { margin-bottom: 8px; } .nordlase-footer__menu2 a:hover { color: #009de2; } .nordlase-footer-middle__bottom { display: flex; flex-wrap: wrap; padding: 31px 0 31px 108px; position: relative; } .nordlase-footer-middle__bottom > div { width: 50%; } .nordlase-footer__block { display: flex; max-width: 100%; position: relative; align-items: center; gap: 15px; } .nordlase-footer__block a { flex-basis: 50%; } .nordlase-footer__block img { max-width: 100%; max-height: 100%; } .nordlase-footer__logo-kbs { padding-left: 15px; border-left: 1px solid #fff; } .nordlase-footer__cat a { color: #fff; position: relative; font-size: 16px; font-style: normal; font-weight: 500; padding-left: 32px; display: block; font-family: 'Rubik', sans-serif; transition: color .3s; line-height: 22px; /* 137.5% */ } .nordlase-footer__cat a:hover { color: #009de2; } .nordlase-footer__cat a svg { position: absolute; left: 0; top: calc(50% - 11px); } .nordlase-footer__address { color: #DBE7FF; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; /* 146.667% */ font-family: 'Rubik', sans-serif; } .nordlase-footer__copy { padding-top: 25px; padding-bottom: 25px; color: #828282; font-size: 14px; width: 492px; border-right: 1px solid #555; font-style: normal; font-weight: 500; font-family: 'Rubik', sans-serif; line-height: 22px; /* 157.143% */ } .nordlase-footer__bottom { display: flex; flex-wrap: wrap; position: relative; } .nordlase-footer__links { width: calc(100% - 492px); font-family: 'Rubik', sans-serif; display: flex; flex-wrap: wrap; justify-content: space-between; } .nordlase-footer__links { padding-top: 25px; padding-bottom: 25px; padding-left: 108px; align-items: center; } .nordlase-footer__links .footer-made { color: #fff; font-size: 14px; } .nordlase-footer__links ul { display: flex; flex-wrap: wrap; margin: 0; } .nordlase-footer__links a { color: #fff; font-size: 14px; transition: color .3s; } .nordlase-footer__links a:hover { color: #009de2; } .nordlase-footer__bottom:before, .nordlase-footer-middle__bottom:before, .nordlase-footer__middle:before { content: ' '; width: 100vw; top: -1px; left: 100%; background-color: #555; height: 1px; position: absolute; } .nordlase-footer__bottom:after, .nordlase-footer__middle:after { content: ' '; width: 100vw; top: -1px; right: 100%; background-color: #555; height: 1px; position: absolute; } @media (max-width: 1400px) { .nordlase-footer__links ul { width: 50%; } .nordlase-footer__links .footer-made { margin-top: 15px; margin-left: 50%; } } @media (max-width: 1200px) { .nordlase-footer__phone { padding-top: 20px; padding-bottom: 20px; } .nordlase-footer__mail { padding: 20px 32px 20px 50px; } .nordlase-footer__menu { padding-top: 40px; padding-bottom: 40px; } .nordlase-footer__menu2 { padding: 40px 0 40px 50px; } .nordlase-footer-middle__bottom { padding: 15px 0 15px 50px; } .nordlase-footer__links { padding-left: 50px; } .nordlase-footer__copy, .nordlase-footer__links { padding-top: 15px; padding-bottom: 15px; } .nordlase-footer__phone, .nordlase-footer__menu, .nordlase-footer__copy { width: 400px; } .nordlase-footer-middle__right, .nordlase-footer__links { width: calc(100% - 400px); } } @media (max-width: 991px) { .nordlase-footer__top { display: block; } .nordlase-footer__mail { padding-left: 0; } .nordlase-footer__phone { border-bottom: 1px solid #555; } .nordlase-footer__phone, .nordlase-footer__mail { padding-top: 16px; padding-bottom: 16px; } .nordlase-footer__phone, .nordlase-footer__menu, .nordlase-footer__copy, .nordlase-footer-middle__right, .nordlase-footer__links { width: 100%; border-right: none; } .nordlase-footer__menu { padding-top: 26px; padding-bottom: 26px; } .nordlase-footer__menu2 { padding: 0; padding-bottom: 26px; } .nordlase-footer-middle__bottom { padding-left: 0; } .nordlase-footer__copy { width: 50%; border-right: none; } .nordlase-footer__links { padding-left: 0; } .nordlase-footer__bottom:before, .nordlase-footer-middle__bottom:before, .nordlase-footer__middle:before, .nordlase-footer__bottom:after, .nordlase-footer__middle:after { display: none; } } @media (max-width: 600px) { .nordlase-footer__menu2 { display: none; } .nordlase-footer-middle__bottom { flex-direction: column; } .nordlase-footer-middle__bottom >div { width: 100%; } .nordlase-footer__cat, .nordlase-footer__address, .nordlase-footer__copy, .nordlase-footer__links ul { width: 100%; } .nordlase-footer__address { padding-top: 24px; padding-bottom: 10px; } .nordlase-footer-middle__bottom { padding: 0; } .nordlase-footer__middle { border-bottom: none; } .nordlase-footer__cat { padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #555; border-bottom: 1px solid #555; } .nordlase-footer__cat a { font-size: 20px; } .nordlase-footer__links { order: 1; } .nordlase-footer__copy { order: 2; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #555; } .nordlase-footer__links a { color: #BDBDBD; padding-bottom: 12px; display: block; } .nordlase-footer__links .footer-made a { width: auto; display: inline-block; } .nordlase-footer__links .footer-made { margin-left: 0; width: 100%; } } .vivakom_wrap{ color: #828282; font-size: 14px; display: flex; align-items: center; } .vivakom_wrap a{ color: #828282; font-size: 14px; display: flex !important; align-items: center; margin-right: 5px; padding-bottom: 0px; } .vivakom_wrap img{ max-width: 20px; margin-right: 10px; margin-top: -2px; } /* End */ /* /local/js.lib/fancybox5/fancybox.min.css?170540916324768 */ /* /local/templates/main/css/jquery.scrollbar.full.css?164821596722618 */ /* /local/templates/main/css/styles.min.css?170359151376985 */ /* /local/templates/main/css/common.css?171204258110569 */ /* /local/templates/main/css/custom.css?1701076915885 */ /* /local/templates/main/js/splide/splide.min.css?17035915135002 */ /* /local/templates/main/js/fancybox/jquery.fancybox.css?17126739264940 */ /* /local/templates/main/components/bitrix/catalog.section.list/footer_menu/style.css?17035915137151 */ /* /local/templates/main/styles.css?17424586016902 */ /* /local/templates/main/template_styles.css?176433731620874 */