/* Start:/local/templates/main/assets/lib/fancybox.css?174050300024645*/ :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: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)}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: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__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: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-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: 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:.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:focus-within:not(.is-selected){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 .f-thumbs__slide>*{clip-path:var(--clip-path)}.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/assets/lib/swiper-bundle.min.css?174050300018429*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/assets/css/main.css?1745845496120213*/ @import "/local/templates/main/assets/css/../lib/normalize.css"; :root { --blue-color: #60ADFF; --dark-blue-color: #1E6189; --text-default-color: #232323; --gray-color: #848484; --light-gray-color: #e7e7e7; --orange-color: #DB7B29; --orange-2-color: #E55300; --beige-color: #FFFAF6; } *, *:before, *:after { box-sizing: border-box; } body { margin: 0; padding: 0; color: var(--gray-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } input,textarea,select { font-family: 'Proza Libre', sans-serif; color: var(--gray-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 12px 24px; border-radius: 36px; border: 1px solid var(--light-gray-color); transition: .3s ease-out; display: block; margin: 0 0 24px 0; cursor: pointer; outline: none; max-width: 100%; width: 100%; background-color: transparent; } textarea { border-radius: 24px; } input[type="radio"], input[type="checkbox"]{ -webkit-appearance: none; appearance: none; background-color: #fff; width: 16px; height: 16px; /*display: grid;*/ display: inline-flex; place-content: center; position: relative; border: none; outline: none; box-shadow: inset 0 0 0 1px var(--light-gray-color); padding: 0; margin: 0 12px 0 0; } input[type="radio"]:hover, input[type="checkbox"]:hover{ box-shadow: inset 0 0 0 1px var(--orange-color); } input[type="radio"]:checked { box-shadow: inset 0 0 0 4px var(--orange-color); } input[type="checkbox"] { border-radius: 4px; } input[type="checkbox"]:checked { background: var(--orange-color); } input[type="checkbox"]:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; display: block; transition: .3s ease-out; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjMuNSIgZmlsbD0iI0RCN0IyOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjM4NDIgOC4xMTkzN0M0Ljk4NDYxIDcuODc4MzUgNC41NzMwOSA3Ljg3ODM1IDQuMzE5MjcgOC4xMTkzN0M0LjA2NTQ1IDguMzYwMzggNC4wNjU0NSA4Ljc1MTE1IDQuMzE5MjcgOC45OTIxN0w2LjYxNzE2IDExLjE3NDJDNi44NzE3NyAxMS40MTU5IDcuMjg0ODYgMTEuNDE1MSA3LjUzODM1IDExLjE3MjJMMTIuNzE0OCA2LjIxM0MxMi45Njc1IDUuOTcwOTEgMTIuOTY1NiA1LjU4MDE1IDEyLjcxMDcgNS4zNDAyMUMxMi40NTU3IDUuMTAwMjYgMTIuMDQ0MiA1LjEwMiAxMS43OTE1IDUuMzQ0MDhMNy4wNzQ2OSA5Ljg2MzAyTDUuMjM4NDIgOC4xMTkzN1oiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIzLjUiIHN0cm9rZT0iI0RCN0IyOSIvPgo8L3N2Zz4K); } input[type="checkbox"]:checked:after { opacity: 1; } input[type="checkbox"]:checked { background: var(--orange-color); } input.not-valid,textarea.not-valid,select.not-valid { border-color: red; } input[type="checkbox"].not-valid { box-shadow: inset 0 0 0 1px red; } input[disabled="true"] { opacity: 0.5 } *::-webkit-scrollbar { width: 4px; } *::-webkit-scrollbar-track { /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ background: var(--light-gray-color); } *::-webkit-scrollbar-thumb { background-color: var(--orange-color); outline: none; border-radius: 4px; } ul { padding-left: 24px; } li { list-style: disc; } p, li, a { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } p { margin: 0 0 24px 0; display: block; } a { text-decoration: none; outline: none; transition: .3s ease-out; } a:hover { opacity: .7; } .link-with-arr, .link-with-arr a { cursor: pointer; text-decoration: none; outline: none; color: var(--orange-color); font-family: 'Proza Libre', sans-serif; font-size: 12px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; transition: .3s ease-out; display: inline-flex; align-items: center; padding: 8px 0; } .link-with-arr:after, .btn-with-arr:after { content: ''; display: block; width: 34px; height: 34px; margin-left: 12px; flex-shrink: 0; transition: .3s ease-out; background: url("/local/templates/main/assets/css/../svg/link-arrow.svg") no-repeat; background-size: contain; } .link-with-arr:hover:after, .btn-with-arr:hover:after { transform: translateX(10px); } .link-with-arr.prev:before, .link-with-arr.prev a:before { transform: rotate(180deg); content: ''; display: block; width: 34px; height: 34px; margin-right: 12px; flex-shrink: 0; transition: .3s ease-out; background: url("/local/templates/main/assets/svg/link-arrow.svg") no-repeat; background-size: contain; } .link-with-arr.prev a:hover:before, .link-with-arr.prev:hover:before{ transform: translateX(-10px) rotate(180deg); } .link-with-arr.prev a:after, .link-with-arr.prev:after{ display: none; } .btn,input[type="submit"] { font-family: 'Proza Libre', sans-serif; display: inline-flex; align-items: center; padding: 16px 32px; border-radius: 32.5px; background: var(--orange-color); text-decoration: none; outline: none; color: white; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; transition: .3s ease-out; cursor: pointer; flex-shrink: 0; } input[type="submit"] { width: initial; } .btn svg { display: block; margin-left: 8px; } .btn-with-icon { gap: 10px; border: none; } .btn:hover, input[type="submit"]:hover { opacity: .7; } .btn-outline { background: white; outline: 1px solid var(--orange-color); color: var(--orange-color); } .btn-outline:hover { background: var(--orange-color); color: white; } .btn-tab { outline: 1px solid var(--dark-blue-color); background: white; color: var(--text-default-color); margin-left: 20px; } .btn-tab:first-child { margin-left: 0; } .btn-tab:hover, .btn-tab.active { color: white; background: var(--dark-blue-color); } .btn-with-arr { position: relative; } .btn-with-arr:after { background: url("/local/templates/main/assets/svg/link-arrow-white.svg") no-repeat; background-size: contain; position: absolute; top: calc(50% - 26px); right: -30px; width: 52px; height: 52px; } .btn-with-arr:hover:after { } .btn.loading { position: relative; } .btn.loading:before { content: 'Загрузка...'; width: 100%; height: 100%; background: inherit; color: inherit; position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: center; border-radius: inherit; } .btn-wrapper { margin-bottom: 40px; } .js-more-btn { margin-bottom: 48px; } h2 { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin: 0 0 24px 0; } h3 { color: var(--text-default-color); font-family: 'Work Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.4px; margin: 0 0 24px 0; } h4 { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; margin: 0 0 12px 0; } /* breadcrumbs */ .breadcrumbs { padding-top: 100px; margin-bottom: 20px; padding-left: 0; } .breadcrumbs li { display: inline-block; vertical-align: middle; font-size: 12px; padding-right: 27px; position: relative; margin: 0 12px 5px 0; line-height: 1.1; } .breadcrumbs li:last-child:before { display: none; } .breadcrumbs li:before { content: ''; position: absolute; margin-top: -1px; top: 50%; right: 0; background: url(/local/templates/main/assets/css/../svg/line.svg) no-repeat; width: 15px; height: 1px; } .breadcrumbs a { color: var(--text-default-color); text-decoration: underline; font-size: 12px; } /* breadcrumbs end */ .fs12 { font-size: 12px; } .date-text { color: var(--gray-color); font-family: 'Proza Libre', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; display: block; width: 100%; margin: 0 0 12px 0; } .card-title { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: block; margin: 0 0 12px 0; } .card-title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .card-text { color: var(--gray-color); font-family: 'Proza Libre', sans-serif; display: block; margin: 0 0 24px 0; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .card-note { display: block; font-weight: 400; font-size: 10px; color: #848484; margin: 0 0 24px 0; } .card-note sup { color: #eb001b; font-weight: 400; font-size: 10px; top: 0; margin-right: 4px; } .card-badge { display: flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 24px; background-color: var(--orange-color); color: #ffffff; font-size: 12px; } .detail-page-title { display: block; width: 100%; margin: 0 0 25px; color: var(--blue-color); font-family: 'Rubik', sans-serif; font-size: 57px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } @media (max-width: 580px) { .detail-page-title { font-size: 24px; } } .d-flex { display: flex; } .ai-c { align-items: center; } .fd-c { flex-direction: column; } .jc-c { justify-content: center; } .jc-fe { justify-content: flex-end; } .jc-sb { justify-content: space-between; } .jc-fs { justify-content: flex-start; } .dsa-container { width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 80px; padding-right: 80px; } .py100 { padding-top: 100px; padding-bottom: 100px; } .pb20 { padding-bottom: 20px; } .pb100 { padding-bottom: 100px; } .pt100 { padding-top: 100px; } .pt20 { padding-top: 20px; } /*dsa-breadcrumb*/ .dsa-breadcrumb { padding-top: 100px; width: 100%; margin: 0 auto 20px auto; display: flex; align-items: center; } .dsa-breadcrumb i { width: 15px; height: 1px; display: block; margin: 0 12px; background: var(--text-default-color); } .dsa-breadcrumb * { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .dsa-breadcrumb a { text-decoration: underline; } @media (max-width: 1024px) { .dsa-breadcrumb { padding-top: 60px; } } @media (max-width: 580px) { .dsa-breadcrumb { padding-top: 40px; } } /*dsa-breadcrumb end*/ /*fund-numbers*/ .fund-numbers { width: 100%; position: relative; overflow: hidden; } .fund-numbers .icon-bg { position: absolute; top: 0; right: -174px; opacity: .07 } .fund-numbers .title { color: var(--text-default-color); font-family: 'Rubik', sans-serif; font-size: 42px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; max-width: 374px; margin-right: auto; } .fund-numbers .title .bg-text { font-size: 70px; background: url('/local/templates/main/assets/css/../img/hands.jpeg') no-repeat center; background-size: 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fund-numbers .content { display: flex; flex-wrap: wrap; } .fund-numbers .numbers { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 125px; grid-row-gap: 48px; max-width: 540px; } @media (max-width: 767px) { .fund-numbers .numbers { grid-template-columns: 1fr; grid-row-gap: 24px; max-width: 100%; } } .fund-numbers .item { display: flex; flex-direction: column; justify-content: flex-start; } .fund-numbers .label { color: var(--gray-color); font-family: 'Proza Libre', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; display: block; } .fund-numbers .num { display: block; color: var(--blue-color); font-family: 'Rubik', sans-serif; font-size: 64px; font-style: normal; font-weight: 500; line-height: normal; } @media (max-width: 1299px) { .fund-numbers .num { font-size: 48px; } } @media (max-width: 767px) { .fund-numbers .num { font-size: 32px; } } .fund-numbers .text { display: block; color: var(--text-default-color); max-width: 205px; } @media (max-width: 767px) { .fund-numbers .text { max-width: 100%; } } .fund-numbers-col { flex-wrap: wrap; margin-bottom: 26px; } .fund-numbers-col:last-child { margin-bottom: 0; } .fund-numbers-col .numbers { grid-template-columns: repeat(3, 1fr); grid-column-gap: 48px; align-items: flex-start; max-width: 617px; } .fund-numbers .text-block { max-width: 387px; } /*fund-numbers end*/ /*help banner*/ .help-banner { width: 100%; height: 450px; display: flex; align-items: center; position: relative; } .help-banner .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .help-banner-content { position: relative; z-index: 2; width: 40%; margin-left: auto; } .help-banner-content .title { color: var(--text-default-color); font-family: 'Rubik', sans-serif; font-size: 42px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; display: block; margin: 0 0 24px 0; } .help-banner-content .logos { display: flex; align-items: center; flex-wrap: wrap; } .help-banner-content .logos img { display: block; margin: 0 24px 24px 0; max-width: 72px; } .help-banner-2 .title { color: white; } .help-banner-2 .help-banner-content { margin-left: 0; } .help-banner-btns { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 12px; } /*help banner end*/ /*sliders*/ .title-with-nav { display: flex; justify-content: space-between; margin-bottom: 24px; } /* @media (max-width: 1299px) { .title-with-nav { flex-direction: column; } .title-with-nav .nav { margin-left: 0; margin-top: 24px; } .btn-tab:first-child { margin-left: 0; } } @media (max-width: 767px) { .title-with-nav .nav { flex-direction: column; align-items: flex-start; } .btn-tab { margin: 0 0 12px; } } */ @media (max-width: 767px) { .btn-tab { width: 100%; margin: 0 0 10px; flex-direction: column; } } .title-with-nav .title { margin: 0 20px 0 0; } .title-with-nav .nav { flex-shrink: 0; margin-left: 20px; display: flex; align-items: center; } .swiper-button-prev:after, .swiper-button-next:after { display: none!important; } .swiper-button-prev, .swiper-button-next { color: var(--orange-2-color); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 0 0 8px!important; position: static; border: 1px solid var(--orange-2-color); border-radius: 50%; transition: .3s ease-out; flex-shrink: 0; } .swiper-button-next { transform: rotate(180deg); } .swiper-button-prev svg, .swiper-button-next svg { width: 50%; transition: .3s ease-out; } .swiper-button-prev:hover, .swiper-button-next:hover { background: var(--orange-2-color); } .swiper-button-prev:hover svg, .swiper-button-next:hover svg { color: white; } /*sliders*/ /*news card*/ .dsa-news-card { border-radius: 12px; background: #FFF; text-decoration: none; transition: .3s ease-out; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; width: 100%; max-width: 513px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); min-height: 215px; height: auto; } .dsa-news-card-last { display: flex!important; justify-content: center; align-items: center; background: rgba(219, 123, 41, 0.2) url("/local/templates/main/assets/css/../svg/people-light.svg") no-repeat right bottom; } .dsa-news-card > * { min-width: 0px; } .dsa-news-card .img { border-bottom-left-radius: 12px; border-top-left-radius: 12px; overflow: hidden; width: 100%; height: 100%; } .dsa-news-card .img img { width: 100%; height: 100%; object-fit: cover; } .dsa-news-card .content { width: 100%; padding: 20px 20px 20px 0; } .dsa-news-wrap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; padding-top: 24px; } @media (max-width: 768px) { .dsa-news-wrap { grid-template-columns: 1fr; } } .dsa-hr, .dsa-news-card .hr, .dsa-specialist-card .hr, .help-card .hr { display: block; width: 100%; height: 1px; position: relative; background: var(--orange-color); margin: 0; border: none; outline: none; } .dsa-news-card .hr:before, .dsa-news-card .hr:after, .dsa-specialist-card .hr:before, .dsa-specialist-card .hr:after, .help-card .hr:before, .help-card .hr:after, .dsa-hr:before, .dsa-hr:after { content: ''; position: absolute; top: 0; left: 0; display: block; height: 2px; } .dsa-hr:before, .dsa-news-card .hr:before, .dsa-specialist-card .hr:before, .help-card .hr:before { width: 100%; max-width: 180px; background: var(--orange-color); z-index: 2; } .dsa-hr:after, .dsa-news-card .hr:after, .dsa-specialist-card .hr:after { width: calc(100% + 20px); background: var(--light-gray-color); top: -1px; } .help-card .hr:after { width: 100%; background: var(--light-gray-color); top: -1px; } .dsa-news-card:hover .link-with-arr:after { transform: translateX(10px); } /*news card end*/ /*program card*/ .dsa-program-card { border-radius: 12px; background: #FFF; text-decoration: none; transition: .3s ease-out; display: grid; grid-template-columns: 1fr; grid-gap: 24px; width: 332px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); min-height: 215px; padding: 20px; } .dsa-program-card-last { display: flex; align-items: center; justify-content: center; min-height: 354px; background: rgba(219, 123, 41, 0.2) url("/local/templates/main/assets/css/../svg/people-2.svg") no-repeat right bottom; } .dsa-program-card > * { min-width: 0px; } .dsa-program-card .img { width: 100%; height: 175px; } @media (max-width: 580px) { .dsa-program-card .img { height: 300px; } } .dsa-program-card .img img { width: 100%; height: 100%; object-fit: cover; } .dsa-program-card .hr { display: block; width: 100%; height: 1px; position: relative; background: var(--orange-color); } .dsa-program-card .hr:before, .dsa-program-card .hr:after { content: ''; position: absolute; top: 0; left: 0; display: block; height: 2px; } .dsa-program-card .hr:before { width: 100%; max-width: 180px; background: var(--orange-color); z-index: 2; } .dsa-program-card .hr:after { width: 100%; background: var(--light-gray-color); top: -1px; } .dsa-program-card:hover .link-with-arr:after { transform: translateX(10px); } @media (max-width: 580px) { .dsa-program-card { width: 100%; } } /*program card end*/ /*partners text*/ .partners-block-wrapper { background: var(--beige-color); } .partners-text-block { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; } .partners-text-block > * { min-width: 0px; } .partners-text-block .col { width: 100%; display: grid; grid-template-columns: 1fr; grid-gap: 72px; } .partners-text-block .col:nth-child(2n) { padding-top: 32px; } .partners-text-block .item { display: grid; grid-template-columns: 40px 1fr; grid-gap: 32px; } .partners-text-block .item .num { color: var(--blue-color); text-align: center; font-family: 'Rubik', sans-serif; font-size: 64px; font-style: normal; font-weight: 500; line-height: normal; display: block; } .partners-text-block .item .name { display: block; margin: 0 0 12px 0; color: var(--text-default-color); /* Header 2 */ /*font-family: 'Work Sans';*/ font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.4px; } .partners-text-block .item .text { color: var(--gray-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 135%; /* 18.9px */ display: block; margin: 0; } @media (max-width: 767px) { .partners-text-block { grid-template-columns: 1fr; } } /*partners text end*/ /*dsa-specialist-card*/ .dsa-specialist-card { min-width: 0px; width: 100%; max-width: 312px; padding-right: 40px; display: flex; flex-direction: column; transition: .3s ease-out; } .dsa-specialist-card .img { width: 228px; height: 228px; border-radius: 100%; overflow: hidden; margin-bottom: 20px; display: block; } .dsa-specialist-card-last .img { display: flex; justify-content: center; align-items: center; background-color: rgba(219, 123, 41, 0.15); } .dsa-specialist-card .img img { width: 100%; height: 100%; object-fit: cover; } .dsa-specialist-card-last .img img { width: 72px; height: 72px; } .dsa-specialist-card .card-title { width: 100%; color: var(--text-default-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: block; margin-bottom: 12px; } .dsa-specialist-card .card-text { display: block; width: 100%; color: var(--gray-color); font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: 12px; } .dsa-specialist-card .hr { margin-top: auto } /*dsa-specialist-card end*/ /*footer*/ .dsa-footer { width: 100%; padding-top: 50px; padding-bottom: 50px; border-top: 3px solid var(--orange-color); } .dsa-footer .grid, .dsa-footer .contacts-grid{ display: grid; grid-template-columns: 3fr 9fr 4fr; grid-column-gap: 45px; } .dsa-footer .grid > *, .dsa-footer .contacts-grid > *{ min-width: 0px; } .dsa-footer .footer__logo { max-width: 92px; display: block; margin-bottom: 24px; } .dsa-footer .copy { font-size: 12px; } .dsa-footer .contacts-grid { grid-template-columns: 1fr 1.8fr; } .contact-link { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: inline-flex; margin: 0 0 24px 0; } .contact-link .icon { display: block; margin-right: 8px; flex-shrink: 0; margin-left: -2px; } .dsa-placeholder { font-size: 12px; margin: 0 0 4px 0; display: block; text-transform: uppercase; } .footer-phone { color: var(--text-default-color); font-family: 'Roboto', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; display: block; margin: 0 0 4px 0; } .work-time { display: inline-flex; align-items: center; margin: 0 0 24px 0; color: var(--text-default-color); } .work-time .icon { display: block; margin-right: 8px; width: 20px; height: 20px; } .social-list { display: flex; flex-wrap: wrap; align-items: center; } .social-list a { display: block; margin: 0 0 0 24px; width: 24px; height: 24px; } .social-list a:first-child { margin-left: 0; } .dsa-footer .small-text { width: 100%; display: block; padding-top: 12px; margin-top: 12px; color: var(--gray-color); font-size: 11px; font-style: normal; font-weight: 400; line-height: normal; border-top: 1px solid var(--light-gray-color); } .dsa-footer .small-text a { color: var(--gray-color); font-size: 11px; text-decoration: underline; } /*footer*/ /*header*/ .h100vh { position: absolute; top: 0; left: 0; opacity: 0; z-index: -9999; visibility: hidden; width: 1px; height: 100vh; } .dsa-header-wrapper { width: 100%; padding-top: 12px; padding-bottom: 12px; position: relative; z-index: 99; } .dsa-header-wrapper.fixed { position: absolute; top: 0; left: 0; } .dsa-header-wrapper.fixed-in-height { position: fixed; top: 0; left: 0; /*transform: translateY(-100%);*/ background: white; transition: .3s ease-out; } .dsa-header-wrapper.fixed-in-height.animated { transform: translateY(0); } .dsa-header { display: flex; align-items: center; justify-content: space-between; /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*z-index: 999;*/ } .dsa-header .header-actions { display: flex; flex-direction: column; align-items: flex-end; width: calc(100% - 200px); } .header-phone-link , .header-email-link { display: inline-flex; align-items: center; color: var(--text-default-color); font-size: 14px; font-style: normal; font-weight: 900; line-height: normal; margin-right: 48px; } .header-email-link { font-weight: 400; } .header-phone-link .icon, .header-email-link .icon{ display: block; flex-shrink: 0; margin-right: 8px; color: inherit; } .header-user-link { display: block; margin-right: 48px; color: var(--text-default-color); } .header-user-link .icon { color: inherit; } .header-actions .top { display: flex; align-items: center; margin-bottom: 12px; } .header-help-link { display: flex; align-items: center; color: var(--text-default-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; } .header-help-link .icon { display: block; margin-right: 12px; flex-shrink: 0; } .dsa-header-menu-wrapper { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .menu-open-btn-mobile, .dsa-header .dsa-header-menu-wrapper .header-email-link{ display: none; } .dsa-header-menu-wrapper .dsa-top-menu a { font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } .dsa-header-menu-wrapper .close-modal-btn, .dsa-header-menu-wrapper .logo, .dsa-header-menu-wrapper .header-phone-link, .dsa-header-menu-wrapper .bottom { display: none; } /*header end*/ /*become member banner*/ .become-member-banner { width: 100%; min-height: 450px; position: relative; z-index: 1; display: flex; align-items: center; background: var(--light-gray-color); } .become-member-banner .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 0; object-fit: cover; } .become-member-banner-content { position: relative; z-index: 1; max-width: 530px; padding: 50px 0px; } .become-member-banner-content .title, .become-member-banner-content .text { display: block; margin: 0 0 24px 0; } .become-member-banner-content .title { font-family: 'Rubik', sans-serif; font-size: 42px; font-weight: 500; } /*become member banner*/ .news-detail-pagination { width: 100%; display: flex; align-items: center; } .news-detail-pagination .next { margin-left: auto; } .close-modal-btn { cursor: pointer; transition: .3s ease-out; } .close-modal-btn:hover { opacity: .7; } .fancybox__container { --fancybox-bg: rgba(35,35,35,.5) ; } .dsa-grid { display: grid; grid-gap: 24px; } .dsa-grid > * { min-width: 0px; } .grid-2 { grid-template-columns: 1fr 1fr; } .dsa-grid.gap-y-0 { grid-row-gap: 0px; } .dsa-grid.grid-3 { grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px; } /*forms*/ .dsa-checkbox-wrapper { display: flex; } .dsa-checkbox-wrapper br { width: 100%; } .dsa-checkbox-wrapper input{ flex-shrink: 0; } .dsa-checkbox-wrapper.column { display: block; } .dsa-checkbox-wrapper.column input { margin-top: -4px; } .dsa-checkbox-wrapper.column label { margin-bottom: 15px; display: inline-flex; } .dsa-checkbox-wrapper.fd-c { gap: 12px; } .dsa-radio-inline { display: flex; align-items: center; flex-wrap: wrap; } .dsa-radio-inline label, .dsa-radio-inline-list label{ display: flex; align-items: center; margin-bottom: 24px; } .dsa-radio-inline label:nth-of-type(2n), .dsa-radio-inline-list label:nth-of-type(2n){ margin-right: 32px; } .dsa-radio-inline label:last-child, .dsa-radio-inline-list label:last-child{ margin-right: 0; } .dsa-radio-inline-list label { display: inline-flex; } .dsa-date-input-wrapper { position: relative; } .dsa-date-input-wrapper img { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 24px); display: block; z-index: 2; } .dsa-date-input-wrapper { font-size: 1px; color: rgba(0, 0, 0, 0); line-height: 1px; } .dsa-date-input-wrapper *:not(input) { opacity: 0; } .dsa-checkbox-wrapper { margin-bottom: 24px; } /*forms*/ .next-paddingT-0 + .py100 { padding-top: 0!important; } .mb0 { margin-bottom: 0; } /*top banner*/ .dsa-top-banner-wrapper { width: 100%; height: 674px; position: relative; z-index: 3; display: flex; align-items: center; } .dsa-top-banner-wrapper .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .dsa-top-banner-wrapper .bg img { width: 100%; height: 100%; object-fit: cover; } .dsa-top-banner-wrapper .content { position: relative; z-index: 1; width: 100%; } .dsa-top-banner-wrapper .detail-page-title { margin-bottom: 20px; max-width: 668px; } .dsa-top-banner-wrapper .text { margin-bottom: 25px; font-size: 28px; color: var(--text-default-color); max-width: 668px; } @media (max-width: 767px) { .dsa-top-banner-wrapper .text { font-size: 20px; } } /*top banner*/ .dsa-select-wrapper { width: 100%; } .dsa-select { width: 100%; position: relative; margin: 0 0 24px 0; } .dsa-select .selected { font-family: 'Proza Libre', sans-serif; color: var(--gray-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 12px 24px; border-radius: 36px; border: 1px solid var(--light-gray-color); transition: .3s ease-out; display: flex; align-items: center; justify-content: space-between; margin: 0 0 24px 0; cursor: pointer; outline: none; max-width: 100%; width: 100%; } .dsa-select .selected .value { text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsa-select .selected.not-valid { border-color: red; } .dsa-select .selected .val { width: 90%; } .dsa-select .selected .arr { transition: .3s ease-out; flex-shrink: 0; } .dsa-select .options { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; visibility: hidden; opacity: 0; transition: .1s ease-out; background: white; border-radius: 24px; z-index: 3; border: .5px solid #848484; } .dsa-select .option { width: 100%; cursor: pointer; transition: .3s ease-out; padding: 10px 24px; border-bottom: .5px solid #848484; } .dsa-select .option:hover, .dsa-select .option.active { opacity: .7; } .dsa-select .option:last-child { border-bottom: none; } .dsa-select.open { z-index: 3; } .dsa-select.open .options { opacity: 1; visibility: visible; } .dsa-select.open .arr { transform: rotate(180deg); } .dsa-select + select { display: none; } @media (max-width: 1280px) { .dsa-container { padding-left: 40px; padding-right: 40px; } /*header*/ .menu-open-btn-mobile { display: block; margin-right: auto; } #dsa-header-menu-wrapper { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; max-width: 945px; overflow: auto; padding: 10px 20px; background: var(--light-gray-color); } .fancybox__slide .dsa-header-menu-wrapper { display: flex!important; flex-direction: column; justify-content: initial; align-items: initial; } .dsa-header-menu-wrapper .logo { display: inline-flex; margin-bottom: 24px; } .dsa-header .top .header-email-link { display: none; } .dsa-header .dsa-header-menu-wrapper .header-email-link { display: block; } .header-actions .top { width: 100%; margin-bottom: 0!important; } .dsa-header .header-actions { width: calc(100% - 142px); } .dsa-header-menu-wrapper .close-modal-btn { display: block; position: absolute; top: 10px; right: 20px; } .dsa-direction-menu-wrapper { margin-bottom: 24px; } .dsa-top-menu { flex-direction: column; align-items: flex-start!important; margin-bottom: 48px!important; } .dsa-top-menu li { margin-left: 0!important; margin-bottom: 14px!important; } .dsa-top-menu li:last-child { margin-bottom: 0!important; } .dsa-top-menu .with-drop ul { background: none!important; position: static!important; opacity: 1!important; visibility: visible!important; max-height: 0px!important; overflow: hidden; padding: 0!important; width: initial!important; top: calc(100% + 16px) } .dsa-top-menu .with-drop a { color: var(--text-default-color)!important; } .dsa-top-menu .with-drop.active ul { max-height: 2000px!important; } .dsa-top-menu .with-drop { flex-direction: column; align-items: flex-start; } .dsa-top-menu .with-drop:after { top: 0px!important; } .dsa-top-menu .with-drop ul a { font-weight: 400!important; } .dsa-top-menu .with-drop li { margin: 12px 0 0 0!important; width: initial!important; } .with-drop.active:after { transform: rotate(-180deg); } /*header-end*/ } @media (max-width: 1024px) { .dsa-container { padding-left: 20px; padding-right: 20px; } .py100 { padding-top: 60px; padding-bottom: 60px; } .pb100 { padding-bottom: 60px; } h2 { font-size: 36px; } .detail-page-title { font-size: 48px; margin-bottom: 60px; } /*fund-numbers*/ .fund-numbers .icon-bg { position: absolute; top: 175px; right: initial; left: 125px; width: 552px; height: 667px; } .fund-numbers .title { font-size: 36px; max-width: initial; width: 100%; margin-bottom: 48px; display: flex; flex-direction: column; align-items: flex-start; } .fund-numbers .title .bg-text { font-size: 48px; } .fund-numbers .num { font-size: 48px; } /*fund-numbers end*/ /*help banner*/ .help-banner-content { width: 50%; } .help-banner-content .title { font-size: 36px; } .help-banner-2 { height: 283px; } /*help banner end*/ /*footer*/ .dsa-footer .contacts-grid { grid-template-columns: 1fr; } .dsa-footer .grid { grid-column-gap: 24px; grid-template-columns: 2fr 6fr 4fr; } /*footer end*/ } @media (max-width: 767px) { .dsa-grid.grid-3, .partners-text-block { grid-template-columns: 1fr; grid-gap: 0; } .dsa-select .selected { margin: 0; } } @media (max-width: 680px) { .dsa-footer .grid { grid-template-columns: 1fr; grid-gap: 30px; } .grid-2 { grid-template-columns: 1fr; } .header-actions .top .header-phone-link { display: none; } #dsa-header-menu-wrapper .header-phone-link { display: inline-flex; margin-bottom: 14px; } .header-phone-link svg, .header-email-link svg{ display: block; margin-right: 8px; } } @media (max-width: 580px) { h2 { font-size: 18px; } .detail-page-title { font-size: 32px; margin-bottom: 30px; } .py100 { padding-top: 40px; padding-bottom: 40px; } .pb100 { padding-bottom: 40px; } /*help banner*/ .help-banner .bg { object-position: center; } .help-banner-content { width: 100%; } .help-banner-content .title { font-size: 24px; } .help-banner-2 { height: 236px; } /*help banner end*/ /*news card*/ .dsa-news-card { grid-template-columns: 1fr; max-width: 100%; } .dsa-news-card .img { height: 300px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; } .dsa-news-card .content { padding: 0 20px 20px 20px; } /*news card end*/ .header-help-link span { display: none; } .header-actions .top { flex-direction: row-reverse; } .header-user-link { margin-right: 0; } .menu-open-btn-mobile { margin-left: 8px; margin-right: 0; } .menu-open-btn-mobile { display: inline-flex; } .dsa-header-menu-wrapper .header-help-link { display: inline-flex; } .dsa-header-menu-wrapper .bottom { display: inline-flex; align-items: center; margin-top: 14px; } .dsa-header-menu-wrapper .bottom hr { margin: 0 24px; background: rgba(132, 132, 132, 0.20); width: 1px; height: 39px; display: block; } } .dsa-direction-menu .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px; } .dsa-direction-menu-card { border-radius: 12px; background: white; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); display: flex; flex-direction: column; padding: 20px; text-decoration: none; } .dsa-direction-menu-card .img { width: 100%; height: 130px; display: block; margin-bottom: 24px; } .dsa-direction-menu-card .img img { width: 100%; height: 100%; object-fit: cover; } .dsa-direction-menu-card:hover { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10); } .dsa-direction-menu-card .card-title, .dsa-direction-menu-card .card-text{ color: var(--text-default-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; } .dsa-direction-menu-card .card-text { font-weight: 400; font-size: 12px; } #dsa-direction-menu { position: fixed; width: 100%; height: 100%; top: 0; left: 0; max-width: 945px; overflow: auto; padding: 10px 20px; } #dsa-direction-menu .close-modal-btn { position: absolute; top: 10px; right: 20px; } #dsa-direction-menu .logo { width: 58px; height: 50px; display: block; margin-bottom: 24px; } #dsa-direction-menu .logo img { width: 100%; } #dsa-direction-menu .title { font-size: 48px; } .direction-menu-open-btn { display: flex; align-items: center; } .direction-menu-open-btn .mobile { display: none; } .direction-menu-open-btn a { font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } .direction-menu-open-btn .icon { display: block; margin-right: 4px; color: var(--text-default-color); transition: .3s ease-out; } .direction-menu-open-btn .icon.open {} .direction-menu-open-btn .icon.close { display: none; } @media (max-width: 1280px) { .direction-menu-open-btn .mobile { display: block; } .direction-menu-open-btn .desktop { display: none; } #dsa-direction-menu { position: static; padding-left: 0; padding-right: 0; } #dsa-direction-menu .close-modal-btn, #dsa-direction-menu .logo, #dsa-direction-menu .title, .direction-menu-open-btn.open .icon.open{ display: none; } .direction-menu-open-btn.open .icon.close { display: block; } .dsa-direction-menu .grid { grid-template-columns: repeat(auto-fill, minmax(281px, 1fr)); } } @media (max-width: 1024px) { #dsa-direction-menu .title { font-size: 48px; } } @media (max-width: 580px) { #dsa-direction-menu .title { font-size: 48px; } } /* clinic */ .clinic-content { display: flex; align-items: flex-start; justify-content: space-between; } @media (max-width: 767px) { .clinic-content { flex-direction: column-reverse; } } .clinic-content img { width: 400px; height: 153px; } @media (max-width: 1299px) { .clinic-content img { width: 286px; height: 109px; } } @media (max-width: 767px) { .clinic-content img { margin-bottom: 20px; } } .clinic-text { max-width: 60%; } @media (max-width: 1299px) { .clinic-text { max-width: 50%; } } @media (max-width: 767px) { .clinic-text { max-width: 100%; } } /* clinic end */ .help-banner-3 .help-banner-content { margin-left: initial; } @media (max-width: 1299px){ .help-banner-reversed .help-banner-content { margin-left: initial; } .help-banner-reversed .bg { transform: scale(-1, 1); } } .card-list { display: flex; flex-direction: column; justify-content: flex-start; } .card-list span { position: relative; font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 13px; padding-left: 28px; } .card-list span::before { content: ""; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; } .card-name::before { background-image: url('/local/templates/main/assets/css/../svg/chalkboard.svg'); } .card-form::before { background-image: url('/local/templates/main/assets/css/../svg/chalkboard.svg'); } .card-date::before { background-image: url('/local/templates/main/assets/css/../svg/calendar.svg'); } .card-price::before { background-image: url('/local/templates/main/assets/css/../svg/coin.svg'); } .card-hour::before { background-image: url('/local/templates/main/assets/css/../svg/clock.svg'); } /* psy-help */ .psy-help-wrapper { display: grid; grid-template-columns: 1fr 2fr; column-gap: 48px; } @media (max-width: 1299px) { .psy-help-wrapper { grid-template-columns: 1fr; } } .psy-help-img { width: 411px; height: 324px; border-radius: 12px; overflow: hidden; } @media (max-width: 1299px) { .psy-help-img { width: 100%; height: auto; margin-bottom: 48px; } } @media (max-width: 767px) { .psy-help-img { margin-bottom: 24px; } } .psy-help-img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1299px) { .psy-help-img img { height: 397px; } } @media (max-width: 767px) { .psy-help-img img { height: 100%; } } .psy-help-item { display: flex; justify-content: space-between; align-items: center; padding: 24px; background-color: #F9F9F9; border-radius: 50px; margin-bottom: 28px; } @media (max-width: 767px) { .psy-help-item { flex-direction: column; align-items: flex-start; } } .psy-help-item:last-child { margin-bottom: 0; } .psy-help-item h3 { margin: 0 30px 0 0; } @media (max-width: 767px) { .psy-help-item h3 { font-size: 16px; margin: 0 0 24px 0; } } /* psy-help end*/ .help-banner-4 .help-banner-content { width: 55%; } .help-banner-3 .help-banner-content { margin-left: initial; } .help-banner-5 { height: 650px; } .help-banner-5 .help-banner-content .title { color: white; } /*contacts*/ .contacts { display: flex; align-items: center; } .contacts-list { display: grid; grid-template-columns: 1.6fr 1fr; column-gap: 48px; margin-top: 24px; } .contacts-item { display: flex; flex-direction: column; } .contacts-map { min-width: 511px; height: 321px; } .contacts-map iframe { width: 100%; height: 100%; border: 0; } .contacts-textarea { height: 150px; border-radius: 24px; } .contacts-form { padding-top: 48px; } .contacts-form-btn { border: none; width: initial; margin: 0; } @media (max-width: 1299px) { .contacts { flex-direction: column; align-items: flex-start; } .contacts-list { grid-template-columns: 1.1fr 1fr; margin-top: 0; } .contacts-map { min-width: 100%; height: 458px; } } @media (max-width: 767px) { .contacts-list { grid-template-columns: 1fr; } .contacts-map { height: 380px; } .contacts-form .dsa-grid { grid-gap: 0; } } /*contacts end*/ .text-bold { font-weight: 600; } /*cost-banner*/ .cost-banner { display: flex; flex-direction: column; align-items: flex-start; min-width: 313px; padding: 20px; border-radius: 12px; background: #FFFFFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); margin-left: 48px; } .cost-banner-title { font-size: 18px; margin-bottom: 6px; } .cost-banner-subtitle { margin-bottom: 14px; } .cost-banner-total { color: #1E6189; font-family: 'Rubik', sans-serif; font-size: 48px; font-weight: 500; line-height: normal; margin-bottom: 12px; } .cost-banner-date { color: #1E6189; font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; margin-bottom: 12px; position: relative; } .cost-banner-time { padding: 8px 24px; border-radius: 30px; background: var(--orange-color); color: white; font-size: 12px; font-style: normal; font-weight: 100; position: absolute; top: 12px; right: -105px; } .cost-banner-info { font-size: 12px; color: var(--gray-color); } .cost-banner .req { color: red; } .cost-banner-total sup { font-size: 29px; } .cost-banner-investment { position: relative; display: flex; justify-content: space-between; width: 100%; margin-bottom: 24px; } .cost-banner-investment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background-color: var(--light-gray-color); border-radius: 12px; } .cost-banner-investment::after { content: ''; position: absolute; bottom: 0; left: 0; width: 12%; height: 8px; background-color: var(--blue-color); border-radius: 12px; } .cost-banner-amount { color: var(--orange-color); } @media (max-width: 1299px) { .cost-banner { margin: 50px 0 0; } } @media (max-width: 767px) { .cost-banner { min-width: initial; width: 100%; max-width: 313px; } .cost-banner-total { font-size: 32px; } .cost-banner-total sup { font-size: 20px; } } /*cost-banner end*/ /*sms*/ .detail-page-title-small { font-size: 50px; margin-bottom: 17px; } @media (max-width: 1299px) { .detail-page-title-small { font-size: 40px; } } @media (max-width: 767px) { .detail-page-title-small { font-size: 28px; margin-bottom: 24px; } } .sms-wrap { margin-top: 24px; } @media (max-width:767px) { .sms-wrap { margin-top: 6px; } } .sms-content { max-width: 75%; } @media (max-width: 1299px) { .sms-content { max-width: 100%; } } .sms p { margin-bottom: 12px; } .sms p span { font-weight: 600; } .sms .list-item { margin-bottom: 0; } .sms-img { width: 648px; height: 111px; margin-top: 35px; } @media (max-width: 767px) { .sms-img { width: 100%; height: auto; margin-top: 16px; } } /*sms end*/ /*bank*/ .bank-variant { display: flex; justify-content: space-between; margin-top: 20px; max-width: 75%; } .bank li { list-style: inherit; } @media (max-width: 1299px) { .bank-variant { max-width: 100%; } } @media (max-width: 767px) { .bank-variant { flex-direction: column; margin-top: 4px; } } .bank-variant-first img { width: 218px; height: auto; } .bank-variant-first ol { padding-left: 20px; } .bank-img { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-left: 20px; } @media (max-width: 767px) { .bank-img { grid-template-columns: 1fr; margin-left: 0; } } .bank-img img { width: 187px; } .bank-variant-second { margin-top: 48px; } @media (max-width: 767px) { .bank-variant-second { margin-top: 28px; } } /*cashback*/ .cashback ol li { list-style: inherit; } .cashback ul { margin-bottom: 13px; } .cashback ol { margin: 0; padding: 0; padding-left: 20px; } .cashback p { margin: 0 0 12px 0; } .cashback p.list-title { margin: 0; } .cashback .list-item { margin-left: 22px; margin-bottom: 0; } .cashback-content { margin-top: 24px; } .cashback-img { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 75%; margin-top: 47px; } .cashback-img img { width: 268px; height: auto; } @media (max-width: 1299px) { .cashback-img { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .cashback-content { margin-top: 5px; } .cashback-img { grid-template-columns: 1fr; max-width: 100%; margin-top: 24px; } } /*cashback end*/ /*bank-transfer*/ .bank-transfer-content { margin-top: 20px; } .bank-transfer-wrap { max-width: 75%; } .bank-transfer p { margin-bottom: 12px; } .bank-transfer p.list-title { margin-bottom: 0; } .bank-transfer ul { padding-left: 20px; margin-bottom: 24px; } .bank-transfer .list-item { margin-bottom: 0; } @media (max-height: 1299px) { .bank-transfer-content { margin-top: 7px; } .bank-transfer-wrap { max-width: 100%; } } /*bank-transfer end*/ /*points*/ .points-content { margin-top: 24px; } .points-wrap { max-width: 75%; } @media (max-width: 1299px) { .points-wrap { max-width: 100%; } } .points ol { margin: 0; padding: 0; padding-left: 20px; margin-bottom: 14px; } .points ol li { list-style: inherit; } .points-video { position: relative; height: 0; padding-bottom: 56.25%; } .points-video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .points-content { margin-top: 5px; } } .grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1299px) { .grid-4 { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .grid-4 { grid-template-columns: 1fr; } } .list-reset { list-style: none; margin: 0; padding: 0; } .list-reset li { list-style: none; } .list-item { position: relative; list-style: none; margin-bottom: 10px; } .list-item::before { content: ""; position: absolute; left: -13px; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: var(--text-default-color); } .list-title { margin-bottom: 0; } /* what-we-do-grid */ .what-we-do-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 48px; grid-row-gap: 24px; } .what-we-do-grid > * { min-width: 0px; } .what-we-do-grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .what-we-do-item { width: 100%; } .what-we-do-item .pic { width: 100%; margin-bottom: 12px; display: block; height: 48px; } .what-we-do-item .pic > svg, .what-we-do-item .pic > img { width: 48px; height: 48px; object-fit: contain; object-position: center center; } .what-we-do-item .title { margin: 0 0 12px 0; display: block; } .what-we-do-item .text { display: block; margin: 0; color: var(--gray-color); } @media (max-width: 1280px) { } @media (max-width: 1024px) { .what-we-do-grid { grid-column-gap: 26px; } } @media (max-width: 767px) { .what-we-do-grid { grid-template-columns: 1fr; } .what-we-do-item .title { font-size: 16px; } } /* what-we-do-grid end */ button:disabled { opacity: .3; pointer-events: none; } /*vacasncies*/ .vacancies { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 48px; margin-bottom: 40px; } @media (max-width: 1299px) { .vacancies { grid-gap: 30px; } } @media (max-width: 767px) { .vacancies { grid-template-columns: 1fr; } } .vacancies .dsa-program-card { width: auto; max-width: 348px; padding: 0; overflow: hidden; height: 100%; } @media (max-width: 1299px) { .vacancies .dsa-program-card { max-width: 100%; } } .vacancies .dsa-program-card .content { padding: 0 20px; } .vacancies .dsa-program-card .img { position: relative; height: auto; } .vacancies .dsa-program-card .img span { position: absolute; top: 22px; right: 0; padding: 8px 24px; background-color: var(--dark-blue-color); color: #ffffff; border-radius: 32.5px 0px 0px 32.5px; font-size: 12px; line-height: normal; } .vacancies-description { max-width: 78%; padding: 48px 100px; background-color: #ffffff; } @media (max-width: 1299px) { .vacancies-description { max-width: 82%; padding: 48px 64px; } } @media (max-width: 767px) { .vacancies-description { max-width: 95%; padding: 58px 20px; } } .vacancies-description img { width: 100%; margin-bottom: 28px; } .vacancies-description ul { padding-left: 22px; } .vacancies-description li { position: relative; list-style-type: none; } .vacancies-description li::before { content: ''; position: absolute; top: 8px; left: -13px; width: 3px; height: 3px; border-radius: 50%; background-color: var(--text-default-color); } .vacancy-title { color: var(--blue-color); font-family: "Rubik", sans-serif; font-size: 42px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } @media (max-width: 1299px) { .vacancy-title { font-size: 36px; } } @media (max-width: 767px) { .vacancy-title { font-size: 22px; } } .popup-list { display: none; position: fixed; right: 0; top: 0; height: 100vh; z-index: 100; overflow-y: scroll; } @media (max-width: 1299px) { /* .popup-list { width: 100%; } */ } .popup-list.opened { display: block; box-shadow: 0 0 0 10000px rgba(35,35,35,.5); } .popup-close, .popup-close-btn { position: absolute; left: 26px; top: 46px; border: none; background-color: transparent; width: 52px; height: 52px; padding: 0; cursor: pointer; transition: .3s ease-out; } @media (max-width: 1299px) { .popup-close, .popup-close-btn { left: 10px; top: 48px; width: 46px; height: 46px; } } @media (max-width: 767px) { .popup-close, .popup-close-btn { left: 12px; top: 23px; width: 30px; height: 30px; } } .popup-close:hover, .popup-close-btn:hover { opacity: 0.7; } .popup-close svg, .popup-close-btn svg { width: 100%; height: 100%; object-fit: contain; color: var(--gray-color); } .scroll-lock { min-height: 100vh; overflow: hidden; } .vacancies-description img { max-height: 539px; object-fit: cover; } @media (max-width: 1024px) { .vacancies-description img { max-height: 334px; } } @media (max-width: 1024px) { .vacancies-description img { max-height: 173px; } } .bg-beige { background-color: var(--beige-color); } .help-types .what-we-do-grid { grid-template-columns: repeat(5, 1fr); grid-column-gap: 28px; } @media (max-width: 1299px) { .help-types .what-we-do-grid { grid-template-columns: repeat(3, 1fr); grid-column-gap: 48px; grid-row-gap: 30px; } } @media (max-width: 767px) { .help-types .what-we-do-grid { grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; } } .help-types .what-we-do-grid p { margin: 0; } .paid-help.help-banner { height: 350px; } .paid-help .help-banner-content { width: 100%; } .paid-help.help-banner .text { font-family: 'Rubik', sans-serif; font-size: 42px; font-weight: 600; line-height: normal; color: #ffffff; } .paid-help.help-banner p sup { font-size: 24px; margin-left: 10px; } @media (max-width: 1299px){ .paid-help .help-banner-content { width: 50%; } .paid-help.help-banner .text { font-size: 36px; } .paid-help.help-banner p sup { font-size: 22px; } } @media (max-width: 767px){ .paid-help .help-banner-content { width: 100%; } .paid-help.help-banner .text { font-size: 24px; } .paid-help.help-banner p sup { font-size: 15px; margin-left: 7px; } .paid-help.help-banner { height: 247px; } } .if-you-need-help .dsa-top-banner-wrapper .text { display: block; } .dsa-about-text-wrapper { width: 100%; background: var(--beige-color); } .dsa-about-text-grid { display: grid; grid-template-columns: 441px 1fr; grid-column-gap: 48px; } .dsa-about-text-grid > * { min-width: 0px; } .dsa-about-text-grid .img { width: 100%; max-width: 441px; height: 460px; } .dsa-about-text-grid .img img { width: 100%; height: 100%; object-fit: cover; } .dsa-about-text-grid .content { width: 100%; position: relative; z-index: 3; } .dsa-about-text-grid .bottom { margin-top: 24px; } .dsa-about-text-grid .dsa-hr { max-width: 270px; } .dsa-about-text-grid .text { position: relative; padding-top: 24px; } .dsa-about-text-grid .text:before { position: absolute; top: 0; left: -20px; z-index: -1; color: var(--orange-color); font-size: 150px; font-style: normal; font-weight: 400; line-height: 1; content: '“'; opacity: .3; } .dsa-about-text-grid .name, .dsa-about-text-grid .sign { text-align: right; display: block; } .dsa-about-text-grid .name { color: var(--text-default-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 12px; } .dsa-about-text-grid .sign { color: var(--gray-color); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } @media (max-width: 960px) { .dsa-about-text-grid { grid-template-columns: 1fr; } .dsa-about-text-grid .text { padding-top: 40px; } .dsa-about-text-grid .text:before { top: 20px; } } @media (max-width: 580px) { .dsa-about-text-grid .img { height: 295px; } .dsa-about-text-grid .text { padding-top: 30px; } } /* brochures */ .brochures-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; } @media (max-width: 1024px) { .brochures-list { grid-template-columns: 1fr 1fr; } } @media (max-width: 580px) { .brochures-list { grid-template-columns: 1fr; } } /* brochures end*/ /*topics*/ .topics { background-color: var(--beige-color); } .topics .text { margin-bottom: 0; } .topics-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .topics-list { margin: 0 0 24px!important; padding: 0 0 0 21px!important; } @media (max-width: 1299px) { .topics-wrap { flex-direction: column; } } /*topics end*/ /*text-cropped*/ .text-cropped{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 65%; margin-bottom: 12px; } .text-cropped-2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 68%; margin-bottom: 10px; } /*text-cropped end*/ /*films*/ .films { background-color: var(--beige-color); overflow: hidden; } .films-slider { overflow: initial; margin-bottom: 24px; } /*films end*/ /*books*/ .books { overflow: hidden; } .books-slider { overflow: initial; margin-bottom: 24px; } .books-plan-slider { overflow: initial; margin-bottom: 24px; } /*books end*/ /*performances*/ .performances { overflow: hidden; } .performances-slider { overflow: initial; margin-bottom: 24px; } /*performances end*/ .publication .dsa-news-slider { padding-right: 20px; } .slider-type .dsa-news-card { grid-template-columns: 1fr 2fr; max-width: 464px; } @media (max-width: 580px) { .slider-type .dsa-news-card { grid-template-columns: 1fr; max-width: 100%; } } /*book*/ .book { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 28px; } @media (max-width: 767px) { .book { grid-template-columns: 1fr; } } .book .dsa-news-card { max-width: 100%; height: 215px; overflow: hidden; grid-template-columns: 1fr 2.6fr; } @media (max-width: 1023px) { .book .dsa-news-card { grid-template-columns: 1fr 2fr; } } .book-description { max-width: 78%; padding: 48px 100px; background-color: #ffffff; } @media (max-width: 1299px) { .book-description { max-width: 82%; padding: 48px 64px; } } @media (max-width: 767px) { .book-description { max-width: 95%; padding: 58px 20px; } } .book-title { color: var(--blue-color); font-family: "Rubik", sans-serif; font-size: 42px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } @media (max-width: 1299px) { .book-title { font-size: 36px; } } @media (max-width: 767px) { .book-title { font-size: 22px; } } .book-content { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 24px; } .book-content img { width: 301px; height: auto; } @media (max-width: 950px) { .book-content { grid-template-columns: 1fr; } } .book-text p { margin-bottom: 0; } @media (max-width: 580px) { .book .dsa-news-card { grid-template-columns: 1fr; max-width: 100%; height: auto; } } /*book end*/ /*strat-goals*/ .strat-goals { display: grid; grid-auto-flow: column; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 48px; counter-reset: my-counter; } .strat-goals-item { position: relative; counter-increment: my-counter; padding-left: 64px; } .strat-goals-item::before { content: counter(my-counter); position: absolute; left: 0; top: 0; font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } .strat-goals-item h3 { margin-bottom: 12px; } .strat-goals-item p { margin-bottom: 0; } @media (max-width: 1299px) { .strat-goals { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); } } @media (max-width: 767px) { .strat-goals { grid-auto-flow: row; grid-template-columns: 1fr; } } /*strat-goals end*/ .text-big-blue { font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } @media (max-width: 1299px) { .text-big-blue { font-size: 48px; } } .benefits .dsa-grid { grid-gap: 48px; } .benefits-item h3 { margin-bottom: 12px; } .svo .topics .text { margin-bottom: 24px; } .importance .dsa-grid { grid-gap: 48px; } .importance p { margin-bottom: 0; } .price-v2 .text-bold { max-width: 70%; margin: 22px 0 0; } @media (max-width: 1299px) { .price-v2 .text-bold { max-width: 100%; } } .price-v2 .text { margin-top: 24px; } .bg-beige { background-color: var(--beige-color); } .help-types .what-we-do-grid { grid-template-columns: repeat(5, 1fr); grid-column-gap: 28px; } @media (max-width: 1299px) { .help-types .what-we-do-grid { grid-template-columns: repeat(3, 1fr); grid-column-gap: 48px; grid-row-gap: 30px; } } @media (max-width: 767px) { .help-types .what-we-do-grid { grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; } } .help-types .what-we-do-grid p { margin: 0; } .paid-help.help-banner { height: 350px; } .paid-help .help-banner-content { width: 100%; } .paid-help.help-banner .text { font-family: 'Rubik', sans-serif; font-size: 42px; font-weight: 600; line-height: normal; color: #ffffff; } .paid-help.help-banner p { font-family: 'Rubik', sans-serif; font-size: 20px; font-weight: 500; color: #ffffff; } .paid-help.help-banner p sup { font-size: 24px; margin-left: 10px; } @media (max-width: 1299px){ .paid-help .help-banner-content { width: 50%; } .paid-help.help-banner .text { font-size: 36px; } .paid-help.help-banner p sup { font-size: 22px; } .paid-help.help-banner p { display: none; } } @media (max-width: 767px){ .paid-help .help-banner-content { width: 100%; } .paid-help.help-banner .text { font-size: 24px; } .paid-help.help-banner p sup { font-size: 15px; margin-left: 7px; } .paid-help.help-banner { height: 247px; } } .if-you-need-help .dsa-top-banner-wrapper .text { display: block; } .vacancies-volunteer { margin-bottom: 46px; } .vacancies-volunteer .dsa-program-card .content { padding: 0 20px 20px; } .vacancies-volunteer .dsa-program-card .content .link-with-arr{ padding: 0; } .vacancies-volunteer .dsa-program-card .img { height: 232px; } .vacancies-volunteer .dsa-program-card { height: 100%; } .telegram { background-image: url(/local/templates/main/assets/css/../svg/telegram-desk.svg); background-repeat: no-repeat; background-position: right bottom; background-size: auto; } .telegram-title { display: flex; align-items: center; margin-bottom: 48px; font-family: 'Rubik', sans-serif; font-size: 70px; font-weight: 500; line-height: normal; text-transform: uppercase; color: var(--blue-color); } .telegram-title sup { font-family: 'Proza Libre', sans-serif; font-size: 32px; font-weight: 600; color: var(--text-default-color); margin-bottom: 10px; } .telegram-list { margin-bottom: 46px; } .telegram-link { display: flex; align-items: center; } .telegram-link svg { margin-right: 12px; } .telegram-link img { height: 25px; margin-right: 10px; } @media (max-width: 1299px) { .telegram { background-image: url(/local/templates/main/assets/css/../svg/telegram-bg.svg); background-position: right 90px; } .telegram-title { font-size: 48px; } .telegram-title sup { font-size: 22px; } } @media (max-width: 767px) { .telegram { background-image: url(/local/templates/main/assets/css/../svg/telegram-mb.svg); background-position: right center; } .telegram-title { font-size: 22px; align-items: flex-end; margin-bottom: 22px; } .telegram-title sup { font-size: 16px; } .telegram-list { margin-bottom: 22px; } .telegram-list.grid-2 { grid-template-columns: 1fr; } } .grey-bg { position: absolute; top: 0; left: 0; width: 80%; height: 100%; display: block; z-index: 0; object-fit: cover; background: linear-gradient(90deg, #E7E6E4 60.09%, rgba(231, 230, 228, 0.00) 100%); } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip: rect(0 0 0 0); overflow: hidden; } .search { margin-bottom: 24px; } .search-wrap { position: relative; width: 348px; } .search-btn { position: absolute; top: 0; right: 24px; width: 24px; height: 100%; border: none; background-color: transparent; background-image: url(/local/templates/main/assets/css/../svg/icon-search.svg); background-repeat: no-repeat; background-size: contain; background-position: right center; } .choices { width: 100%; height: 48px; padding: 0px 24px; border-radius: 36px; border: 1px solid var(--border, #E7E7E7); } .choices__inner { border: none; background-color: transparent; } #hoices--vacancies-1w-item-choice-2 { display: none; } .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after { display: none; } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { width: 100%; margin-top: 5px; left: 0; border-radius: 14px; border: 1px solid #ffffff; background: #ffffff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); } .perinatal-psychology .detail-page-title { font-size: 50px; color: var(--dark-blue-color); } .perinatal-psychology .topics-wrap p:first-child { font-family: 'Work Sans', sans-serif; font-size: 18px; } .conditions-item { position: relative; margin-bottom: 12px; padding-left: 28px; } .conditions-item svg { position: absolute; left: 0; top: 0; color: var(--dark-blue-color); } .conditions-price { font-family: 'Rubik', sans-serif; font-size: 48px; line-height: normal; font-weight: 500; display: flex; align-items: center; color: var(--dark-blue-color); } .conditions-price sup { font-size: 28px; margin: 0 0 0 12px; } /* courses */ .courses .dsa-news-card .content { width: 100%; padding: 20px 20px 8px 0; } .courses .dsa-news-card .img { position: relative; } .courses .dsa-news-card .img span{ position: absolute; top: 13px; right: 0; padding: 8px 24px; background-color: var(--dark-blue-color); color: #ffffff; border-radius: 32.5px 0 0 32.5px; } .courses .title-with-nav { justify-content: flex-end; margin-bottom: 13px; } .courses-top { display: flex; flex-wrap: wrap; justify-content: space-between; } .courses .d-flex { margin-top: 24px; } @media (max-width:767px) { .courses .title-with-nav { justify-content: flex-start; } .courses .dsa-news-card { grid-template-columns: 1fr; } .courses .dsa-news-card .img { border-radius: 12px 12px 0 0; height: 346px; } .courses .dsa-news-card .content { width: 100%; padding: 0 20px 8px 20px; } .courses .dsa-news-slider { padding-right: 20px; } } /* news-list */ .dsa-news-list-wrapper {} .dsa-news-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 28px; margin-bottom: 48px; } .dsa-news-list .dsa-news-card { max-width: 100%; } .dsa-news-list > * { min-width: 0; } @media (max-width: 1024px) { .dsa-news-list { grid-gap: 20px; } } @media (max-width: 580px) { .dsa-news-list { grid-template-columns: 1fr; grid-gap: 28px; } } /* news-list end */ /* 404 */ .error-404-img { width: 269px; height: 245px; margin: 28px 0 48px } .error-404-title { color: var(--blue-color); font-family: 'Rubik', sans-serif; font-size: 50px; font-weight: 500; line-height: normal; text-transform: uppercase; margin: 0 0 20px; } h1.error-404-title { font-size: 100px; } @media (max-width: 767px) { .error-404-title { font-size: 22px; } h1.error-404-title { font-size: 70px; } .error-404-img { width: 200px; } } /* 404 end */ /* history */ .history { position: relative; padding-right: 65px; padding-left: 65px; } @media (max-width: 1280px) { .history { padding-right: 0; padding-left: 25px; } } @media (max-width: 1024px) { .history { /* padding-right: 5px; */ padding-left: 5px; } } .dsa-history-slider { padding-right: 0; margin-bottom: 9px; } .dsa-history-slider .swiper-wrapper { padding-bottom: 15px; padding-top: 10px; } .dsa-history-slider { padding-right: 15px; padding-left: 15px; } .history .title-with-nav { padding: 0 15px; } .history .dsa-program-card { width: 361px; } @media (max-width: 767px) { .history .dsa-program-card { width: 100%; } } .history .dsa-programs-slider .swiper-slide:nth-child(2n) { padding-top: 0; } .history .swiper-slide { max-width: 361px; } .history .d-flex { /*position: absolute;*/ top: 96px; right: 75px; } @media (max-width: 1280px) { .history .d-flex { right: 40px; } } @media (max-width: 1024px) { .history .d-flex { right: 15px; top: 56px; } } @media (max-width: 767px) { .history .d-flex { position: static; } } /* history end*/ /*business-activity*/ .business-activity-img { width: 400px; height: auto; } .business-activity-wrap { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 48px; } .business-activity li { position: relative; padding-left: 72px; } .business-activity .strat-goals { grid-template-columns: 1fr; gap: 42px; } .business-activity .strat-goals-item h3 { margin-bottom: 0; } .business-activity .strat-goals-item::before { left: 5px; top: -14px; } /*business-activity end*/ /* awards slider */ .awards-list-slider { overflow: hidden; } .awards-slider { overflow: initial; } .awards-slider .swiper-wrapper { align-items: flex-end; } .awards-slide { max-width: 230px; padding: 10px; } .awards-item { position: relative; padding-left: 6px; margin-bottom: 4px; } .awards-item::before { content: ''; position: absolute; left: -10px; top: 5px; width: 6px; height: 6px; border-radius: 10px; background-color: #F4D7BF; } .awards-year { position: relative; display: flex; justify-content: center; align-items: center; margin-right: 12px; color: #ffffff; font-size: 12px; font-weight: 800; text-transform: uppercase; min-width: 36px; min-height: 36px; border-radius: 50%; background-color: var(--orange-color); z-index: 1; } .awards-year::before { content: ''; display: block; width: 50px; height: 50px; border-radius: 50%; position: absolute; border: 10px solid rgba(219, 123, 41, 0.3); /* background-color: rgba(219, 123, 41, 0.3); */ background-position: center; } .awards-year::after { content: ''; display: block; width: 42px; height: 42px; border-radius: 50%; position: absolute; border: 5px solid rgba(219, 123, 41, 0.1); /* border-color: rgba(219, 123, 41, 0.1); */ background-position: center; } .awards-btm { display: flex; align-items: center; margin: 30px 0 0; } .awards-btm-line { width: 170px; height: 1px; margin-right: 5px; background-color: var(--orange-color); } /* awards slider end*/ /*foundation-goals*/ .foundation-goals-wrapper { background: var(--beige-color); position: relative; z-index: 2; } .foundation-goals-wrapper .dsa-container { position: relative; z-index: 2; } .foundation-goals-wrapper .bg { position: absolute; bottom: 0px; height: 77%; width: auto; z-index: 0; left: 50%; transform: translateX(-50%); } .foundation-goals-wrapper .bg.mobile { display: none; } .foundation-goals-item { display: flex; max-width: 620px; align-items: center; } .foundation-goals-item .num { flex-shrink: 0; color: var(--blue-color); font-family: 'Rubik', sans-serif; font-size: 64px; font-style: normal; font-weight: 500; line-height: normal; display: block; margin-right: 24px; } .foundation-goals-item .title { margin-bottom: 12px; font-size: 20px; text-transform: initial; } .foundation-goals-item .text { margin: 0; color: var(--gray-color); } .foundation-goals-item:nth-of-type(2n) { margin-left: auto; } .foundation-goals { display: grid; grid-template-columns: 1fr; grid-gap: 50px; } .foundation-goals > * { min-width: 0; } .foundation-goals-conclusion { display: flex; align-items: center; margin-top: 70px; } .foundation-goals-conclusion div:first-child { margin-right: 20px; } @media (max-width: 1280px) { } @media (max-width: 1024px) { .foundation-goals-item .num { font-size: 48px; } .foundation-goals { grid-gap: 48px; } .foundation-goals-item:nth-of-type(2n) { margin-left: 100px; } } @media (max-width: 767px) { .foundation-goals-conclusion { flex-direction: column; } } @media (max-width: 580px) { .foundation-goals-wrapper .bg { height: 86%; } .foundation-goals-item .num { font-size: 22px; margin-right: 20px; } .foundation-goals-item:nth-of-type(2n) { margin-left: 0; } .foundation-goals { grid-gap: 24px; } .foundation-goals-item .title { font-size: 16px; } .foundation-goals-wrapper .bg.mobile { display: block; } .foundation-goals-wrapper .bg.desktop { display: none; } .foundation-goals-conclusion div:first-child { margin-right: 0; margin-bottom: 20px; } } /*foundation-goals end*/ /* news slider */ .dsa-news-list-slider { overflow: hidden; } .dsa-news-list-slider .swiper { overflow: initial; } .dsa-news-slider { padding-right: 0; margin-bottom: 9px; } .dsa-news-slider .swiper-wrapper { padding-bottom: 15px; padding-top: 10px; } @media (max-width: 767px) { .dsa-news-slider { padding-right: 20px; } } /*news slider end*/ /*documents*/ .documents-list { width: 100%; } .documents-list-item { width: 100%; padding: 24px; margin-bottom: 24px; display: grid; grid-template-columns: 50px 1fr auto auto; grid-gap: 24px; align-items: center; background: #f9f9f9; border-radius: 50px; } .documents-list-item .name { color: var(--text-default-color); font-family: 'Work Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.4px; } @media (max-width: 1299px) { .documents-list-item { display: flex; flex-wrap: wrap; } .documents-list-item .name { width: calc(100% - 98px); } .documents-list-item .btn-outline { margin-left: 74px; } } @media (max-width: 767px) { .documents-list-item .btn { margin-left: 0; width: 100%; } } @media (max-width: 580px) { .documents-list-item .name { font-size: 16px; } } /*documents end*/ /*med-institutions*/ .med-institutions .foundation-goals h3{ margin: 0; } .med-institutions .foundation-goals-wrapper .bg { height: auto; max-width: 100%; bottom: 31%; } @media (max-width: 1024px) { .med-institutions .foundation-goals-wrapper .bg { bottom: 24%; } } .med-institutions .what-we-do-grid { grid-template-columns: repeat(4, 1fr); } .med-institutions .what-we-do-item .text { color: var(--text-default-color); margin-bottom: 12px; } .med-institutions .what-we-do-item .text:last-child { margin-bottom: 0; } .med-institutions .fund-numbers-col { display: flex; justify-content: space-between; } .med-institutions .fund-numbers .title { max-width: 430px; } @media (max-width: 1299px) { .med-institutions .fund-numbers-col { flex-direction: column; } .med-institutions .fund-numbers-col .numbers { max-width: 100%; } .med-institutions .fund-numbers .text-block { max-width: 100%; } .med-institutions .what-we-do-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .med-institutions .what-we-do-grid { grid-template-columns: 1fr; } } /*med-institutions end*/ .clinics li { margin-right: 32px; } .clinics li:last-child { margin-right: 0; } .dsa-psychologist-detail { width: 100%; } .dsa-psychologist-detail .content { border-radius: 24px; background: var(--beige-color); padding: 48px; } .dsa-psychologist-detail .grid { display: grid; grid-template-columns: 281px 1fr; grid-gap: 48px; } .dsa-psychologist-detail .grid > * { min-width: 0px; } .dsa-psychologist-detail .content .pic { width: 281px; height: 281px; border-radius: 100%; overflow: hidden; } .dsa-psychologist-detail .content .pic img { width: 100%; height: 100%; object-fit: cover; } .dsa-psychologist-detail .content .title, .dsa-psychologist-detail .content .text, .dsa-psychologist-detail .content .quote{ color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 24px; margin-top: 0; } .dsa-psychologist-detail .content .text, .dsa-psychologist-detail .content .quote{ font-weight: 400; } .dsa-psychologist-detail .content .quote { position: relative; padding-top: 24px; margin: 0; z-index: 1; } .dsa-psychologist-detail .content .quote:before { position: absolute; top: 0; left: -20px; z-index: -1; color: var(--orange-color); font-size: 150px; font-style: normal; font-weight: 400; line-height: 1; content: '“'; opacity: .3; } /*fix*/ @media (max-width: 1024px) { .dsa-psychologist-detail .grid { grid-gap: 24px; } .dsa-top-menu { max-width: 280px; } .dsa-top-menu .with-drop { width: 100%; } } @media (max-width: 768px) { .dsa-psychologist-detail .grid { grid-template-columns: 1fr; } .dsa-psychologist-detail .content { padding: 48px 20px; } .dsa-psychologist-detail .content .pic { height: 231px; width: 231px; } } @media (max-width: 580px) { .dsa-top-banner-wrapper .dsa-breadcrumb { padding-top: 6rem; } .dsa-psychologist-detail .content { padding: 30px 20px; } .dsa-psychologist-detail .content .pic { height: 231px; width: 231px; } .help-banner .bg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } } /*fix end*/ .dsa-mass-media-menu { margin-bottom: 48px; } /*forms*/ .form-mess-block, .error-text-block { width: 100%; padding: 10px; background: rgba(58,224,58,.1); border-radius: 10px; margin-bottom: 24px; display: block; } .error-text-block { background: rgba(224,58,58,.1); color: red; } .error-text { width: 100%; padding: 10px; background: rgba(224,58,58,.1); color: red; border-radius: 10px; margin-bottom: 24px; display: none; } .error-text.open { display: block; } .dsa-volunteer-form { width: 100%; max-width: 728px; } .dsa-quiz-form { width: 100%; max-width: 728px; } .dsa-quiz-step { display: none; } .dsa-quiz-step.active { display: block; } .dsa-volunteer-form a { color: var(--blue-color); } .dsa-radio-inline label, .dsa-radio-inline-list label { margin-bottom: 15px!important; } /*forms end*/ .tab-bar { width: 100%; overflow: auto; display: flex; margin-bottom: 24px; } .tab-bar::-webkit-scrollbar { display: none; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .tab-bar .btn { flex-shrink: 0; text-transform: initial; font-weight: 400; margin: 1px 20px 1px 1px; } /*top menu*/ .dsa-top-menu { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; } .dsa-top-menu ul { margin: 0; } .dsa-top-menu li { list-style: none; } .dsa-top-menu .with-drop { position: relative; padding-right: 16px; } .dsa-top-menu .with-drop:after { content: ''; display: block; transition: .3s ease-out; width: 12px; height: 12px; position: absolute; top: calc(50% - 6px); right: 0; background: url("/local/templates/main/assets/svg/arrow-down.svg") no-repeat center center; background-size: contain; } .dsa-top-menu .with-drop ul { width: 218px; border-radius: 4px; background: var(--orange-color); display: flex; flex-direction: column; padding: 15px 48px 15px 15px; position: absolute; left: 0; opacity: 0; visibility: hidden; transition: .3s ease-out; margin: 0; top: calc(100% + 16px) } .dsa-top-menu .with-drop ul:hover, .dsa-top-menu .with-drop:hover ul { opacity: 1; visibility: visible; } .dsa-top-menu li { display: flex; margin-left: 24px; } .dsa-top-menu .with-drop li { margin: 0 0 12px 0; } .dsa-top-menu .with-drop li:last-child { margin-bottom: 0; } .dsa-top-menu .with-drop ul a { color: white; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; top: calc(100% + 16px); } /*top menu end*/ .vacancies .vacancies-item { filter: grayscale(1); } .vacancies .vacancies-item.active { filter: grayscale(0); } /*popup*/ #popup-modal{ width: 100%; height: 100%; z-index: 99999; position: fixed; transform: translateX(100%); transition: transform .3s ease-out; top: 0; right: 0; } #popup-modal .content { background: #FFF; width: 100%; height: 100%; max-width: 1000px; z-index: 2; position: absolute; top: 0; right: 0; padding: 60px 30px 60px 100px; overflow: auto; } #popup-modal.open { transform: translateX(0); } #popup-modal .close-modal-btn{ position: absolute; left: 38px; top: 70px; display: block; z-index: 1; cursor: pointer; } #popup-modal .close-btn { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 0; } /*popup end*/ /*news detail*/ .dsa-news-detail { max-width: 848px; } .dsa-news-detail-pic { width: 100%; height: 361px; margin-bottom: 28px; } .dsa-news-detail-pic img { width: 100%; height: 100%; object-fit: cover; } .news-date-time { display: block; margin: 0 0 28px 0; width: 100%; } .dsa-news-detail .text { color: var(--text-default-color); font-family: 'Proza Libre', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: block; margin: 0 0 28px 0; } .dsa-news-detail .text a { text-decoration: underline; } .news-detail-pagination { width: 100%; display: flex; align-items: center; } .news-detail-pagination .next { margin-left: auto; } /*news detail end*/ .dsa-trainers-and-specialists-slider-wrapper { overflow: hidden; } .dsa-trainers-and-specialists-slider-wrapper .swiper { overflow: initial; } .dsa-trainers-and-specialists-slider { padding-right: 0; margin-bottom: 9px; } .dsa-trainers-and-specialists-slider .swiper-wrapper { padding-bottom: 15px; padding-top: 10px; } .history .mobile { display: none; } @media (max-width: 1280px) { .history { padding-right: 0; } } @media (max-width: 580px) { .history .mobile { display: block; } .history .desktop { display: none; } } .help-history-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px; } .help-history-list .dsa-program-card { width: 100%; } @media (max-width: 1024px) { .help-history-list { grid-template-columns: 1fr 1fr; } } @media (max-width: 580px) { .help-history-list { grid-template-columns: 1fr; } } /* useful-mat */ .useful-mat-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .useful-mat-item { position: relative; width: calc((100% - 72px) / 4); margin-bottom: 24px; cursor: pointer; } .useful-mat-text { position: absolute; top: 24px; left: 24px; max-width: 80%; } .useful-mat-item img { width: 100%; } .useful-mat-item p { font-weight: 600; margin-bottom: 0; } @media (max-width: 1299px) { .useful-mat-item { width: calc((100% - 20px) / 2); margin-bottom: 20px; } } @media (max-width: 767px) { .useful-mat-item { width: 100%; margin-bottom: 24px; } } /* useful-mat end*/ /*organization-reviews*/ .organization-reviews-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px; margin-bottom: 48px; } .organization-reviews-grid > * { min-width: 0px; } .organization-reviews-item { width: 100%; padding: 20px; border-radius: 12px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .organization-reviews-item .name { width: 100%; margin-bottom: 24px; font-weight: 600; color: var(--text-default-color); } .organization-reviews-item .img { width: 200px; height: 280px; object-fit: cover; margin-bottom: 24px; display: block; } .organization-reviews-item .btn { width: 100%; justify-content: center; } .organization-reviews-grid { } .organization-reviews-grid + .js-more .btn { margin-bottom: 0; } @media (max-width: 1280px) { } @media (max-width: 1024px) { .organization-reviews-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 580px) { .organization-reviews-grid { grid-template-columns: 1fr; } } /*organization-reviews end*/ .partner-logos { width: 100%; display: flex; justify-content: space-between; align-items: center; align-content: center; row-gap: 24px; flex-wrap: wrap; padding: 32px 0; margin: 24px 0; } .partner-logos .item { display: block; position: relative; } .partner-logos .item .hover { opacity: 0; transition: .3s ease-out; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .partner-logos .item:hover .hover { opacity: 1; } .partner-logos img { } /*programs-list*/ .dsa-programs-list-slider { overflow: hidden; } .dsa-programs-list-slider .swiper { overflow: initial; } .dsa-programs-slider { padding-right: 0; margin-bottom: 9px; } .dsa-programs-slider .swiper-wrapper { padding-bottom: 15px; padding-top: 10px; } .dsa-programs-slider .swiper-slide:nth-child(2n) { padding-top: 48px; } .dsa-programs-slider .swiper-slide { width: initial; } @media (max-width: 767px) { .dsa-programs-slider { padding-right: 20px; } } @media (max-width: 580px) { .dsa-programs-slider .swiper-slide { width: 100%; } .dsa-program-card { width: 100%; } .dsa-programs-slider .swiper-slide:nth-child(2n) { padding-top: 0; } } /*programs-list end*/ .psychologists-list { width: 100%; } .psychologists-list .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 48px; margin-bottom: 48px; } @media (max-width: 1280px) { .psychologists-list .grid { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1024px) { .psychologists-list .grid { grid-template-columns: 1fr 1fr ; grid-column-gap: 30px; grid-row-gap: 48px; } } @media (max-width: 580px) { .psychologists-list .grid { grid-template-columns: 1fr; grid-gap: 30px; } } /*quotes*/ .quotes-content { display: flex; flex-direction: column; } .quotes .btn { align-self: center; } .quotes .list { display: flex; flex-direction: column; } .quotes .item { margin-bottom: 24px; padding: 48px; border-radius: 24px; background-color: var(--beige-color); } .quotes .item span{ font-weight: 600; color: var(--gray-color); } .quotes .item p{ position: relative; margin-top: 24px; margin-bottom: 0; } .quotes .item p::before{ content: ''; position: absolute; top: -20px; left: 0; width: 17px; height: 17px; background-image: url(/local/templates/main/assets/svg/blockquote.svg); background-repeat: no-repeat; background-size: contain; } @media (max-width: 1299px) { .quotes .item { padding: 24px; } } .quotes img { max-width: 433px; height: auto; margin-right: -66px; margin-top: -78px; } .quotes-wrap { display: flex; align-items: flex-start; } .quotes-content { display: flex; flex-direction: column; } .quotes .btn { align-self: center; } .quotes ul { display: flex; flex-direction: column; } .quotes li { margin-bottom: 24px; padding: 48px; border-radius: 24px; background-color: var(--beige-color); } .quotes li span{ font-weight: 600; color: var(--gray-color); } .quotes li p{ position: relative; margin-top: 24px; margin-bottom: 0; } .quotes li p::before{ content: ''; position: absolute; top: -20px; left: 0; width: 17px; height: 17px; background-image: url(/local/templates/main/assets/css/../svg/blockquote.svg); background-repeat: no-repeat; background-size: contain; } @media (max-width: 1299px) { .quotes-wrap { flex-direction: column-reverse; align-items: center; } .quotes img { margin-right: 0; margin-top: -54px; margin-bottom: 22px; } .quotes li { padding: 24px; } } @media (max-width: 767px) { .quotes img { max-width: 100%; margin-top: -40px; } } /*quotes end*/ .review-slider .swiper-slide { max-width: 523px; } .review-slider .dsa-news-card { padding: 24px; max-width: 523px; border-radius: 24px; grid-template-columns: 1fr 2fr; background-color: var(--beige-color); } .review-slider .title-with-nav { justify-content: space-between; } .review-desc h3 { margin-bottom: 12px; } .review-desc p { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 112px; } .review-slider .dsa-news-card img { width: 150px; height: 225px; } .review-date { font-weight: 600; color: var(--gray-color); } .review-desc blockquote { position: relative; margin: 47px 0 0; } .review-desc blockquote::before { content: ''; position: absolute; left: -2px; top: -27px; width: 17px; height: 15px; background-image: url("/local/templates/main/assets/css/../svg/blockquote.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } @media (max-width:767px) { .review-slider .dsa-news-card { grid-template-columns: 1fr; max-width: 100%; padding: 20px; } .review-desc blockquote p { margin: 0; } .review-slider .title-with-nav .nav { margin: 24px 0 0 -8px; } .review-slider .title-with-nav { flex-direction: column; justify-content: flex-start; } } .what-we-do-grid.specialist-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 48px; grid-row-gap: 24px; } .what-we-do-grid > * { min-width: 0px; } .what-we-do-item { width: 100%; } .what-we-do-item .pic { width: 100%; margin-bottom: 12px; display: block; height: 48px; } .what-we-do-item .pic > svg, .what-we-do-item .pic > img { width: 48px; height: 48px; object-fit: contain; object-position: center center; } .what-we-do-item .title { margin: 0 0 12px 0; display: block; } .what-we-do-item .text { display: block; margin: 0; color: var(--gray-color); } @media (max-width: 1280px) { .what-we-do-grid.specialist-grid { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1024px) { .what-we-do-grid.specialist-grid { grid-column-gap: 26px; grid-template-columns: 1fr 1fr; } } @media (max-width: 580px) { .what-we-do-grid.specialist-grid { grid-template-columns: 1fr; } .what-we-do-item .title { font-size: 16px; } } .user-reviews { width: 100%; } .user-review-item { width: 100%; display: block; padding: 48px; border-radius: 24px; background: var(--beige-color); margin-bottom: 48px; } .user-review-item .name, .user-review-item .text { max-width: 890px; width: 100%; } .user-review-item .name { margin-bottom: 12px; } .user-review-item .text { margin: 48px 0 0 0; position: relative; z-index: 2; } .user-review-item .text:before { content: '“'; display: block; color: var(--orange-color); font-size: 43px; font-style: normal; font-weight: 400; line-height: 135%; position: absolute; z-index: -1; left: 0; top: -30px; opacity: .3; } /* webinars */ .webinars { background-color: var(--beige-color); } @media (max-width: 767px) { .webinars .d-flex { display: none; } } .webinars-wrapper { display: flex; flex-direction: column; margin-bottom: 26px; } .webinars-item { display: grid; align-items: flex-start; grid-template-columns: 1fr 3fr; column-gap: 48px; margin-bottom: 48px; cursor: pointer; } @media (max-width: 767px) { .webinars-item { grid-template-columns: 1fr; } } .webinars-item:last-child { margin-bottom: 0; } .webinars-desciprion { display: flex; flex-direction: column; margin-top: 24px; } .webinars-desciprion h3 { margin-bottom: 14px; } @media (max-width: 767px) { .webinars-desciprion h3 { font-size: 16px; } } .webinars-content { display: flex; } .webinars-content img { width: 48px; height: 48px; border-radius: 50%; } .webinars-date { font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--dark-blue-color); } @media (max-width: 1299px) { .webinars-date { font-size: 48px; } } @media (max-width: 767px) { .webinars-date { font-size: 32px; } } .webinars-schedule { display: flex; align-items:center; width: 36%; } .webinars-time { padding: 8px 22px; margin: -17px 0 0 -19px; border-radius: 50px; color: #ffffff; background-color: var(--orange-color); white-space: nowrap; } @media (max-width: 767px) { .webinars-time { margin: -6px 0 0 -7px; } } .webinars-speaker { margin-left: 12px; } .webinars-speaker p { color: var(--gray-color); margin: 0; } /* webinars end*/ /* video-slider */ .webinars-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px; } .webinars-list .dsa-news-card { display: block; max-width: 100%; min-height: 365px; } .webinars-list .dsa-news-card iframe { width: 100%; height: 365px; vertical-align: middle; border-radius: 12px; border: 0; } @media (max-width: 1280px) { } @media (max-width: 1024px) { .webinars-list { grid-template-columns: 1fr 1fr; } } @media (max-width: 580px) { .webinars-list { grid-template-columns: 1fr ; } } /* video-slider end*/ /*price*/ .price { background-color: var(--beige-color); } .price-wrap { display: flex; justify-content: space-between; } .price-wrap .what-we-do-grid { grid-column-gap: 96px; } .price-wrap .what-we-do-item { position: relative; max-width: 201px; } .price-wrap .what-we-do-item::after { content: ''; position: absolute; top: 60px; right: -64px; width: 32px; height: 32px; background-image: url(/local/templates/main/assets/svg/plus.svg); background-repeat: no-repeat; background-size:contain; } .price-wrap .what-we-do-item:last-child::after { display: none; } .price-wrap .cost-banner { margin-left: 0; } .price-wrap .what-we-do-grid h3 { font-size: 18px; font-weight: 600; } @media (max-width: 1299px) { .price-wrap { flex-direction: column; align-items: flex-start; } .price-wrap .what-we-do-item { max-width: 100%; } } @media (max-width:767px) { .price-wrap .what-we-do-grid { grid-row-gap: 75px; grid-template-columns: 1fr; } .price-wrap .what-we-do-item::after { top: initial; bottom: -56px; right: 43%; } } /*price end*/ /*topics*/ .topics { background-color: var(--beige-color); } .topics .text { margin-bottom: 0; } .topics-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .topics-list { margin: 0 0 24px!important; padding: 0 0 0 21px!important; } @media (max-width: 1299px) { .topics-wrap { flex-direction: column; } } /*topics end*/ /*education*/ .education { display: flex; } .education .numbers { display: flex; } .education .item { margin-right: 64px; } .education .item:last-child { margin-right: 0; } .education .num { font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } .education img { max-width: 557px; height: auto; object-fit: contain; } @media (max-width: 1299px) { .education { flex-direction: column; } } @media (max-width: 1299px) { .education .num { font-size: 48px; } .education-content { margin-bottom: 34px; } } @media (max-width: 767px) { .education .num { font-size: 32px; } .education .item { margin-right: 82px; } } /*education end*/ .places { margin: 20px 0 0 0px; } .quotes img { max-width: 433px; height: auto; margin-right: -66px; margin-top: -78px; } .quotes-wrap { display: flex; align-items: flex-start; } @media (max-width: 1299px) { .quotes-wrap { flex-direction: column-reverse; align-items: center; } .quotes img { margin-right: 0; margin-top: -54px; margin-bottom: 22px; } } @media (max-width: 767px) { .quotes img { max-width: 100%; margin-top: -40px; } } .text-big-blue { font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } .benefits .dsa-grid { grid-gap: 48px; } .benefits-item h3 { margin-bottom: 12px; } .svo .topics .text { margin-bottom: 24px; } /*price*/ .price { background-color: var(--beige-color); } .price-wrap { display: flex; justify-content: space-between; } .price-wrap .what-we-do-grid { grid-column-gap: 96px; } .price-wrap .what-we-do-item { position: relative; max-width: 201px; } .price-wrap .what-we-do-item::after { content: ''; position: absolute; top: 60px; right: -64px; width: 32px; height: 32px; background-image: url(/local/templates/main/assets/svg/plus.svg); background-repeat: no-repeat; background-size:contain; } .price-wrap .what-we-do-item:last-child::after { display: none; } .price-wrap .cost-banner { margin-left: 0; } .price-wrap .what-we-do-grid h3 { font-size: 18px; font-weight: 600; } @media (max-width: 1299px) { .price-wrap { flex-direction: column; align-items: flex-start; } .price-wrap .what-we-do-item { max-width: 100%; } } @media (max-width:767px) { .price-wrap .what-we-do-grid { grid-row-gap: 75px; grid-template-columns: 1fr; } .price-wrap .what-we-do-item::after { top: initial; bottom: -56px; right: 43%; } } /*price end*/ /*topics*/ .topics { background-color: var(--beige-color); } .topics .text { margin-bottom: 0; } .topics-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .topics-list { margin: 0 0 24px; padding: 0 0 0 21px; } .topics .numbers { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 48px; max-width: 550px; } @media (max-width: 1299px) { .topics-wrap { flex-direction: column; } } @media (max-width: 767px) { .topics .numbers { grid-template-columns: 1fr; grid-gap: 24px; } } /*topics end*/ .numbers { align-items: center; } .numbers .item { display: flex; flex-direction: column; } /*price*/ .price { background-color: var(--beige-color); } .price-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .price-wrap .what-we-do-grid { grid-column-gap: 96px; grid-row-gap: 68px; } .price-wrap .what-we-do-item { position: relative; max-width: 201px; } .price-wrap .what-we-do-item::after { content: ''; position: absolute; top: 60px; right: -64px; width: 32px; height: 32px; background-image: url(/local/templates/main/assets/css/../svg/plus.svg); background-repeat: no-repeat; background-size:contain; } .price-wrap .what-we-do-item:nth-child(3n)::after { display: none; } .price-wrap .cost-banner { margin-left: 0; } .price-wrap .what-we-do-grid h3 { font-size: 18px; font-weight: 600; } @media (max-width: 1299px) { .price-wrap { flex-direction: column; align-items: flex-start; } .price-wrap .what-we-do-item { max-width: 100%; } } @media (max-width:767px) { .price-wrap .what-we-do-grid { grid-row-gap: 75px; grid-template-columns: 1fr; } .price-wrap .what-we-do-item::after { top: initial; bottom: -56px; right: 43%; } } /*price end*/ .importance .dsa-grid { grid-gap: 48px; } .importance p { margin-bottom: 0; } .review-slider .dsa-news-card { padding: 24px; max-width: 523px; border-radius: 24px; grid-template-columns: 1fr 2fr; background-color: var(--beige-color); } .review-slider .title-with-nav { justify-content: space-between; } .review-desc h3 { margin-bottom: 12px; } .review-slider .dsa-news-card img { width: 150px; height: 225px; } .review-date { font-weight: 600; color: var(--gray-color); } .review-desc blockquote { position: relative; margin: 47px 0 0; } .review-desc blockquote::before { content: ''; position: absolute; left: -2px; top: -27px; width: 17px; height: 15px; background-image: url("/local/templates/main/assets/svg/blockquote.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } @media (max-width:767px) { .review-slider .dsa-news-card { grid-template-columns: 1fr; max-width: 100%; padding: 20px; } .review-desc blockquote p { margin: 0; } .review-slider .title-with-nav .nav { margin: 24px 0 0 -8px; } .review-slider .title-with-nav { flex-direction: column; justify-content: flex-start; } } .price-v2 .text-bold { max-width: 70%; margin: 22px 0 0; } @media (max-width: 1299px) { .price-v2 .text-bold { max-width: 100%; } } .svo .topics .text { margin-bottom: 24px; } /*strat-goals*/ .strat-goals { display: grid; grid-auto-flow: column; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 48px; counter-reset: my-counter; } .strat-goals-item { position: relative; counter-increment: my-counter; padding-left: 64px; } .strat-goals-item::before { content: counter(my-counter); position: absolute; left: 0; top: 0; font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } .strat-goals-item h3 { margin-bottom: 12px; } .strat-goals-item p { margin-bottom: 0; } @media (max-width: 1299px) { .strat-goals { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); } } @media (max-width: 767px) { .strat-goals { grid-auto-flow: row; grid-template-columns: 1fr; } } /*strat-goals end*/ .text-big-blue { font-family: 'Rubik', sans-serif; font-size: 64px; font-weight: 500; line-height: normal; color: var(--blue-color); } @media (max-width: 1299px) { .text-big-blue { font-size: 48px; } } /* video-slider */ .video-slider .dsa-news-card { display: block; max-width: 517px; min-height: 365px; } .video-slider .dsa-news-card iframe { width: 517px; height: 365px; vertical-align: middle; border-radius: 12px; border: 0; } @media (max-width: 767px) { .video-slider .dsa-news-card { max-width: 100%; min-height: 280px; } .video-slider .dsa-news-card iframe { width: 100%; height: 280px; } } /* video-slider end*/ /* tab */ .tab-bar-wrapper { padding-right: 0; } .tab-bar { display: flex; align-items: center; margin-bottom: 12px; min-width: 1136px; } .tab-link { font-family: 'Proza Libre', sans-serif; font-size: 12px; line-height: normal; font-weight: 400; padding: 16px 34px; margin-bottom: 12px; margin-right: 9px; background-color: transparent; color: var(--text-default-color); border: 1px solid var(--dark-blue-color); border-radius: 32px; transition: .3s ease-out; cursor: pointer; } .tab-link.active { background-color: var(--dark-blue-color); color: white; } .tab-link:hover { opacity: 0.7; } .tab-link:last-child { margin-right: 0; } .tab-link:active { background-color: var(--dark-blue-color); color: #ffffff; } .tab-content { display: none; } .tab-content.active { display: block; } .tab-content[id="psychologist"] { display: block; } .tab-content[id="2023"] { display: block; } .tab-bar-wrapper { overflow-x: scroll; } .tab-bar-wrapper::-webkit-scrollbar-track { display: none; } .tab-bar-wrapper::-webkit-scrollbar-thumb { display: none; } .tab-bar-wrapper::-webkit-scrollbar { display: none; } @media (max-width:1280px) { .tab-bar-wrapper { padding-left: 40px; } } @media (max-width:1024px) { .tab-bar-wrapper { padding-left: 20px; } } @media (max-width: 767px) { .tab-bar { flex-direction: row; align-items: flex-start; width: 100%; } } /* tab end */ /* payment */ .payment img { display: block; max-width: 100%; margin: 0 auto; } .payment .title { margin-left: auto; margin-right: auto; } /* payment end*/ /*domic-malisha-2*/ .domic-malisha .detail-page-title { font-size: 70px; } @media (max-width: 1299px) { .domic-malisha .detail-page-title { font-size: 48px; } } @media (max-width: 767px) { .domic-malisha .detail-page-title { font-size: 32px; } } .dsa-top-banner-wrapper .detail-page-title { max-width: 100%; } .domic-malisha .dsa-top-banner-wrapper .text { font-size: 20px; max-width: 40%; } @media (max-width: 1299px) { .domic-malisha .dsa-top-banner-wrapper .text { max-width: 50%; } } @media (max-width: 767px) { .domic-malisha .dsa-top-banner-wrapper .text { max-width: 80%; } } .domic-malisha h2 { font-size: 42px; } @media (max-width: 1299px) { .domic-malisha h2 { font-size: 36px; } } @media (max-width: 767px) { .domic-malisha h2 { font-size: 18px; } } .domic-malisha .numbers { padding-top: 24px; } .domic-malisha .numbers .item { display: flex; flex-direction: column; } .domic-malisha .review-slider .dsa-news-card { box-shadow: none; } .domic-malisha .topics-wrap { justify-content: flex-start; gap: 52px; } @media (max-width: 1299px) { .domic-malisha .topics-wrap { flex-direction: row; } } @media (max-width: 767px) { .domic-malisha .topics-wrap { flex-direction: column; } } .grey-text { color: var(--gray-color); font-family: 'Proza Libre', sans-serif; font-size: 12px; font-weight: 400; line-height: normal; } .badge { position: absolute; top: 24px; right: 0; padding: 8px 24px; background-color: var(--dark-blue-color); color: #ffffff; border-radius: 32.5px 0px 0px 32.5px; font-size: 12px; } .badge-orange { background-color: var(--orange-color); } .review-desc h4 { font-size: 12px; margin: 0 0 6px 0; } .review-desc .text { line-height: 135%; margin: 0 0 12px 0; color: var(--gray-color); } .person-wrap { display: flex; gap: 48px; border-radius: 24px; padding: 48px; background-color: #f9f9f9; } @media (max-width: 1299px) { .person-wrap { padding: 40px; } } @media (max-width: 1024px) { .person-wrap { padding: 20px; } } @media (max-width: 767px) { .person-wrap { flex-direction: column; /* padding: 20px; */ } } .person .img { display: flex; flex-shrink: 0; width: 270px; height: 270px; border-radius: 50%; overflow: hidden; } @media (max-width: 767px) { .person .img { max-width: 100%; height: auto; } } .person .img img { width: 100%; height: 100%; object-fit: cover; } .person .text { line-height: 135%; color: var(--gray-color); } .person .quote-text { position: relative; line-height: 135%; margin-top: 45px; margin-bottom: 0; } .person .quote-text::before { content: ''; position: absolute; top: -20px; left: -13px; display: block; width: 60px; height: 60px; background-image: url("/local/templates/main/assets/css/../svg/blockquote.svg"); background-repeat: no-repeat; background-size: contain; } .person-history { background-color: #ffffff; } @media (max-width: 1299px) { .person-history { /*max-width: 82%;*/ padding: 48px 64px; } } @media (max-width: 767px) { .person-history { /*max-width: 95%;*/ padding: 58px 20px; } } .person-history-title { color: var(--blue-color); font-family: "Rubik", sans-serif; font-size: 42px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } @media (max-width: 1299px) { .person-history-title { font-size: 36px; } } @media (max-width: 767px) { .person-history-title { font-size: 22px; } } .person-history-img { width: 445px; height: auto; border-radius: 12px; } @media (max-width: 1299px) { .person-history-img { width: 100%; object-fit: cover; } } .person-history-entry { display: grid; grid-template-columns: 445px 1fr; gap: 48px; margin-bottom: 60px; } @media (max-width: 1299px) { .person-history-entry { grid-template-columns: 380px 1fr; } } @media (max-width: 1024px) { .person-history-entry { grid-template-columns: 1fr; } } @media (max-width: 767px) { .person-history-entry { gap: 20px; } } .person-history-diagnosis { display: block; font-size: 16px; font-weight: 600; line-height: normal; margin-bottom: 8px; color: var(--text-default-color); } .person-history-diagnosis-desc { display: block; font-size: 14px; font-weight: 400; line-height: 135%; margin-bottom: 48px; } @media (max-width: 1299px) { .person-history-diagnosis-desc { margin-bottom: 20px; } } .person-history .cost-banner { margin-left: 0; max-width: 313px; } .person-history-subtitle { font-size: 36px; font-weight: 600; line-height: normal; text-transform: uppercase; } @media (max-width: 1299px) { .person-history-subtitle { font-size: 22px; } } @media (max-width: 767px) { .person-history-subtitle { font-size: 18px; } } .person-history .dsa-programs-list-slider { margin: 0 -100px; padding: 100px; background-color: var(--beige-color); } @media (max-width: 1299px) { .person-history .dsa-programs-list-slider { margin: 0 -64px; padding: 60px 64px; } } @media (max-width: 767px) { .person-history .dsa-programs-list-slider { margin: 0 -20px; padding: 40px 20px; } } .person-history .review-slider .dsa-news-card { max-width: 445px; } .person-history .dsa-news-list-slider { margin: 0 -100px; padding: 100px 0 0 100px; } @media (max-width: 1299px) { .person-history .dsa-news-list-slider { margin: 0 -64px; padding: 40px 0 0 64px; } } @media (max-width: 767px) { .person-history .dsa-news-list-slider { margin: 0 -20px; padding: 20px 0 0 20px; } } .person-history .review-slider .title-with-nav { padding-right: 100px; } @media (max-width: 1299px) { .person-history .review-slider .title-with-nav { padding-right: 64px; } } @media (max-width: 767px) { .person-history .review-slider .title-with-nav { padding-right: 20px; } } .feedback { width: 100%; padding: 48px; border-radius: 24px; background-color: #F9F9F9; } @media (max-width: 767px) { .feedback { padding: 20px; } } .feedback-date { display: block; font-weight: 600; margin-bottom: 52px; } .feedback-text { position: relative; line-height: 135%; color: var(--text-default-color); } .feedback-text::before { content: ''; position: absolute; top: -30px; left: 0; width: 18px; height: 18px; background-image: url('/local/templates/main/assets/css/../svg/blockquote.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; } /*accordion*/ .accordion { display: flex; flex-wrap: wrap; grid-row-gap: 0; } .accordion__btn { border: none; background: none; display: flex; justify-content: center; align-items: center; margin-left: auto; cursor: pointer; } .accordion__btn svg { color: var(--gray-color); } .accordion__item { display: flex; width: calc(100% - 74px); justify-content: space-between; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; line-height: 135%; cursor: pointer; } .accordion__content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; max-height: 0; overflow: hidden; transition: max-height 0.2s ease; } .accordion.active .accordion__content { overflow: initial; padding-top: 24px; } .accordion__content p { padding-top: 24px; margin: 0; } .accordion.active .accordion__content .documents-list-item { background: #fff; } .accordion.active .accordion__btn svg { color: var(--orange-color); } .accordion.active .accordion__btn { transform: rotate(180deg); } .text-blue { color: var(--blue-color); } .reg-popup { width: 540px; height: auto; padding: 32px; background-color: #ffffff; top: 50%; left: 50%; } .reg-popup-title { color: var(--blue-color); font-size: 42px; font-weight: 500; } .reg-popup-text { font-size: 14px; font-weight: 700; } .reg-popup .popup-close { border: none; left: initial; right: 48px; } .reg-popup .popup-close:focus-visible { outline: -webkit-focus-ring-color auto 0; } dialog { border: none; } dialog:-internal-dialog-in-top-layer::backdrop { background: rgba(0, 0, 0, 0.5); } @media (max-width: 580px) { .reg-popup { width: 100%; padding: 10px; } .reg-popup-title { font-size: 24px; } } /*banner-pic*/ .banner-pic { padding: 57px 0; background-image: url("/local/templates/main/assets/css/../img/bg-3@2x.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-pic-wrap { display: flex; align-items: flex-start; gap: 75px; } .banner-pic ul li{ font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: 700; } .banner-pic img { width: 504px; height: auto; } .banner-pic p{ font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: 700; } @media (max-width: 1280px) { .banner-pic img { width: 45%; } .banner-pic-wrap { gap: 40px; } } @media (max-width: 1024px) { .banner-pic-wrap { gap: 20px; } } @media (max-width: 580px) { .banner-pic img { width: 100%; } .banner-pic-wrap { flex-direction: column; } } /*banner-pic end*/ .telegram-btn { display: flex; align-items: center; position: fixed; right: 12px; bottom: 33%; padding: 4px 4px 4px 4px; border-radius: 1000px; z-index: 10; transition: .3s ease-out; } .telegram-btn:hover { background: rgba(255, 255, 255, 0.3); opacity: 1; } .telegram-btn:hover .telegram-btn__text { width: 120px; } .telegram-btn__icon { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; background-image: url("/local/templates/main/assets/css/../svg/telegram-btn.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; flex-shrink: 0; } .telegram-btn__text { width: 0; overflow: hidden; transition: .3s ease-out; text-wrap: nowrap; } .container ul li { margin-bottom: 20px; } .envelopes .strat-goals { grid-template-rows: repeat(4, 1fr); margin-top: 52px; gap: 77px; } @media (max-width: 1024px) { .envelopes .strat-goals { gap: 40px; } } .envelopes .strat-goals-item::before { left: 5px; top: -25px; } .envelopes .dsa-news-card { grid-template-columns: 1fr 2.6fr; height: 213px; max-width: 100%; } @media (max-width: 580px) { .envelopes .dsa-news-card { grid-template-columns: 1fr; height: auto; max-width: 100%; } } .envelopes .help-banner { background-color: #F2F0F6; } .envelopes .help-banner .bg { /*width: auto;*/ } @media (max-width: 1024px) { .envelopes .help-banner .bg { width: 60%; } } @media (max-width: 580px) { .envelopes .help-banner .bg { width: 100%; } } .envelopes .help-banner-content { width: 50%; } @media (max-width: 580px) { .envelopes .help-banner-content { width: 100%; } } @media (max-width: 768px) { .envelopes .business-activity-wrap { grid-template-columns: 1fr; } .envelopes .business-activity-img { width: 100%; } .envelopes .dsa-top-banner-wrapper .text { font-size: 16px; } } .link-orange { color: var(--orange-color); } .trustee { display: flex; flex-direction: column; align-items: center; } .trustee-wrap { display: flex; background-color: #FFFAF6; border-radius: 24px; padding: 48px; margin: 32px 0 50px; } .trustee-wrap img { width: 270px; height: 354px; object-fit: cover; margin-right: 48px; } @media (max-width: 768px) { .trustee-wrap { flex-direction: column; } .trustee-wrap img { margin: 0 0 32px; } .trustee-wrap { padding: 20px; } } .letters-form { background-color: #fffaf6; } @media (max-width: 767px) { .letters-form .dsa-grid { grid-gap: 0; } } .memory-sprout .strat-goals { gap: 44px; margin-top: 30px; grid-template-rows: repeat(3, 1fr); } .memory-sprout .strat-goals-item::before { top: -15px; } .memory-sprout .person .quote-text { margin-top: 0; margin-bottom: 24px; } .memory-sprout .person .text:last-of-type { margin-bottom: 0; } .curators .card-text { position: relative; margin-top: 14px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 135%; } /*.curators .card-text::before { content: ''; display: block; width: 18px; height: 18px; margin-bottom: 8px; background-image: url(/local/templates/main/assets/css/../svg/blockquote.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }*/ .curators .dsa-grid { grid-gap: 48px; margin-bottom: 32px; } @media (max-width: 1299px) { .curators .dsa-specialist-card { max-width: initial; } } .memory-sprout .help-banner .btn-outline { outline: none; } @media (max-width: 768px) { .memory-sprout .help-banner-wide .help-banner-content { width: 60%; } .memory-sprout-form .dsa-grid { grid-gap: 0; } } @media (max-width: 580px) { .memory-sprout .help-banner-wide .help-banner-content { width: 100%; } } .feedback-slide { border-radius: 24px; padding: 48px; width: 558px; height: 355px; background-color: #fffaf6; transition: .3s ease-out; } .feedback-slide .hr { display: block; width: 100%; height: 1px; position: relative; background: var(--orange-color); } .feedback-slide .hr:before, .feedback-slide .hr:after { content: ''; position: absolute; top: 0; left: 0; display: block; height: 2px; } .feedback-slide .hr:before { width: 100%; max-width: 180px; background: var(--orange-color); z-index: 2; } .feedback-slide .hr:after { width: 100%; background: var(--light-gray-color); top: -1px; } .feedback-slide .review-desc p { line-height: 135%; -webkit-line-clamp: 5; max-height: 95px; } .promo-archive { background-color: #fffaf6; } .promo-archive iframe { width: 100%; height: 492px; } @media (max-width: 768px) { .promo-archive iframe { height: 320px; } .promo-archive .tab-bar { flex-direction: row; } } .partners-title { font-size: 32px; text-transform: uppercase; padding-top: 48px; } .partners-list { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 12px; justify-content: center; align-items: center; padding: 32px 0; margin-bottom: 20px; width: 100%; } .participation-form { padding: 36px 0; max-width: 728px; width: 100%; } .participation-form label { color: var(--text-default-color); } .participation-form .grid-2 { row-gap: 0; } .participation-form input { padding: 14px 24px; } .participation-form input[type="radio"], .participation-form input[type="checkbox"] { padding: 0; } .participation-form .dsa-checkbox-wrapper.fd-c { gap: 24px; } .participation-title { font-family: "Work Sans", sans-serif;; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; } .radio-list { display: flex; flex-direction: column; gap: 27px; margin-bottom: 24px; } .participation-form a { color: var(--blue-color); } .events { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; } @media (max-width: 1299px) { .events { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .events { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 580px) { .events { grid-template-columns: repeat(1, 1fr); } } .event { display: flex; gap: 12px; border-radius: 24px; padding: 24px; width: 100%; height: 102px; background-color: #f9f9f9; } .event-title { font-family: "Work Sans", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em; margin: 0 0 12px; } .event-date { line-height: 135%; color: var(--gray-color); } .donations .title-wrap { display: flex; flex-direction: column; gap: 24px; } .donations .text { font-family: "Work Sans", sans-serif; line-height: 135%; margin: 0; } .donations .title-with-nav { align-items: flex-start; } .donations .card-title { color: #60adff; } .donations .dsa-program-card-donation .card-title { margin: 0; } .donations .dsa-program-card-donation .card-text { margin: 0 0 12px 0; } .table { width: 100%; min-width: 900px; border-collapse: collapse; border-spacing: 0; color: var(--text-default-color); line-height: 150%; } .table-wrap { overflow-x: scroll; } .table-wrap::-webkit-scrollbar { display: none; } .table-head { background-color: #FFFAF7; } .table-header { font-weight: 600; text-align: start; padding: 8px 16px; height: 65px; vertical-align: middle; border-bottom: 1px solid #DEDEDE; } .table-header:first-of-type, .table-cell:first-of-type { width: 190px; } .table-header:nth-of-type(3), .table-cell:nth-of-type(3) { width: 150px; } .table-header:nth-of-type(4), .table-cell:nth-of-type(4) { width: 80px; } .table-header:nth-of-type(5), .table-cell:nth-of-type(5) { width: 190px; } .table-cell { height: 66px; padding: 8px 16px; } .table-row { border-bottom: 1px solid #DEDEDE; } .table-span { display: block; line-height: 135%; } .table-span--grey { color: var(--gray-color); } .table-title { text-transform: uppercase; margin-top: 48px; } .help-card { border-radius: 24px; padding: 24px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); background: #ffffff; transition: .3s ease-out; } .help-card-wrap { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 24px; margin-bottom: 24px; } .help-card-sum { display: flex; flex-direction: column; gap: 12px; } .help-card-footnote { font-size: 12px; line-height: 135%; color: var(--text-grey); margin: 0; } .help-card-footnote sup { color: #ff2323; top: 0; font-size: 100%; margin-right: 4px; } .help-card .cost-banner-investment { margin: 0; } .help-card .cost-banner-total { font-size: 24px; } .help-card .cost-banner-total sup { font-size: 22px; top: -0.3em; } .help-card .text { margin: 0 0 2px; } .help-card-row { display: flex; align-items: flex-start; justify-content: space-between; } .help-card .cost-banner-investment::after { width: 76%; } .help-card .cost-banner-investment.w-100::after { width: 100%; } .news-detail .dsa-news-detail-pic { float: left; width: 100%; height: auto; max-width: 400px; margin-right: 28px; margin-bottom: 28px; @media (max-width: 768px) { float: none; } } .news-detail .dsa-news-detail-pic img { margin-bottom: 28px; } .news-detail .news-date-time { margin-bottom: 0; } .news-detail .dsa-news-detail { max-width: 100%; } .text-strong { font-weight: 700; } .dsa-problem-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; padding-top: 24px; padding-bottom: 24px; } @media (max-width: 768px) { .dsa-problem-grid { grid-template-columns: 1fr; } } .ol-li-marker-blue { margin-left: 15px; } .ol-li-marker-blue li { list-style: disc; } .ol-li-marker-blue li::marker { color: var(--blue-color); font-size: 16px; } .dsa-logo-grid { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 24px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); border-radius: 12px; padding: 15px; } .dsa-logo-grid img { max-width: 250px; width: 100%; } .dsa-logo-grid p { margin: 0; font-size: 12px; } @media (max-width: 768px) { .dsa-logo-grid { grid-template-columns: 1fr; } } /* End */ /* Start:/local/templates/main/assets/css/custom.css?17579237502136*/ .help-history-info-bottom { padding: 20px; margin-bottom: 30px; background: var(--beige-color); border-radius: 10px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); } .help-history-info-bottom p { font-weight: 700; margin: 0 0 14px 0; } .help-history-info-bottom p:last-child { margin-bottom: 0px; } .person-history-entry > img { max-width: 100%; height: auto; } .grecaptcha-badge { visibility: hidden; } .dsa-header-wrapper { -webkit-transition: 0.3s background-color ease 0s, 0.3s padding ease 0s; -o-transition: 0.3s background-color ease 0s, 0.3s padding ease 0s; transition: 0.3s background-color ease 0s, 0.3s padding ease 0s; } .dsa-header-wrapper .logo img { max-width: 100%; -webkit-transition: 0.3s max-width ease 0s; -o-transition: 0.3s max-width ease 0s; transition: 0.3s max-width ease 0s; } .header-fixed { position: fixed !important; background: #fff; padding: 5px 0; top: 0; } .header-help-link { background: #db7b29; color: #fff; border-radius: 30px; padding-right: 20px; text-transform: uppercase; } .header-help-link .icon { display: block; margin-right: 2px; flex-shrink: 0; } .trustee-wrap { width: 100%; } .trustee-wrap img { max-width: 270px; width: 100%; } .link-with-arr_target { font-weight: 300; text-transform: none; padding-top: 0; } .link-with-arr_target::after { height: 0px; background: none; } .title-with-nav_custom { flex-wrap: wrap; } .title-with-nav_custom .nav { margin-left: 2px; margin-right: 2px; } .reviews-nav-btn { overflow-x: auto; padding: 10px 0; } .title-with-nav_custom .btn-tab { margin-bottom: 12px; margin-right: 9px; } @media (max-width: 1280px) { .header-fixed .logo img { max-width: 60px; } } @media (max-width: 767px) { .title-with-nav_custom .btn-tab { width: auto; margin-right: 10px; margin-left: 0; } } @media (max-width: 580px) { .header-help-link { background: none; padding-right: 0; } } /* End */ /* /local/templates/main/assets/lib/fancybox.css?174050300024645 */ /* /local/templates/main/assets/lib/swiper-bundle.min.css?174050300018429 */ /* /local/templates/main/assets/css/main.css?1745845496120213 */ /* /local/templates/main/assets/css/custom.css?17579237502136 */