/* Start:/local/templates/biom-group/asset/libs/fancybox/fancybox.css?172310914725343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/biom-group/asset/libs/tiny-slider/tiny-slider.css?17231091472121*/ .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /* End */ /* Start:/local/components/doweb/social/templates/.default/style.css?1723109146320*/ .social__item { display: inline-block; font-size: 0; line-height: 0; } .social__item:not(:last-of-type) { margin-right: 6px; } .social__icon { display: inline-block; width: 36px; height: 36px; } .social__icon svg { width: 36px; height: 36px; } .social__icon svg path { transition: 0.4s ease-in-out; } /* End */ /* Start:/local/templates/biom-group/components/bitrix/menu/footer-menu/style.css?1723109147396*/ .footer-menu { font-size: 18px; font-weight: 700; color: #FFFFFF; list-style-type: none; margin: unset; padding: unset; } @media (min-width: 1200px) { .footer-menu { font-size: 21px; } } .footer-menu__item:not(:last-child) { padding-bottom: 10px; } .footer-menu__link { color: inherit; display: inline-block; } .footer-menu__link:not(:hover) { text-decoration: none; } /* End */ /* Start:/bitrix/components/bitrix/sender.subscribe/templates/.default/style.min.css?17231091504471*/ .bx-subscribe{margin:10px 0}.bx-subscribe div.bx-block-title{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px}.bx-subscribe-desc{color:#aaa;font-size:12px;position:relative;margin-top:-5px;margin-bottom:3px}.bx-subscribe .bx-input-group .bx-form-control{position:relative;margin-bottom:15px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-radius:2px;outline:0;box-shadow:none !important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-subscribe .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.btn-subscribe{cursor:pointer;text-align:center;background:#70bb18;border:0;color:#fff;font-size:13px;position:relative;text-transform:uppercase;border-radius:2px;line-height:30px;height:40px;padding:5px 60px 5px 20px;vertical-align:middle;outline:0;-webkit-transition:width 5s linear;-moz-transition:width 5s linear;-ms-transition:width 5s linear;-o-transition:width 5s linear;transition:width 5s linear}.btn-subscribe:hover{background:#7ec629}.btn-subscribe:before{content:" ";position:absolute;top:0;bottom:0;right:0;width:40px;background-color:#5b9f0b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC"); background-position:50%;background-repeat:no-repeat;border-radius:0 2px 2px 0}.btn-subscribe span{display:block}.btn-subscribe.send{padding:5px 40px;-webkit-animation-name:MeilSend;animation-name:MeilSend;-webkit-animation-duration:.5s;animation-duration:.5s;outline:0;color:#fff}.btn-subscribe:hover,.btn-subscribe:active{color:#fff}.btn-subscribe.send:before{width:0;background-position:100px 50%;-webkit-animation-name:MeilSendButton;animation-name:MeilSendButton;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@-webkit-keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@-webkit-keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}@-webkit-keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}.bx_subscribe_response_container{padding:40px;color:#35414e}.bx_subscribe_checkbox_container{line-height:16px;font-size:13px;margin-bottom:3px;vertical-align:middle;color:#aaa}.bx-sender-subscribe-agreement .main-user-consent-request a{font:11px/10px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)} /* End */ /* Start:/local/components/scody/cookie/templates/.default/style.css?17592354761826*/ .widget_cookie { width: 100%; padding: 16px 20px; position: fixed; z-index: 9999; bottom: 0; right: 0; background: rgb(51, 51, 51); transition: opacity 1.2s, transform 1.2s; flex-direction: row; align-items: center; } .widget_cookie__style1 { border-color: #63aa28 } .widget_cookie__style1 .widget_cookie__btn-close-cookie { background-color: #EEF8FF } .widget_cookie__style2 { border-color: #f8a91c } .widget_cookie__style2 .widget_cookie__btn-close-cookie { background-color: #f8a91c } .widget_cookie__style3 { border-color: #e12a2a } .widget_cookie__style3 .widget_cookie__btn-close-cookie { background-color: #e12a2a } .widget_cookie__style4 { border-color: #0082d1 } .widget_cookie__style4 .widget_cookie__btn-close-cookie { background-color: #0082d1 } .widget_cookie__style5 { border-color: #159dba } .widget_cookie__style5 .widget_cookie__btn-close-cookie { background-color: #159dba } @media(min-width: 29.99875em) { .widget_cookie { width: 100%; bottom: 0; right: 0 } } .widget_cookie__text { color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; padding-top: 12px; margin-right: 20px; } .widget_cookie a { color: var(--theme-b-link) } .widget_cookie__btn-close-cookie { background-size: 100% 100%; width: 111px; height: 35px; display: inline-block; cursor: pointer; transition: .3s; font-size: 14px; line-height: 19px; border-radius: 5px; border: none; } .widget_cookie__btn-close-cookie:hover { background: #0681a0; color:#fff; } .widget_cookie.cookie__hide { transition-delay: 0s; opacity: 0 !important; transform: translateY(20px) !important } .wrapper-content-coockie { display: flex; } /* End */ /* Start:/local/templates/biom-group/asset/css/style.css?175923541143429*/ :root { --border-radius-base: 25px; --main-color: #387E9C; } html { scroll-behavior: smooth; } body{ font-family: "Bellota Text", sans-serif; margin: 0; } body.no-sroll { overflow: hidden; } * { box-sizing: border-box; } a { color: var(--main-color); } .container{ margin: 0 auto; max-width: 1700px; padding: 0 10px; } p:first-of-type { margin-top: unset; } p:last-of-type { margin-bottom: unset; } /* шапка и баннер */ .header { background-image: url('/upload/home_bg.png'); background-repeat: no-repeat; padding-bottom: 150px; background-size: cover; } .header-container{ display: flex; } .header-container.header-fixed { z-index: 99; display: flex; position: fixed; top: 0; left: 0; right: 0; background-color: white; margin: 0 auto; max-width: 1700px; padding: 0 10px; animation: .5s show ease; } @keyframes show { from { opacity: 0; top: -500px;} to { opacity: 1; top: 0;} } .header__logo-link { display: inline-block; max-width: 98px; margin-top: unset; transform: translateY(-5px); } .logo { max-width: 100%; } .header-top .location, .header-top .shedule-2, .header-top .phone { align-items: flex-start; color: rgb(29, 29, 29); font-weight: 700; gap: 10px; } .header-top .location .location__adress span { display: block; } .header-top .location__icon svg path { stroke: #387e9c; } .header-top .shedule-2 svg path, .header-top .phone__icon svg path { fill: #387e9c; } .header-top p{ color: rgb(29, 29, 29); font-size: 16px; font-weight: 700; line-height: 20px; } .header-top__adress{ margin-right: 36px; max-width: 267px; } .header-top__adress{ display: flex; align-items: center; } .header-top__links { position: relative; display: inline-flex; align-items: center; background-color: #387E9C1A; padding: 10px 20px; border-radius: 100px; color: #387E9C; font-size: 16px; font-weight: 700; text-decoration: none; } .header-top__item--btn span { display: none; } .header-top__links:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.30019 21C9.0615 21 8.83258 20.9052 8.6638 20.7364C8.49502 20.5676 8.4002 20.3387 8.4002 20.1C8.4002 19.8613 8.49502 19.6324 8.6638 19.4636C8.83258 19.2948 9.0615 19.2 9.30019 19.2H16.8002C17.4367 19.2 18.0472 18.9471 18.4972 18.4971C18.9473 18.047 19.2002 17.4365 19.2002 16.8V7.2C19.2002 6.56348 18.9473 5.95303 18.4972 5.50294C18.0472 5.05286 17.4367 4.8 16.8002 4.8H9.30019C9.0615 4.8 8.83258 4.70518 8.6638 4.5364C8.49502 4.36761 8.4002 4.13869 8.4002 3.9C8.4002 3.66131 8.49502 3.43239 8.6638 3.2636C8.83258 3.09482 9.0615 3 9.30019 3H16.8002C17.9141 3 18.9824 3.4425 19.77 4.23015C20.5577 5.0178 21.0002 6.08609 21.0002 7.2V16.8C21.0002 17.9139 20.5577 18.9822 19.77 19.7698C18.9824 20.5575 17.9141 21 16.8002 21H9.30019ZM9.2894 7.4388C9.37622 7.35857 9.47799 7.29623 9.58891 7.25534C9.69983 7.21446 9.81771 7.19582 9.93583 7.2005C10.054 7.20518 10.17 7.23309 10.2773 7.28262C10.3847 7.33216 10.4812 7.40235 10.5614 7.4892L14.1614 11.3892C14.3151 11.5555 14.4004 11.7736 14.4004 12C14.4004 12.2264 14.3151 12.4445 14.1614 12.6108L10.5614 16.5108C10.4811 16.5976 10.3845 16.6676 10.2771 16.7171C10.1698 16.7665 10.0537 16.7943 9.93558 16.7988C9.81747 16.8034 9.69961 16.7847 9.58874 16.7437C9.47786 16.7027 9.37615 16.6403 9.2894 16.56C9.20264 16.4797 9.13256 16.3831 9.08313 16.2757C9.03371 16.1684 9.00592 16.0523 9.00136 15.9342C8.99213 15.6956 9.07804 15.4632 9.24019 15.288L11.4458 12.8988H2.1002C1.8615 12.8988 1.63258 12.804 1.4638 12.6352C1.29502 12.4664 1.2002 12.2375 1.2002 11.9988C1.2002 11.7601 1.29502 11.5312 1.4638 11.3624C1.63258 11.1936 1.8615 11.0988 2.1002 11.0988H11.4446L9.23899 8.7108C9.15877 8.62398 9.09643 8.5222 9.05554 8.41129C9.01465 8.30037 8.99601 8.18248 9.00069 8.06436C9.00538 7.94624 9.03328 7.8302 9.08282 7.72286C9.13235 7.61553 9.20255 7.519 9.2894 7.4388Z' fill='%23387E9C'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; margin-left: 8px; } .header-top__links a:nth-child(1){ display: flex; } .header-top__links__video { display: none; align-items: center; padding: 10px 20px; border-radius: 100px; font-size: 16px; font-weight: 700; color: #387E9C80; text-decoration: none; position: relative; border: 1px solid rgba(56, 126, 156, 0.25); transition: .3s; } .header-top__links__video:hover { background-color: rgba(56, 126, 156, 0.25); } .header-top__links__video:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.409 9.353C21.8893 9.60841 22.291 9.98969 22.5712 10.456C22.8514 10.9223 22.9994 11.456 22.9994 12C22.9994 12.544 22.8514 13.0777 22.5712 13.544C22.291 14.0103 21.8893 14.3916 21.409 14.647L8.597 21.614C6.534 22.737 4 21.277 4 18.968V5.033C4 2.723 6.534 1.264 8.597 2.385L21.409 9.353Z' fill='%23387E9C' fill-opacity='0.25'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; margin-left: 8px; flex-shrink: 0; } .header-top__adress img{ width: 28px; height: 28px; margin-right: 10px; } .header-top__tel{ margin-right: 105px; margin-top: -30px; } .header-top__tel p{ margin-bottom: 0; margin-top: 0; } .header-top__item--shedule { margin-left: 3%; } .header-top__item--social .social { font-size: 0; } .header-top__item--social .social__item:not(:last-of-type) { margin-right: unset; } .header-top__tel p:nth-child(1){ margin-top: 27px; } .header-top__tel{ display: flex; align-items: center; } .header-top__tel img{ width: 28px; height: 28px; margin-right: 10px; } .header-top__social{ margin-top: 15px; margin-right: 20px; } .header-top__social a{ text-decoration: none; } .header-bottom menu { padding: unset; } .header-bottom .nav { display: flex; list-style: none; padding-left: 0; } .header-bottom .nav .nav-item:not(:first-child) { margin-left: 15px; } .header-bottom .nav .nav-item a { color: rgb(29, 29, 29); font-size: 16px; font-weight: 700; line-height: 120%; text-decoration: none; } .header-bottom .nav .nav-item a:hover { color: rgb(56, 126, 156); text-decoration-line: underline; } .header-banner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-banner h1 { font-size: 36px; font-weight: 700; color: rgb(56, 126, 156); margin-bottom: 15px; } .header-banner p { color: rgb(29, 29, 29); font-weight: 700; } .header-short-events { padding: 33px 68px; background-color: #fff; border-radius: 25px; position: relative; z-index: 12; background-image: url('/upload/Group691.png'); background-position: right; background-repeat: no-repeat; } .header-short-events::before{ z-index: 8; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; /* opacity: 0.6; */ border-radius: 25px; background: #88CE7A; mix-blend-mode: multiply; } .header-advertising__date { position: relative; z-index: 12; padding: 10px 24px; border: 1px solid #FFFFFF; border-radius: 100px; color: rgb(255, 255, 255); } .header-advertising__desk { position: relative; z-index: 12; display: flex; align-items: flex-end; } .header-advertising__desk h2 { font-weight: 700; font-size: 21px; line-height: 110%; color: rgb(255, 255, 255); } .header-advertising__desk__link a { background-color: #FFFFFF; border-radius: 100px; color: #88CE7A; padding: 18px 30px; text-decoration: none; display: inline-block; text-align: center; font-weight: 700; } .btn-default { position: relative; background: #88CE7A; border: 1px solid #88CE7A; text-align: center; font-size: 16px; font-weight: 700; line-height: 21px; color: #fff; padding: 20px 30px; border-radius: 100px; text-decoration: none; } .btn-default:hover:hover { cursor: pointer; } .btn-default.transparent { background-color: transparent; color: #88CE7A; } .btn-default.btn-disabled { background: #CFCFCF; border: 1px solid #CFCFCF; } .btn-default.btn-gradient { width: fit-content; background-image: linear-gradient(#88CE7A, #387E9C); display: flex; transition: all .3s; } .btn-default.btn-gradient:hover { background-image: unset; background-color: #387E9C; } .arrow-down { position: relative; cursor: pointer; margin:20px; width: 66px; height: 30px; } .arrow-down__left { position: absolute; background-color: transparent; top: 9px; left: 0; width: 40px; height: 10px; display: block; transform: rotate(35deg); float: right; border-radius: 2px; } .arrow-down__left:after { content: ""; background-color: #387E9C; width: 30px; height: 5px; display: block; float: right; border-radius: 6px 10px 10px 6px; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: -1; } .arrow-down__right { position: absolute; background-color: transparent; top: 15px; left: 25px; width: 40px; height: 10px; display: block; transform: rotate(-35deg); float: right; border-radius: 2px; } .arrow-down__right:after { content: ""; background-color: #387E9C; width: 30px; height: 5px; display: block; float: right; border-radius: 10px 6px 6px 10px; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: -1; } .open .arrow-down__left:after { transform-origin: center center; transform: rotate(-70deg); } .open .arrow-down__right:after { transform-origin: center center; transform: rotate(70deg); } .header-menu { border-radius: 100px; width: 117px; height: 44px; display: flex; gap: 12px; background-color: #88ce7a; color: #fff; align-items: center; justify-content: center; text-align: center; position: relative; } .header-menu:before { content: ''; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.125 2.83334H14.875V4.25001H2.125V2.83334ZM2.125 7.79168H14.875V9.20834H2.125V7.79168ZM2.125 12.75H14.875V14.1667H2.125V12.75Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 1199px) { .header-block--menu .header-top__item--btn .header-top__links { aspect-ratio: 1; width: 36px; height: 36px; padding: 0; justify-content: center; align-items: center; } .header-block--menu .header-top__item--btn .header-top__links:after { margin-left: unset; width: 24px; height: 24px; } } @media (max-width: 991px) { .header-container { align-items: center; padding-top: 23px; gap: 20px; justify-content: space-between; } .header-block--menu .header-top__item--phone { display: inline-flex; } .header-block--menu .header-top__item--phone .phone { align-items: center; justify-content: center; } .header-menu-wrapper { display: flex; } .header-block--menu .header-top__item--location { display: none; } .header-block--menu .header-top .location { align-items: center; } .header-block--menu .header-bottom { display: none; } .header-block--menu .header-top__item--shedule { display: none; } } @media (max-width: 767px) { .header-short-events { display: flex; flex-direction: column; padding: 27px 24px; background-size: contain; background-color: #fff; background-image: url('/upload/img/shot-event-mob.png'); background-position: right -20px bottom; border-radius: 20px; } .header-banner p { font-size: 18px; padding-right: 10%; } .header-short-events::before { border-radius: 20px; } .header-advertising__date { width: fit-content; } .header-advertising__desk { flex-wrap: wrap; } .header-advertising__desk__link { margin-top: 50px; } .header-advertising__desk__link a { width: 206px; } .header-block--menu .header-top__item--phone, .header-block--menu .header-top__item--btn { width: 44px; aspect-ratio: 1; height: 44px; } .header-top { display: inline-flex; align-items: center; gap: 6px; } .header-block--menu { display: flex; justify-content: flex-end; } .header-top .phone { display: inline-flex; background-color: #387E9C1A; border-radius: 50%; position: relative; overflow: hidden; } .header-top .phone-items { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .header-top .phone-items .phone-item { display: block; width: 100%; height: 100%; } .header-top .phone-items .phone-item:not(:first-of-type) { display: none; } .header-top .phone span{ display: none; } .header-block--menu .header-top .phone, .header-block--menu .header-top__item--btn .header-top__links { width: 44px; height: 44px; } /* .header-block--menu .header-top__item--phone .phone__icon, .header-block--menu .header-top__item--btn .header-top__links:after { margin-left: unset; width: 24px; height: 24px; } */ .header-block--menu .header-top__item--shedule, .header-block--menu .header-top__item--social, .header-block--menu .header-top__item--phone .phone__items { display: none; } } @media (min-width: 768px) { .header-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; justify-content: flex-end; } .header-advertising__desk { margin-top: 10px; } .header-advertising__desk h2 { margin-bottom: unset; margin-top: unset; margin-right: 104px; max-width: 576px; font-size: 28px; } .header-advertising__desk__link a { padding: 23px 72px 23px 72px; max-height: 76px; font-size: 21px; } .header-banner { margin-top: 10%; } } @media (min-width: 992px) { .header-top { padding-top: 16px; margin-left: 20px; gap: 0; } .header-block { flex-grow: 1; } .header-menu-wrapper { display: none; } .header-bottom { display: flex; justify-content: space-between; align-items: center; margin-left: 40px; } .header-top__item--social { margin-left: 1%; } .header-top__item--shedule { margin-left: 1.5%; } .header-top__item--phone { margin-left: 1.5%; } .header-top__item--btn { margin-left: 1.5%; } } @media (min-width: 1200px) { .header__logo-link { max-width: 200px; margin-top: 24px; } .header-top__links__video { display: flex; } .header-top__item--btn span { display: inline-block; } .header-top__item--social { margin-left: 2%; } .header-banner { flex-wrap: nowrap; margin-bottom: -14px; margin-top: 200px; } .header-banner p { max-width: 684px; font-size: 24px; line-height: 30px; } .header-banner h1 { font-size: 42px; } } @media (min-width: 1440px) { .header-top { margin-left: 80px; } .header-top__links { padding: 15px 38px; font-size: 18px; } .header-top__links:after { width: 24px; height: 24px; margin-left: 12px; } .header-top__links__video { padding: 13px 20px; font-size: 21px; } .header-top__links__video:after { width: 24px; height: 24px; margin-left: 12px; } .header-bottom .nav { justify-content: space-between; } .header-banner { margin-top: 150px; } .header-banner h1 { font-size: 52px; } .header-bottom .nav .nav-item a { font-size: 21px; line-height: 26px; } } @media (min-width: 1600px) { .header__logo-link { max-width: 252px; margin-top: 24px; } .header-banner { margin-top: 398px; } .header-banner h1 { font-size: 72px; } .header-top__item--social { margin-left: 5.5%; } } @media (min-width: 1800px) { .header-top__item--btn { margin-left: 4%; } .header-top__item--phone { margin-left: 7%; } .header-top__item--shedule { margin-left: 7%; } .header-bottom .nav .nav-item:not(:first-child) { margin-left: 45px; } } /*/////////////////////////////////*/ /* Блок записей на мероприятие*/ .event { margin-top: 42px; } .event-header { font-weight: 700; color: #1D1D1D; font-size: 32px; margin: 0; } .event-tabs{ display: flex; /* margin-top: 25px; */ padding-top: 15px; overflow-x: auto; padding-bottom: 10px; } .event-tabs__link { font-size: 14px; font-weight: 700; border-radius: 100px; padding: 11px 19px; text-decoration: none; margin-right: 6px; text-transform: uppercase; } .event-tabs__link:last-of-type { margin-right: unset; } .event-tabs__link{ color: #387E9C; border: 1px solid #387E9C; transition: all .3s; } .event-tabs__link[data-name="all"] { color: white; background: #387E9C; } .event-tabs__link[data-name="past"] { color: rgb(157, 157, 157); border-color: rgb(157, 157, 157); } .event-tabs__link:hover, .event-tabs__link:focus, .event-tabs__link:active { color: white; border: 1px solid #88CE7A; background: #88CE7A; } .event-cont { display: flex; justify-content: space-between; margin-bottom: 42px; flex-wrap: wrap; } @media (max-width: 767px) { .event-header { flex: 1 0 100%; } .event-tabs { flex: 1 0 100%; } } @media (min-width: 768px) { .event-header { font-size: 42px; } .event-tabs { padding-right: 18px; } .event-tabs__link { padding: 15px 29px; } .event-cont { align-items: center; } } @media (min-width: 1440px) { .event{ margin-top: 124px; } .event-cont { align-items: center; margin-bottom: 72px; } } /*/////////////////////////////////*/ /* Сведения об образовательной организации*/ /*/////////////////////////////////*/ /* О компании*/ .about-mission { padding: 40px 30px 0; background-color: #EDF3F9; border-radius: 20px; margin-bottom: 24px; position: relative; } .about-mission__content { padding-bottom: 40px; } .about-mission__dekor { background-size: contain; background-position: center bottom; background-repeat: no-repeat; width: 100%; aspect-ratio: 1; max-width: 300px; margin: auto; display: none; } .about-mission span{ color: rgb(157, 157, 157); font-size: 14px; font-weight: 700; margin-bottom: 22px; display: inline-block; } .about h2 { font-size: 32px; font-weight: 700; color: #1D1D1D; margin-top: 45px; margin-bottom: 36px; } .about-mission p{ color: rgb(56, 126, 156); font-size: 21px; font-weight: 700; line-height: 100%; } .about-desk { display: flex; flex-wrap: wrap; gap: 10px 20px; } .about-desk__one, .about-desk__two { flex: 1 0 100%; } .about-desk__one { border-radius: 25px; border: 1px solid #387E9C40; flex: 1 0 calc(50% - 20px); flex-basis: 100%; padding: 43px 17px 42px 27px; } .about-desk__one p{ color: rgb(29, 29, 29); font-weight: 700; } .about-desk__two { background-color: #88CE7A; border-radius: 25px; position: relative; padding: 32px 22px 34px 34px; } .about-desk__two::before{ background-image: url('/upload/clarity_block-quote-line.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; content: ''; z-index: 1; position: absolute; width: 60%; height: 60%; top: 0; left: -15px; } .about-desk__two p { color: rgb(255, 255, 255); font-weight: 700; z-index: 10; font-size: 18px; line-height: 120%; } .about-desk__two .about-desk__two-p { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin-top: 40px; margin-bottom: unset; } @media (min-width: 992px) { .about-mission { padding: 68px 80px; border-radius: var(--border-radius-base); margin-bottom: 42px; padding-right: 40%; } .about-mission__content { padding-bottom: unset; } .about-mission__dekor { position: absolute; right: 53px; bottom: 0; width: 32%; aspect-ratio: 1; max-width: unset; display: inline-flex; } .about h2 { font-size: 42px; /* margin-top: 150px; margin-bottom: 77px; */ } .about-mission span{ font-size: 18px; } .about-mission p{ font-size: 32px; } .about-desk__one { padding: 30px 40px; } .about-desk__one p{ font-size: 21px; max-width: 700px; } .about-desk__item { flex-basis: calc(100% / 2 - 20px); } .about-desk__two { padding: 30px 40px; } .about-desk__two p { font-size: 26px; } .about-desk__two .about-desk__two-p { font-size: 21px; margin-top: 50px; } .about-desk__two::before { top: -68px; left: -32px; width: 449px; height: 449px; } } @media (min-width: 1440px) { .about h2 { margin-top: 150px; font-size: 42px; margin-bottom: 77px; } .about-desk__one { padding: 81px 53px 67px 69px; } .about-desk__two { padding: 82px 85px; } .about-desk__two p { font-size: 32px; } } /* часто задаваемые вопросы */ .accordion-main { margin-bottom: 44px; } @media (min-width: 1200px) { .accordion-main { margin-bottom: 105px; } } /*/////////////////////////////////*/ /* Группа компаний БИОМ*/ .map { margin-bottom: 44px; } [class*="ymaps-2-1"][class*="-ground-pane"] { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .map__inner { position: relative; min-height: 595px; display: flex; align-items: stretch; flex-wrap: wrap; gap: 15px; justify-content: center; } .map__inner .bx-yandex-view-layout, .map__inner .bx-yandex-view-map { height: 100%; } .map__inner .bx-yandex-map { height: 100% !important; } .map__loyout { width: 100%; aspect-ratio: 5 / 7; border-radius: var(--border-radius-base); overflow: hidden; } .map__content { border-radius: var(--border-radius-base); background-color: #88CE7A; max-width: 448px; width: 100%; position: relative; z-index: 1; padding: 30px; color: #fff; } .map__title { font-weight: 700; font-size: 24px; margin-top: unset; margin-bottom: 23px; } .map-info__item:not(:last-of-type) { margin-bottom: 23px; } .map-info__item .location, .map-info__item .phone, .map-info__item .email, .map-info__item .shedule { gap: 23px; align-items: flex-start; } .map__social { margin-top: 26px; } .map .container { position: relative; } @media (max-width: 767px) { .map__content, .map__loyout { --border-radius-base: 20px; } } @media (min-width: 768px) { .map { margin-bottom: 90px; } .map__social { margin-top: 50px; } .map__loyout { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .map__inner { position: relative; padding: 10px 20px 15px; justify-content: flex-start; } } @media (min-width: 992px) { .map__inner { padding: 20px 30px 25px; } .map__title { font-size: 32px; margin-bottom: 38px; } } @media (min-width: 1200px) { .map__content { border-radius: var(--border-radius-base); background-color: #88CE7A; max-width: 620px; width: 100%; position: relative; z-index: 1; padding: 30px 40px; color: #fff; } .map__inner { padding: 30px 40px 45px; min-height: 595px; } .map-info__item .location, .map-info__item .phone, .map-info__item .email, .map-info__item .shedule { gap: 37px; font-size: 21px; } } @media (min-width: 1440px) { .map__content { max-width: 620px; padding: 74px 86px; } } /*/////////////////////////////////*/ /* Футер*/ footer { background-color: #387E9C; border-top-left-radius: var(--border-radius-base); border-top-right-radius: var(--border-radius-base); } .footer-container{ background-color: #387E9C; /* border-radius: calc(var(--border-radius-base) * 2); */ border-radius: 25px; display: flex; flex-wrap: wrap; gap: 30px; /* justify-content: space-between; */ padding-top: 27px; padding-left: 20px; padding-right: 10px; padding-bottom: 49px; } .footer-colomn{ display: flex; flex-direction: column; } .footer-colomn p{ font-size: 16px; font-weight: 700; color: #FFFFFF; } .footer-link-tel{ font-size: 16px; font-weight: 700; color: #FFFFFF; display: flex; text-decoration: none; } .footer-link-tel img{ margin-right: 20px; } .footer_img{ display: flex; } .footer_img img{ margin-right: 20px; } .footer__info { margin-top: 21px; } .footer__info-item + .footer__info-item { margin-top: 18px; } .footer-text { color: #fff; } .footer-colomn .footer-text:not(:empty) { margin-top: 1rem; display: block; } .footer .qr-code { max-width: 130px; } .footer .qr-code-wrapper { text-align: center; color: #fff; } .qr-code-text { margin-top: 0.5rem; text-transform: uppercase; } .qr-code { border: 3px solid #fff; } .qr-code img { max-width: 100%; display: block; } .developer { color: #fff; font-weight: 700; margin-top: 18px; } .developer a { display: inline-block; text-decoration: unset; color: inherit; border-bottom: 1px solid currentColor; line-height: 1; } @media (max-width: 767px) { .footer-colomn--menu { padding-right: 20%; } .footer-colomn { flex: 1 0 100%; } .qr-code { margin: auto; } } @media (min-width: 768px) { footer { --border-radius-base: 50px; } .footer-container { justify-content: space-between; padding-top: 37px; padding-bottom: 49px; gap: 30px; } } @media (min-width: 1200px) { .footer-colomn--menu { flex-basis: 37%; } .footer-colomn--right { flex-basis: 240px; } .footer-colomn--right .social { padding-left: 40px; } .footer-colomn:not(:first-child){ padding-top: 40px; } .developer { margin-top: 40px; } } /* section */ .section__title { font-size: 32px; margin-top: 45px; margin-bottom: 36px; font-weight: 700; color: #1D1D1D; } @media (min-width: 768px) { .section__title { font-size: 30px; } } @media (min-width: 992px) { .section__title { font-size: 42px; } } @media (min-width: 1440px) { .section__title { font-size: 42px; margin-top: 150px; margin-bottom: 77px; } } /* / section */ /* components */ /* location */ .location { display: inline-flex; font-weight: 700; font-size: 16px; color: #fff; align-items: center; gap: 13px; } .location__icon { width: 28px; height: 28px; display: inline-flex; flex-shrink: 0; } .location__icon svg { margin: auto; } .location__icon svg path{ stroke-width: 3px; stroke: #F8F8F8; } /* / location */ /* phone */ .phone { display: inline-flex; font-weight: 700; font-size: 16px; color: #fff; align-items: center; gap: 13px; color: #fff; } .phone__icon { font-size: 0; line-height: 0; width: 28px; height: 28px; display: inline-flex; flex-shrink: 0; } .phone__icon svg { margin: auto; } .phone__icon svg path { fill: #f8f8f8; } .phone a { color: inherit; display: block; } .phone a:not(:hover) { text-decoration: unset; } /* /phone */ /* email */ .email { display: inline-flex; font-weight: 700; font-size: 16px; color: #fff; align-items: center; gap: 13px; color: #fff; } .email__icon { font-size: 0; line-height: 0; width: 28px; height: 28px; display: inline-flex; flex-shrink: 0; } .email__icon svg { margin: auto; } .email a { color: inherit; } .email a:not(:hover) { text-decoration: unset; } /* /email */ /* shedule */ .shedule { display: inline-flex; font-weight: 700; font-size: 16px; color: #fff; align-items: flex-start; gap: 13px; color: #fff; } .shedule__icon { font-size: 0; line-height: 0; width: 28px; height: 28px; display: inline-flex; flex-shrink: 0; } .shedule__icon svg { margin: auto; } .shedule a { color: inherit; } .shedule a:not(:hover) { text-decoration: unset; } /* /shedule */ /* shedule 2*/ .shedule-2 { display: inline-flex; font-weight: 700; font-size: 16px; color: #fff; align-items: flex-start; gap: 13px; color: #fff; } .shedule-2 svg path { fill: #fff; } /* /shedule 2 */ /* table */ .table-wrapper { max-width: 100%; overflow-x: auto; } .table { text-align: left; border-collapse: separate; border-spacing: 0; overflow: hidden; } .table thead { background-color: #387e9c; color: #fff; border-radius: 25px 25px 0 0; } .table tr th { border-color: #387e9c; } .table td, .table th { padding: 15px 10px; } .table thead tr:first-child th:first-of-type, .table tbody tr:first-child td:first-of-type { border-top-left-radius: 25px; } .table thead + tbody tr:first-child td:first-of-type { border-top-left-radius: unset; } .table thead tr:first-child th:last-of-type, .table tbody tr:first-child td:last-of-type { border-top-right-radius: 25px; } .table thead + tbody tr:first-child td:last-of-type { border-top-right-radius: unset; } .table tbody tr:last-of-type td:last-of-type { border-bottom-right-radius: 25px; } .table tr:last-of-type td:first-of-type { border-bottom-left-radius: 25px; } .table td { border: 1px solid #387e9c; } .table tr:not(:last-of-type) td { border-bottom: unset; } .table tr td:not(:last-of-type) { border-right: unset; } @media (min-width: 768px) { .table td, .table th { padding: 20px 17px; } } .table--alt { } .table--alt tbody tr:nth-child(odd) { background-color: var(--main-color); color: #fff; } .table--alt tbody tr:nth-child(even) { background-color: #EDF3F9; } /* / table */ /* checkbox */ .checkbox { --unchecked-color: #387e9c40; --checked-color: #387e9c; --size: 28px; --br: 0; --space: 5px; --font-size: 20px; font-size: var(--font-size); } .checkbox--black { --unchecked-color: #1D1D1D; --size: 17px; --br: 2px; --space: 2px; --checked-color: #1D1D1D; --font-size: 14px; } .checkbox__input { display: block; visibility: hidden; width: 0; line-height: 0; margin: 0; appearance: none; } .checkbox__label { position: relative; z-index: 1; cursor: pointer; outline: 0; display: inline-flex; flex-direction: row-reverse; align-items: flex-start; gap: 12px; } .checkbox__label a { color: inherit; } .checkbox__box { height: var(--size); width: var(--size); transition: all ease .3s; border: var(--border-width) solid transparent; border-radius: var(--br); outline: 1px solid var(--unchecked-color); padding: var(--space); flex: 0 0 var(--size); transform: translateY(1px); } .checkbox__box:before { content: ''; margin: auto; width: 100%; height: 100%; display: block; background-color: transparent; transition: .3s; border-radius: var(--br); } .checkbox__input:checked + .checkbox__label .checkbox__box:before { background-color: var(--checked-color); } /* / checkbox */ /* modal */ .ajax-modal__container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.6); display: none; flex-direction: column; align-items: center; justify-content: center; } .ajax-modal__form { background: #ffffff; border-radius: 25px; width: 800px; padding: 50px; position: relative; display: none; overflow-x: auto; max-width: 100%; } a.ajax-modal__form-close { position: absolute; cursor: pointer; right: 40px; top: 30px; z-index: 5; } a.ajax-modal__form-close:before, a.ajax-modal__form-close:after { content: ""; position: absolute; width: 24px; height: 4px; background: #387E9C; } a.ajax-modal__form-close:before { transform: rotate(45deg); } a.ajax-modal__form-close:after { transform: rotate(-45deg); } .ajax-modal__form-head { display: flex; margin-bottom: 35px; } .ajax-modal__form-head span { font-size: 14px; font-weight: 400; line-height: 24px; margin-right: 10px; color: #9D9D9D; @media (min-width: 768px) { font-size: 24px; line-height: 21px; } } .ajax-modal__form-head span.active { color: #387E9C; font-weight: 700; text-decoration: underline; font-size: 24px; @media (min-width: 768px) { font-size: 42px; } } .ajax-modal__form-head span:not(.active):hover { cursor: pointer; } .ajax-modal__form-content { display: flex; flex-direction: column; } .ajax-modal__form-content > div:not(.show) { display: none; } /* / modal */ /*/////////////////////////////////*/ /* section short */ .section--short { margin-top: -45px; } .contacts { margin: 60px 0; } .wrap-footer-info a { color: #fff; font-size: 14px; text-decoration: none; margin-right: 30px; } .wrap-footer-info a:hover { color: #71d171; } .wrap-footer-info { padding-bottom: 30px; } @media (min-width: 768px) { .section--short { margin-top: -90px; } } /* */ .header-mobile, .header-mobile__right { display: none; } @media (max-width: 991px) { .header-mobile { flex-grow: 1; justify-content: space-between; display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f8fcff; z-index: -1000; transform: translateY(-100%); transition: .3s; overflow-y: auto; } .header-mobile .container { width: 100%; } .header-mobile.active { transform: translateY(0); z-index: 1000; } .header-mobile .header-bottom menu { display: block; margin-bottom: unset; } .header-mobile .header-bottom { flex-direction: column; align-items: flex-start; margin-left: unset; } .header-mobile .header-bottom .nav { flex-direction: column; padding-left: unset; gap: 15px; } .header-mobile .header-bottom .nav .nav-item a { font-size: 18px; } .header-mobile .header-top__links__video { display: inline-flex; } .header-mobile__elements .header-top__item--btn { margin-top: 6px; } .header-mobile__elements-2 { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; } .header-mobile__elements-2 .header-top__item { flex-basis: calc(100% / 2 - 8px); } .header-mobile__elements-2 .location__icon, .header-mobile__elements-2 .phone__icon, .header-mobile__elements-2 .shedule__icon { width: 20px; height: 20px; } .header-mobile__elements-2 .header-top__item--location, .header-mobile__elements-2 .header-top__item--phone { /* flex-basis: 150px; */ } .header-mobile__elements-2 .header-top__item--shedule, .header-mobile__elements-2 .header-top__item--phone { margin-left: unset; } .header-mobile__elements-2 .location, .header-mobile__elements-2 .shedule-2, .header-mobile__elements-2 .phone { color: inherit; font-size: 14px; gap: 4px; } .header-mobile__elements-2 .location__icon svg path { stroke: #387e9c; } .header-mobile__elements-2 .shedule-2 svg path, .header-mobile__elements-2 .phone__icon svg path { fill: #387e9c; } .header-mobile .header-bottom .nav .nav-item:not(:first-child) { margin-left: unset; } .header-mobile__top { display: flex; align-items: center; padding-top: 23px; gap: 20px; justify-content: space-between; } .header-mobile__close { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8337 30.8333L13.167 14.1667M29.8337 14.1667L13.167 30.8333' stroke='%23387E9C' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='44' height='44' rx='22' fill='%23387E9C' fill-opacity='0.1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 44px; height: 44px; position: absolute; top: 23px; right: 13px; z-index: 2; } } @media (max-width: 767px) { .header { padding-bottom: 115px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .header-banner { margin-top: 67px; /* margin-bottom: 115px; */ } /* .header-block { display: none; } */ /* .header-mobile__right { display: inline-flex; gap: 6px; } */ .header-mobile { flex-grow: 1; justify-content: space-between; display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f8fcff; z-index: -1000; transform: translateY(-100%); transition: .3s; overflow-y: auto; } .header-mobile .container { width: 100%; } .header-mobile.active { transform: translateY(0); z-index: 1000; } .header-mobile .header-bottom menu { display: block; margin-bottom: unset; } .header-mobile .header-bottom { flex-direction: column; align-items: flex-start; margin-left: unset; } .header-mobile .header-bottom .nav { flex-direction: column; padding-left: unset; gap: 15px; } .header-mobile .header-bottom .nav .nav-item a { font-size: 18px; } .header-mobile .header-top__links__video { display: inline-flex; } .header-mobile__elements .header-top__item--btn { margin-top: 6px; } .header-mobile__elements-2 { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; } .header-mobile__elements-2 .header-top__item { flex-basis: calc(100% / 2 - 8px); } .header-mobile__elements-2 .location__icon, .header-mobile__elements-2 .phone__icon, .header-mobile__elements-2 .shedule__icon { width: 20px; height: 20px; } .header-mobile__elements-2 .header-top__item--location, .header-mobile__elements-2 .header-top__item--phone { /* flex-basis: 150px; */ } .header-mobile__elements-2 .header-top__item--shedule, .header-mobile__elements-2 .header-top__item--phone { margin-left: unset; } .header-mobile__elements-2 .location, .header-mobile__elements-2 .shedule-2, .header-mobile__elements-2 .phone { color: inherit; font-size: 14px; gap: 4px; } .header-mobile__elements-2 .location__icon svg path { stroke: #387e9c; } .header-mobile__elements-2 .shedule-2 svg path, .header-mobile__elements-2 .phone__icon svg path { fill: #387e9c; } .header-mobile .header-bottom .nav .nav-item:not(:first-child) { margin-left: unset; } .header-mobile__top { display: flex; align-items: center; padding-top: 23px; gap: 20px; justify-content: space-between; } .header-mobile__close { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8337 30.8333L13.167 14.1667M29.8337 14.1667L13.167 30.8333' stroke='%23387E9C' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect width='44' height='44' rx='22' fill='%23387E9C' fill-opacity='0.1'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 44px; height: 44px; position: absolute; top: 23px; right: 13px; z-index: 2; } } @media (max-width: 374px) { .header-container { gap: 10px; } .header__logo-link { max-width: 80px; } .header-menu { gap: 5px; height: 35px; max-width: 90px; padding-left: 10px; padding-right: 10px; } .header-mobile__right { font-size: 0; line-height: 0; } .header-mobile__right .recall, .header-mobile__right .personal { width: 35px; height: 35px; } .header-mobile__right .recall svg, .header-mobile__right .personal svg { max-width: 100%; max-height: 100%; } } /* End */ /* /local/templates/biom-group/asset/libs/fancybox/fancybox.css?172310914725343 */ /* /local/templates/biom-group/asset/libs/tiny-slider/tiny-slider.css?17231091472121 */ /* /local/components/doweb/social/templates/.default/style.css?1723109146320 */ /* /local/templates/biom-group/components/bitrix/menu/footer-menu/style.css?1723109147396 */ /* /bitrix/components/bitrix/sender.subscribe/templates/.default/style.min.css?17231091504471 */ /* /local/components/scody/cookie/templates/.default/style.css?17592354761826 */ /* /local/templates/biom-group/asset/css/style.css?175923541143429 */