/* Start:/local/templates/main_redesign/css/fancybox.css?176413398125343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/main_redesign/css/lecture.css?17641339813456*/ .lecture { & h1 { margin-bottom: 35px; } & .lecture-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; max-width: 1025px; } & .lecture-wrapper { margin-top: 40px; display: flex; gap: 40px; @media(max-width: 1150px) { flex-direction: column; gap: 30px; & .years-col { border-right: none; } & .years-links { flex-direction: row; position: relative; top: 0; align-items: center; } } & .lecture-items__col { display: flex; flex-direction: column; gap: 40px; } } .open-registrtion { position: fixed; right: 30px; bottom: 17px; transition: opacity 0.3s ease; & .open-registrtion__inner { display: flex; gap: 15px; align-items: center; position: relative; padding: 25px 30px 16px 23px; &::before { content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background: linear-gradient(0deg, #000 -38.57%, #6FC1A5 100%); opacity: 0; pointer-events: auto; transition: opacity 0.3s ease; } & .open-registration__info { max-width: 410px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; & .open-registration__date { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.42px; text-transform: lowercase; color: var(--dark-color); margin-bottom: 4px; } & .open-registration__text { font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; /* 125% */ letter-spacing: -0.48px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } } & .open-registration__btn { background: #101113; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; /* 133.333% */ letter-spacing: -0.54px; display: flex; justify-content: center; align-items: center; color: var(--light-color); padding: 9px 40px; height: 56px; transition: opacity 0.3s ease; } } &:hover { background-color: var(--light-color); box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.06); transition: opacity 0.3s ease; & .open-registrtion__inner { & .open-registration__btn { background: var(--accent-color); color: var(--light-color); transition: opacity 0.3s ease; } & .open-registration__info { opacity: 1; transition: opacity 0.3s ease; pointer-events: auto; } } &::before { opacity: 1; transition: opacity 0.3s ease; pointer-events: auto; } } } } /* End */ /* Start:/local/templates/main_redesign/css/lecture-detail.css?17641339819629*/ .page-acc__item { display: flex; /*gap: 20px;*/ /*justify-content: space-between;*/ /*pointer-events: none;*/ transition: all .3s ease-in; /*padding-top: 16px;*/ /*padding-right: 16px;*/ /*padding-bottom: 16px;*/ @media (max-width: 992px) { padding-right: 0; } & .page-acc__item-left { display: flex; flex-direction: column; width: 100%; position: relative; /*padding: 16px;*/ transition: all .3s ease-in; @media(max-width: 992px) { background-color: #F8F8FA; } &::before { content: ""; position: absolute; bottom: -40px; width: 100%; height: 1px; background-color: #A2A4AA; @media(max-width: 992px) { bottom: -24px; } } & .page-acc__head { display: flex; flex-direction: column; gap: 24px; cursor: pointer; transition: all .3s ease-in; & .page-acc__head-title { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; max-width: 89%; @media (max-width: 992px) { max-width: 81%; font-size: 18px; line-height: 25px; } } & .page-acc__head-spec__items { display: flex; gap: 40px; @media (max-width: 992px) { gap: 24px 40px; flex-wrap: wrap; } & .page-acc__head-spec__item { display: flex; flex-direction: column; gap: 4px; & .page-acc__head-spec__item-label { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } & .page-acc__head-spec__item-value { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } } } } & .page-acc__content { max-height: 0; overflow: hidden; transition: all .3s ease-in; /*transition: max-height 0.4s ease, opacity 0.3s ease;*/ opacity: 0; background-color: transparent; & .page-acc__content-container { padding-top: 16px; } & .page-acc__content-place__title { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-place__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } & .page-acc__content-image { margin-top: 24px; margin-bottom: 24px; height: 516px; width: 100%; @media (max-width: 992px) { height: 320px; } @media (max-width: 700px) { height: 219px; } & img { object-fit: cover; width: 100%; height: 100%; } } & .page-acc__content-description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } & .page-acc__content-moderator { padding-top: 24px; border-top: 1px solid #EBEBEB; margin-top: 24px; & .page-acc__content-moderator__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 8px; } & .page-acc__content-moderator__name { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-moderator__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: #A2A4AA; max-width: 327px; width: 100%; } } & .page-acc__content-speackers { padding-top: 24px; border-top: 1px solid #EBEBEB; margin-top: 24px; & .page-acc__content-speckers__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 8px; } & .page-acc__content-speackers__items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; & .page-acc__content-speackers__item { & .page-acc__content-speackers__item-name { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-speackers__item__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: #A2A4AA; } } } } & .page-acc__content__closed-registration { margin-top: 40px; padding: 16px 24px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 4px 12px 0 rgba(99, 99, 99, 0.07); & .page-acc__content__closed-registration_title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 20px; } } } & .page-acc__resgistration { margin-top: 40px; padding: 16px 24px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 2px 12px 0 rgba(99, 99, 99, 0.07); } } & .page-acc__bottom-wrap { padding-top: 24px; padding-left: 16px; @media (max-width: 700px) { padding-left: 0; } } & .page-acc-bottom { display: flex; align-items: center; gap: 8px; cursor: pointer; @media (Max-width: 700px) { justify-content: center; } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; } & svg { transition: all .3s ease-in; } } } & .page-acc__item-right { padding: 16px 16px 16px 4px; transition: all .3s ease-in; @media (max-width: 1200px) { display: none; padding: 0; } } & .page-acc__item-image { background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); max-width: 242px; width: 100%; height: 161px; padding: 12px; transition: all .3s ease-in; opacity: 0; position: relative; display: block; & .play-icon { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; } @media (max-width: 1200px) { display: none; } & img { object-fit: cover; width: 100%; height: 100%; } } &:hover { /*background-color: #F8F8FA;*/ transition: all .3s ease-in; & .page-acc__item-image { transition: all .3s ease-in; opacity: 1; } & .page-acc__item-left { background-color: transparent; /*padding-top: 16px;*/ /*padding-bottom: 16px;*/ transition: all .3s ease-in; } & .page-acc__item-right { transition: all .3s ease-in; background-color: #F8F8FA; } } &.open { /*background-color: #F8F8FA;*/ transition: all .3s ease-in; padding-top: 0; padding-bottom: 0; /*& .page-acc__item-image {*/ /* transition: all .3s ease-in;*/ /* opacity: 1;*/ /*}*/ & .page-acc__item-left { background-color: #F8F8FA; transition: all .3s ease-in; } & .page-acc__head { transition: all .3s ease-in; margin-bottom: 24px; } & .page-acc__bottom-wrap { width: 100%; background-color: #F8F8FA; & .page-acc-bottom { & svg { transform: rotate(180deg); } } } & .page-acc__content { opacity: 1; padding-top: 16px; /*padding-bottom: 16px;*/ transition: all .3s ease-in; } } &.archieve { & .page-acc__item-left { position: relative; &::after { content: "В архиве"; position: absolute; top: 16px; right: 16px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; color: #A2A4AA; text-transform: none; @media (max-width: 9920px) { font-size: 13px; } } } } } /* End */ /* Start:/local/templates/main_redesign/css/splide.min.css?17641339815002*/ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* End */ /* Start:/local/templates/main_redesign/css/homepage.css?176430732220571*/ .mainscreen { & .ms-slider { height: 85dvh; position: relative; & .splide__track { height: 100%; } & .splide__slide { position: relative; cursor: pointer; & .gradient-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } & .ms-lider__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; & img { object-fit: cover; width: 100%; height: 100%; } } & .ms-slider__content { width: 100%; position: absolute; z-index: 2; left: calc((100% - 1380px) / 2); bottom: 112px; @media (max-width: 1370px) { left: 24px; } @media (max-width: 992px) { bottom: 48px; } @media (max-width: 700px) { bottom: 16px; } & .ms-slider__title { font-size: 56px; font-style: normal; font-weight: 500; line-height: 58px; letter-spacing: -3.36px; color: var(--light-color); padding-left: 32px; margin-bottom: 10px; max-width: 561px; @media (max-width: 1150px) { padding-left: 0; } @media (max-width: 700px) { font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px; /* 105.556% */ letter-spacing: -2.16px; max-width: 90%; } } & .ms-slider__description { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; max-width: 618px; /* 150% */ letter-spacing: -0.32px; color: var(--light-color); padding-left: 32px; @media (max-width: 1150px) { padding-left: 0; } @media (max-width: 700px) { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; max-width: 90%; } } } } & .splide__pagination { bottom: initial; top: 0; padding-left: 30px; padding-right: 30px; gap: 24px; flex-wrap: nowrap; @media(max-width: 992px) { gap: 8px; padding-left: 24px; padding-right: 24px; } @media(max-width: 700px) { padding-left: 12px; padding-right: 12px; } & li { width: 100%; cursor: pointer; height: 40px; display: flex; align-items: center; } & .splide__pagination__page { width: 100%; opacity: 1; height: 2px; border-radius: 2px; } & .splide__pagination__page.is-active { color: var(--light-color); transform: scale(1); } } & .ms-slider__arrows { & .ms-slider__arrow { cursor: pointer; transition: opacity 0.25s ease, transform 0.25s ease; @media (max-width: 992px) { display: none; } } & .ms-slider__arrow-next { position: absolute; top: 50%; transform: translateY(-50%); right: 26px; z-index: 2; } & .ms-slider__arrow-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 26px; z-index: 2; /*& svg {*/ /* transform: rotate(180deg);*/ /*}*/ } } } } .section.mainscreen { margin-bottom: 56px; } .ms-description { & .ms-description__inner { padding-left: 120px; @media(max-width: 992px) { padding-left: 0; } & p { font-size: 28px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: -0.56px; display: block; margin-bottom: 40px; max-width: 1146px; width: 100%; @media (max-width: 700px) { font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; /* 127.273% */ letter-spacing: -0.44px; margin-bottom: 24px; } } } } .video { & .video-inner { height: 550px; width: 100%; & a { width: 100%; height: 100%; display: block; } @media (max-width: 992px) { height: 293px; } @media (max-width: 700px) { height: 143px; } .front-gallery { position: relative; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; &:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); } &:before { content: ""; display: block; width: 185px; height: 185px; position: absolute; top: 50%; left: 50%; margin-top: -92.5px; margin-left: -92.5px; background: url(/local/templates/main_redesign/css/../img/zoom-ico.svg) no-repeat center; background-size: contain; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; will-change: transform; z-index: 1; @media(max-width: 1150px) { left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); width: 70px; height: 70px; } } &:hover { &:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } } & video { object-fit: cover; width: 100%; height: 100%; } } } .events { & .events-inner { & .events-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 24px; } & .events-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @media (max-width: 1250px) { grid-template-columns: repeat(2 ,1fr); } @media (max-width: 700px) { grid-template-columns: repeat(1 ,1fr); } & .events-item { display: flex; flex-direction: column; gap: 16px; position: relative; @media (max-width: 1250px) { } /*@media (max-width: 1024px) {*/ /* max-width: 324px;*/ /* min-width: 324px;*/ /*}*/ &:nth-child(4n + 1) { grid-column-end: span 3; flex-direction: row; align-items: flex-end; gap: 24px; @media (max-width: 1250px) { width: 100%; grid-column-end: span 1; } @media (max-width: 1024px) { max-width: 100%; flex-direction: column; gap: 16px; } & .events-item__image { height: 570px; @media (max-width: 1024px) { height: 203px; } } & .events-item__body { max-width: 444px; width: 100%; @media (max-width: 1024px) { max-width: 100%; } & .events-item__spec { margin-bottom: 16px; } & .events-item__name { font-size: 27px; font-style: normal; font-weight: 500; line-height: 40px; letter-spacing: -1.02px; height: initial; transition: all .3s ease-in; @media(max-width: 1024px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; letter-spacing: -0.6px; text-transform: uppercase; height: 93px; } } } } & .events-item__image { width: 100%; height: 278px; position: relative; @media (max-width: 1024px) { height: 203px; } & .events-item__hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .3s ease-in; } & img { object-fit: cover; width: 100%; height: 100%; } } & .events-item__body { & .events-item__spec { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; & .events-item__spec-cat { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; color: var(--accent-color); letter-spacing: 0.54px; @media (max-width: 1415px) { font-size: 16px; } @media (max-width: 1300px) { font-size: 15px; } } & .events-item__spec-date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; @media (max-width: 1415px) { font-size: 16px; } @media (max-width: 1300px) { font-size: 15px; } } } & .events-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; letter-spacing: -0.6px; text-transform: uppercase; height: 93px; } & .events-item__description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; line-clamp: 8; box-orient: vertical; @media(max-width: 992px) { display: none; } } } &:hover { & .events-item__image { & .events-item__hover { opacity: 1; transition: all .3s ease-in; z-index: 2; } } & .events-item__body { & .events-item__name { text-decoration: underline; transition: all .3s ease-in; } } } } & .events-items__scroll { width: 100%; overflow: auto; padding-bottom: 10px; display: flex; justify-content: flex-start; gap: 40px; & .events-item { &:first-child { flex-direction: column; height: initial; align-items: initial; gap: 16px; & .events-item__image { height: 270px; @media (max-width: 1024px) { height: 203px; } } & .events-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; letter-spacing: -0.6px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; height: 93px; } & events-item__spec-cat { font-size: 15px; } & .events-item__spec-date { font-size: 15px; } } } } } & .accent-btn__light-nobg { @media(max-width: 700px) { margin-left: auto; margin-right: auto; display: flex; align-items: center; margin-top: 40px; } } } } .single-paralax__banner { height: 560px; position: relative; display: flex; align-items: center; justify-content: center; & .single-paralax__banner-asset { width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: brightness(0.6); & img { object-fit: cover; width: 100%; height: 100%; } & video { object-fit: cover; width: 100%; height: 100%; } } & .single-paralax__banner-info { position: relative; z-index: 2; max-width: 912px; display: flex; flex-direction: column; align-items: center; @media(max-width: 992px) { padding-left: 12px; padding-right: 12px; } & .single-paralax__banner-info__date { color: var(--light-color); font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.54px; text-transform: lowercase; text-align: center; margin-bottom: 16px; } & .single-paralax__banner-info__title { color: var(--light-color); text-align: center; font-size: 34px; font-style: normal; font-weight: 500; line-height: 40px; letter-spacing: -1.02px; text-transform: uppercase; margin-bottom: 16px; @media(max-width: 700px) { font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.72px; text-transform: uppercase; } } & .single-paralax__banner-info__description { color: var(--light-color); font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; margin-bottom: 48px; text-align: center; @media(max-width: 700px) { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } } & .accent-btn__filled { margin-left: auto; margin-right: auto; } } } .lecture-hall { & .lecture-hall__inner { & .lecture-hall__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } & .accent-btn__light-nobg { @media(max-width: 700px) { margin-left: auto; margin-right: auto; display: flex; align-items: center; margin-top: 40px; } } & .lecture-hall__cats { display: flex; gap: 24px; margin-bottom: 32px; @media (max-width: 1024px) { gap: 16px; } & .lecture-hall_cat { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.6px; text-transform: uppercase; padding: 5px 8px; border: 1px solid transparent; @media (max-width: 1024px) { font-size: 19px; } } & .lecture-hall_cat.current { border: 1px solid var(--accent-color); color: var(--accent-color); } } } } .slider-paralax__banner { & .slider-paralax__banner-carousel { & .splide__slide { display: flex; align-items: center; justify-content: center; position: relative; height: 560px; @media(max-width: 700px) { height: 730px; } & .slider-paralax__banner-carousel__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: brightness(.6); & img { object-fit: cover; width: 100%; height: 100%; } } & .slider-paralax__banner-carousel__info { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; max-width: 912px; @media(max-width: 992px) { padding-left: 24px; padding-right: 24px; } @media(max-width: 700px) { padding-left: 12px; padding-right: 12px; } & .slider-paralax__banner-carousel__date { font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.54px; text-transform: lowercase; margin-bottom: 16px; color: var(--light-color); } & .slider-paralax__banner-carousel__title { font-style: normal; font-weight: 500; line-height: 40px; font-size: 34px; text-align: center; letter-spacing: -1.02px; text-transform: uppercase; color: var(--light-color); margin-bottom: 16px; @media(max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.84px; text-transform: uppercase; margin-bottom: 16px; } } & .slider-paralax__banner-carousel__description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; color: var(--light-color); letter-spacing: 0.54px; margin-bottom: 48px; text-align: center; @media(max-width: 700px) { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } } } } & .splide__pagination { bottom: initial; top: 0; padding-left: 30px; padding-right: 30px; gap: 24px; flex-wrap: nowrap; @media(max-width: 992px) { padding-left: 24px; padding-right: 24px; gap: 8px; } @media(max-width: 992px) { padding-left: 12px; padding-right: 12px; } & li { width: 100%; cursor: pointer; height: 40px; display: flex; align-items: center; } & .splide__pagination__page { width: 100%; opacity: 1; height: 2px; border-radius: 2px; } & .splide__pagination__page.is-active { color: var(--light-color); transform: scale(1); } } & .slider-paralax__banner-arrows { & .slider-paralax__banner-arrow { cursor: pointer; height: 56px; & svg { height: 56px; } @media(max-width: 992px) { display: none; } } & .slider-paralax__banner-arrow__prev { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 2; } & .slider-paralax__banner-arrow__next { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 2; } } } } .mediation { & .mediation-inner { & .mediation-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 32px; } & .accent-btn__light-nobg { @media(max-width: 700px) { display: flex; margin-left: auto; margin-right: auto; margin-top: 40px; } } } } /* End */ /* Start:/local/templates/main_redesign/css/about-fair.css?1764133981631*/ .fair { & .fair__banner { width: 100%; height: 440px; position: relative; @media(max-width: 992px) { height: 344px; } @media(max-width: 700px) { height: 236px; } & img { object-fit: cover; width: 100%; height: 100%; } } & .fair__info { & h1 { margin-bottom: 40px; text-align: center; @media(max-width:700px) { margin-bottom: 24px; } } & .fair__description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } } /* End */ /* Start:/local/templates/main_redesign/css/news.css?17643204686363*/ .news { & .news__banner { width: 100%; height: 440px; position: relative; @media (max-width: 992px) { height: 344px; } @media (max-width: 700px) { height: 236px; } & img { object-fit: cover; width: 100%; height: 100%; } } & h1 { margin-bottom: 24px; } & .news-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } & .news-devider { height: 1px; width: 100%; background-color: #EBEBEB; margin-top: 40px; margin-bottom: 40px; } & .news-wrapper { & .news-filters { margin-bottom: 40px; display: flex; margin-left: auto; max-width: 1120px; width: 100%; flex-direction: column; & .news-filters__Links { display: flex; gap: 16px; @media(max-width: 992px) { overflow: auto; } & .news-filters__link { padding: 5px 10px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.6px; text-transform: uppercase; border: 2px solid transparent; position: relative; @media(max-width: 992px) { white-space: nowrap; } & .text { position: relative; transition: color .3s ease-in; } &:hover { & .text { color: var(--accent-color); } } & .tooltip { position: absolute; left: 0; top: 100%; background-color: var(--light-color); /*border: 2px solid var(--accent-color);*/ box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.06); min-width: 303px; width: 100%; opacity: 0; font-size: 18px; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; z-index: 2; text-transform: lowercase; display: flex; gap: 16px; margin-bottom: 7px; /*transform: scale(0);*/ /*opacity: 1;*/ transform-origin: top left; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; & .content { padding-left: 0; padding: 8px; padding-left: 0; padding-top: 16px; padding-bottom: 12px; } & .txt { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.6px; text-transform: uppercase; color: var(--accent-color); padding: 4px 10px; } & .line { background: linear-gradient(0deg, #000 -38.57%, #6FC1A5 100%); width: 8px; min-width: 8px; height: auto; } } &:hover { & .tooltip { opacity: 1; transform: scale(1); } } &.active { color: var(--accent-color); border-color: var(--accent-color); & .text { color: var(--accent-color); } } } } & .tooltip-active__point { font-weight: 400; font-size: 18px; line-height: 27px; margin-top: 26px; color: var(--dark-color); } } & .news-row { display: flex; justify-content: space-between; gap: 40px; @media (max-width: 992px) { flex-direction: column; gap: 40px; } & .news-items__col { display: flex; flex-direction: column; } } } & .news-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @media (max-width: 1310px) { grid-template-columns: repeat(2, 1fr); } @media (max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .news-item { display: flex; flex-direction: column; & .news-item__image { height: 222px; width: 100%; position: relative; margin-bottom: 6px; @media (max-width: 1310px) { margin-bottom: 16px; height: initial; aspect-ratio: 1.6/1; } & .news-item__image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in; background: linear-gradient(105deg, rgba(111, 193, 165, 0.80) 10.24%, rgba(99, 172, 149, 0.80) 21.58%, rgba(86, 149, 133, 0.80) 33.29%, rgba(79, 136, 123, 0.80) 40.24%, rgba(65, 112, 105, 0.80) 53.04%, rgba(53, 91, 90, 0.80) 64.39%, rgba(49, 83, 84, 0.80) 68.41%, rgba(46, 77, 79, 0.80) 71.7%, rgba(30, 49, 59, 0.80) 86.34%); } & img { object-fit: cover; width: 100%; height: 100%; } } & .news-item__spec { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; & .news-item__spec-cat { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--accent-color); } & .news-item_spec-date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } & .news-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; } &:hover { & .news-item__name { text-decoration: underline; } & .news-item__image { & .news-item__image-layer { opacity: 1; } } } } } } /* End */ /* Start:/local/templates/main_redesign/css/news-detail.css?17643307074358*/ .news-detail { padding-top: 24px; & .back-to__news { display: flex; gap: 16px; align-items: center; margin-bottom: 28px; padding: 13px 10px; max-width: fit-content; color: var(--accent-color); &:hover { text-decoration: underline; } @media (max-width: 700px) { margin-bottom: 16px; } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; color: var(--accent-color); } } & .news-detail__inner { & h1 { margin-bottom: 40px; text-align: center; overflow-wrap: break-word; @media (max-width: 700px) { margin-bottom: 24px; } } & .news-detail__date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; margin-bottom: 40px; text-align: center; @media (max-width: 700px) { margin-bottom: 24px; } } & .news-detail__content { & p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } & img { margin-top: 40px; margin-bottom: 40px; width: 100%; /*height: 608px;*/ object-fit: cover; /*@media(max-width: 992px) {*/ /* height: 400px;*/ /*}*/ /*@media(max-width: 700px) {*/ /* height: 234px;*/ /*}*/ } } & .all-news__wrap { text-align: center; } } & .popular-news { margin-top: 64px; & .popular-news__title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; text-align: center; margin-bottom: 40px; } } & .news-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @media (max-width: 1310px) { grid-template-columns: repeat(2, 1fr); } @media (max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .news-item { display: flex; flex-direction: column; & .news-item__image { height: 222px; width: 100%; position: relative; margin-bottom: 6px; @media (max-width: 992px) { height: initial; margin-bottom: 16px; aspect-ratio: 1.6/1; } & .news-item__image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in; background: linear-gradient(105deg, rgba(111, 193, 165, 0.80) 10.24%, rgba(99, 172, 149, 0.80) 21.58%, rgba(86, 149, 133, 0.80) 33.29%, rgba(79, 136, 123, 0.80) 40.24%, rgba(65, 112, 105, 0.80) 53.04%, rgba(53, 91, 90, 0.80) 64.39%, rgba(49, 83, 84, 0.80) 68.41%, rgba(46, 77, 79, 0.80) 71.7%, rgba(30, 49, 59, 0.80) 86.34%); } & img { object-fit: cover; width: 100%; height: 100%; } } & .news-item__spec { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; & .news-item__spec-cat { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--accent-color); } & .news-item_spec-date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } & .news-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; } &:hover { & .news-item__name { text-decoration: underline; } & .news-item__image { & .news-item__image-layer { opacity: 1; } } } } } } .detail-container { max-width: 1146px!important; } /* End */ /* Start:/local/templates/main_redesign/css/photos.css?17641339814709*/ .photos { .photos-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; margin-top: 24px; } & .photos-wrapper { display: flex; gap: 25px; @media(max-width: 992px) { flex-direction: column; } & .photos-images__grid { margin-top: 40px; display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, 1fr); gap: 24px; @media(max-width: 1160px) { max-width: 70vw; } @media(max-width: 992px) { max-width: 100%; } @media(max-width: 700px) { gap: 13px; } & .photos-images__item { max-width: 100%; &:nth-child(15n + 1) { grid-column-end: span 6; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 12; grid-row-end: span 2; } } &:nth-child(15n + 2) { grid-column-end: span 3; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 2; } } &:nth-child(15n + 3) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; } } &:nth-child(15n + 4) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; } } &:nth-child(15n + 5) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; } } &:nth-child(15n + 6) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; } } &:nth-child(15n + 7) { grid-column-end: span 3; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 2; order: 8; } } &:nth-child(15n + 8) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; order: 9; } } &:nth-child(15n + 9) { grid-column-end: span 6; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 12; grid-row-end: span 2; order: 7; } } &:nth-child(15n + 10) { grid-column-end: span 3; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 2; order: 10; } } &:nth-child(15n + 11) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; order: 11; } } &:nth-child(15n + 12) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; order: 12; } } &:nth-child(15n + 13) { grid-column-end: span 3; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 6; grid-row-end: span 1; order: 13; } } &:nth-child(15n + 14) { grid-column-end: span 6; grid-row-end: span 2; @media(max-width: 1160px) { grid-column-end: span 12; grid-row-end: span 2; order: 15; } } &:nth-child(15n + 15) { grid-column-end: span 6; grid-row-end: span 1; @media(max-width: 1160px) { grid-column-end: span 12; grid-row-end: span 1; order: 14; } } & img { object-fit: cover; width: 100%; height: 100%; } } } } } .photos-devider { height: 1px; width: 100%; background-color: #EBEBEB; margin-top: 40px; margin-bottom: 40px; @media(max-width: 700px) { margin-bottom: 25px; } } /* End */ /* Start:/local/templates/main_redesign/css/search-page.css?17641339813928*/ /* Скрываем дефолтную кнопку очистки в Chrome, Safari */ .search-section__search { width: 100%; height: 56px; margin-top: 40px; margin-bottom: 40px; border: 1px solid var(--dark-color); position: relative; & input { padding-left: 48px; display: block; width: 100%; height: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; &::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } &::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } &::-moz-search-clear { display: none; } } & .search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } & .clear-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; cursor: pointer; } } .search-results { & .search-results__items { display: flex; flex-direction: column; gap: 32px; @media(max-width: 700px) { gap: 24px; } & .search-results__item { padding-bottom: 32px; border-bottom: 1px solid #EBEBEB; @media(max-width: 700px) { padding-bottom: 24px; } & .search-results__item-title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; margin-bottom: 8px; @media (max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; /* 140% */ letter-spacing: -0.8px; } & span { font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; /* 125% */ letter-spacing: -0.96px; @media (max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; /* 140% */ letter-spacing: -0.8px; } } } & .search-results__item-links { display: flex; align-items: center; gap: 5px; margin-bottom: 16px; & .search-results__item-link { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: var(--accent-color); & .search-results__item-link__devider { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } } } & .search-results__item-description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; @media(max-width:700px) { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; } } } } } /* End */ /* Start:/local/templates/main_redesign/css/team.css?17643204681295*/ .team-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; @media(max-width: 1100px) { grid-template-columns: repeat(2, 1fr); } @media(max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .team-item { & .team-item__photo { height: 272px; width: 100%; margin-bottom: 24px; filter: grayscale(1); transition: all .3s ease-in; @media(max-width: 1100px) { height: initial; aspect-ratio: 1.6 / 1; } & img { object-fit: cover; width: 100%; height: 100%; } } & .team-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; margin-bottom: 4px; transition: all .3s ease-in; } & .team-item__position { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } &:hover { & .team-item__name { color: var(--accent-color); transition: all .3s ease-in; } & .team-item__photo { transition: all .3s ease-in; filter: none; } } } } /* End */ /* Start:/local/templates/main_redesign/css/audio-guide.css?176430732228566*/ .moreLink { font-weight: 500; font-size: 16px; line-height: 1; color: #6BA596; /* пример для $c_accent */ cursor: pointer; padding: 6.5px 0; } .moreLink._open > span:first-child { display: none; } .moreLink._open > span:last-child { display: block; } .moreLink > span:last-child { display: none; } .keyHeading { font-size: 14px; line-height: 1.3; color: #686C7A; } .checkBox { width: 20px; height: 20px; } .checkBox input { display: none; } .checkBox input:checked ~ .checkBox__input::after { opacity: 1; } .checkBox__input { display: block; height: 100%; position: relative; border-radius: 50px; } .checkBox__input::before, .checkBox__input::after { content: ''; display: inline-block; border-radius: 100px; box-sizing: border-box; } .checkBox__input::before { width: 100%; height: 100%; border: 2px solid #ccc; } .checkBox__input::after { position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px); background: #6BA596; /* пример для $c_accent */ opacity: 0; } .promoExhibition__content { color: #000000; /* пример для var(--Black2) */ padding-top: 56px; } .promoExhibition__title { font-weight: 700; font-size: 42px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 8px; } @media screen and (min-width: 480px) { .promoExhibition__title { font-size: 64px; } } .promoExhibition__subtitle { font-family: 'Greenwich'; font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 16px; } @media screen and (min-width: 480px) { .promoExhibition__subtitle { font-size: 32px; max-width: 828px; } } .promoExhibition__dates { font-weight: 500; font-size: 18px; letter-spacing: -0.02em; color: #6BA596; /* пример для $c_accent */ } @media screen and (min-width: 480px) { .promoExhibition__dates { font-size: 24px; } } .promoExhibition__picture { padding-top: 24px; } @media screen and (min-width: 480px) { .promoExhibition__picture { max-width: 828px; width: 100%; } } @media screen and (max-width: 767.98px) { .promoExhibition__picture { width: 100vw; margin: 0 -15px; } } .aboutExhibition__container { } .aboutExhibition__content { } .aboutExhibition__title { } .aboutExhibition__txt._hide { max-height: 536px; overflow: hidden; } .aboutExhibition__txt > p:first-child { font-style: italic; } .aboutExhibition__txt > p:not(:last-child) { margin-bottom: 10px; } .programExhibition__container { } .programExhibition__content { @media screen and (min-width: 480px) { padding-bottom: 90px; } } .programExhibition__txt { } .programExhibition__main { display: grid; gap: 32px; max-width: 487px; padding-top: 32px; @media screen and (min-width: 480px) { gap: 30px; } @media screen and (min-width: 1024px) { max-width: none; grid-template-columns: repeat(2, 1fr); } } .programExhibitionItem__wrap { color: #000000; border: 1px solid; border-image-source: linear-gradient(180deg, #FBFBFB 0%, #DEE5ED 100%); background: #F9FAFA; border-radius: 16px; padding-bottom: 16px; } .programExhibitionItem__img { border-radius: 16px 16px 0 0; } .programExhibitionItem__img img { width: 100%; } .programExhibitionItem__title { font-weight: 500; font-size: 20px; line-height: 1.2; margin-bottom: 16px; } .programExhibitionItem__date { display: flex; gap: 24px; margin-bottom: 16px; } .programExhibitionItem__date > div { flex-grow: 0.5; } .programExhibitionItem__desc { margin-bottom: 16px; } .programExhibitionItem__main { padding: 16px; } .programExhibitionItem__toggled { } .programExhibitionItem__row:not(:last-child) { margin-bottom: 16px; } .programExhibitionItem__beforeForm { display: flex; } .programExhibitionItem__beforeForm > div { flex-grow: 0.5; } .programExhibitionItem__form { padding-top: 24px; } .programExhibitionItem__btn { display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; color: #6BA596; cursor: pointer; } .programExhibitionItem__btn > span:nth-child(2) { display: none; } .programExhibitionItem__btn._open > span:first-child { display: none; } .programExhibitionItem__btn._open > span:nth-child(2) { display: block; } .programExhibitionItem__btn._open > img { transform: rotateX(180deg); } .formExhibition input { background: #ffffff; margin: 0; } .formExhibition input::placeholder { color: #686C7A; } .formExhibition__title { line-height: 1.5; color: grey; text-transform: uppercase; margin-bottom: 16px; } .formExhibition__fields { display: grid; gap: 16px; margin-bottom: 24px; } .formExhibition__counter { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; } .formExhibition__counter > p { letter-spacing: 0.02em; } .formExhibition__counter input { max-width: 60px; height: 24px; margin: 0 8px; } .formExhibition__agree { display: grid; grid-template-columns: 20px 1fr; gap: 8px; margin-bottom: 24px; } .formExhibition__agree > p { font-weight: 500; font-size: 12px; line-height: 1; } .formExhibition__agree > p > a { color: #6BA596; text-decoration: underline; } .formExhibition__btn { width: 100%; height: 40px; font-weight: 500; font-size: 16px; border-radius: 24px; } .formExhibition__btn.disabled { cursor: not-allowed; } @media screen and (min-width: 480px) { .stickyExhibition { position: sticky; top: 80%; right: 15px; } } .promoExhibitionPanel { position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; box-shadow: 0px -4px 12px 0px #0000000D, 0px 0px 9px 0px #0000002E; transition: opacity 0.3s; z-index: 1; @media screen and (min-width: 768px) { border-radius: 23px; padding: 8px; position: static; } @media screen and (max-width: 767px) { border-radius: 24px 24px 0 0; padding: 16px 16px 24px; } &._hide { opacity: 0; pointer-events: none; } & .promoExhibitionPanel__btn { position: relative; width: 100%; height: 56px; font-weight: 500; font-size: 16px; background: linear-gradient(190.18deg, #6BA596 -81.62%, #7FCCB5 157.9%); border-radius: 68px; transition: none; & > span { &:not(:first-child) { width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 9px; } &:nth-child(2) { background: #83C4B2; @media screen and (max-width: 767px) { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 42px !important; height: 42px !important; border-radius: 24px !important; & > video { width: 24px !important; height: 24px !important; } } & > video { width: 28px; height: 28px; } } &:last-child { display: none !important; background: #6BA596; } } @media screen and (min-width: 768px) { border-radius: 15px; padding: 6px 6px 6px 22px; } @media screen and (any-hover: hover) { &:hover { background: #233549; & > span { &:nth-child(2) { display: none !important; } &:last-child { display: inline-flex !important; } } } } } } .modalContent.up { animation: moveDownToUp 0.3s forwards; } .modalContent.down { animation: moveUpToDown 0.3s forwards !important; } .modalContent.right { animation: moveRightToLeft 0.3s forwards; } .modalContent.left { animation: moveLeftToRight 0.3s forwards !important; } .modalExhibition .modal-fade { backdrop-filter: blur(5px); } .modalExhibition__content { position: absolute; bottom: 0; right: 0; width: 100%; height: 75vh; background: #ffffff; padding: 16px; @media screen and (min-width: 768px) { max-width: 668px; height: 100%; } @media screen and (min-width: 1024px) { max-width: 732px; } @media screen and (max-width: 767px) { border-radius: 24px 24px 0 0; } } .modalExhibition__close { position: relative; display: flex; justify-content: flex-end; &::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); display: inline-block; width: 48px; height: 6px; background: #686C7A; border-radius: 24px; } & > img { width: 20px; height: 20px; } } .modalExhibition__title { font-family: 'Greenwich'; font-weight: 700; font-size: 42px; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 8px; } .modalExhibition__subtitle { font-family: 'Greenwich'; font-weight: 700; font-size: 18px; line-height: 1.4; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 16px; } .modalExhibition__txt { font-size: 14px; margin-bottom: 24px; } .modalExhibition__agree { display: grid; grid-template-columns: 20px 1fr; gap: 10px; margin-bottom: 24px; } .modalExhibition__agree > p { font-size: 12px; line-height: 1; } .modalExhibition__agree > p > a { color: #6BA596; } .modalExhibition__btn { width: 100%; height: 40px; font-size: 16px; border-radius: 24px; } .modalExhibition__btn.disabled { cursor: not-allowed; } .playPauseBtn { cursor: pointer; } .modalAudio__mobileRight .playPauseBtn { & svg { & path { transition: fill 0.3s; } & circle { transition: stroke 0.3s; } } &:hover { & svg { & path { fill: var(--accent-color); } & circle { transition: stroke 0.3s; stroke: var(--accent-color); } } } } .playPauseBtn img, .playPauseBtn svg { width: 45px; height: 45px; pointer-events: none; } .playPauseBtn._pause img:first-child, .playPauseBtn._pause svg:first-child { display: none; } .playPauseBtn img, .playPauseBtn svg { width: 45px; height: 45px; pointer-events: none; } .playPauseBtn._play img:last-child, .playPauseBtn._play svg:last-child { display: none; } .modalAudio { @media screen and (min-width: 1024px) { /*max-width: 1200px;*/ margin: 0 auto; } &._collapse { transform: translateY(80%) !important; & .modalAudio__mobileRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .modalAudio__content { background: rgba(21, 22, 24, 0.49); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.14); backdrop-filter: blur(37px); &::before { content: none; } } .modalAudio__mobile { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 32px; } .modalAudio__mobileLeft { display: flex; align-items: center; gap: 8px; img { flex: 0 0 54px; width: 54px; height: 54px; } p { font-weight: 500; font-size: 14px; color: #ffffff; max-width: 222px; } } .modalAudio__picture, .modalAudio__controls, .modalAudio__title { display: none; } .modalAudio__main { background: none; } .modalAudio__time { margin-top: 8px; } } .modalAudio__content { position: absolute; bottom: 0; right: 0; width: 100%; height: 97%; display: grid; gap: 16px; /*border-radius: 26px 26px 0 0;*/ background: #F8F8FA; padding: 16px; overflow-y: auto; transition: transform 0.3s; &::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 16px; width: 48px; height: 6px; background: #686C7A; border-radius: 24px; } } .modalAudio__picture { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 22px; @media(max-width: 768px) { width: 100%; height: 343px; & img { object-fit: contain; width: 100%; height: 100%; } } } .modalAudio__img { height: 343px; border-radius: 8px; position: relative; } .modalAudio__blur { position: absolute; inset: 0; height: 100%; filter: blur(10px); opacity: 0.7; } .modalAudio__main { background: #FFF; box-shadow: 0 2px 12px 0 rgba(99, 99, 99, 0.07); @media(max-width: 768px) { padding-top: 16px; padding-bottom: 16px; } @media screen and (min-width: 1024px) { width: 100%; margin: 0 auto; } } .modalAudio__title { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; color: var(--dark-color); @media(max-width: 768px) { padding-top: 16px; } } .modalAudio__progress { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 8px; accent-color: #6BA596; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 1; display: flex; justify-content: flex-start; align-items: center; } .modalAudio__progress::-webkit-slider-runnable-track { -webkit-appearance: none; border-radius: 8px; background: transparent; color: transparent; height: 100%; } .modalAudio__progress::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50px; bottom: 4px; background: #6BA596; } .modalAudio__progress::-moz-range-progress { background-color: #6BA596; } .modalAudio__controls { position: relative; display: flex; justify-content: center; gap: 24px; img { cursor: pointer; } } .modalAudio__time { display: flex; justify-content: space-between; font-size: 12px; color: #ffffff; letter-spacing: -0.02em; margin-top: 4px; } .modalAudio__btn { cursor: pointer; img { pointer-events: none; } &._pause img:first-child { display: none; } &._play img:last-child { display: none; } &._pause svg:first-child { display: none; } &._play svg:last-child { display: none; } } .modalAudio__btn { & svg { & path { transition: fill 0.3s; } } &:hover { & svg { & path { fill: var(--accent-color); @media(max-width: 992px) { fill: initial; } } } } } .modalAudio__speed { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #CCCCCE; } .modalAudio__desc { font-size: 14px; color: var(--dark-color); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; background: #FFF; box-shadow: 0 2px 12px 0 rgba(99, 99, 99, 0.07); padding: 16px 24px; } .modalAudio__footer { display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; color: #6BA596; text-align: center; cursor: pointer; padding: 16px; } .modalAudio__mobile { display: none; } .audioGuide__back { position: absolute; left: 15px; top: 24px; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: #000; padding: 6.5px 0; } } .audioGuideMain { /*background: #37393F;*/ border-radius: 26px 26px 0 0; margin-top: 40px; @media screen and (min-width: 1024px) { } .audioGuideMain__content { @media screen and (min-width: 1024px) { /*max-width: 960px;*/ margin: 0 auto; } } .audioRow { cursor: pointer; &:first-child { padding-top: 0; } &:not(:last-child) { border-bottom: 1px solid #A2A4AA; } .audioRow__btn { & svg { & path { transition: fill 0.3s; } & circle { transition: stroke 0.3s; } } &:hover { & svg { & path { fill: var(--dark-color); transition: fill 0.3s; } & circle { stroke: var(--dark-color); transition: stroke 0.3s; } } } } &._active { .audioRow__btn { & svg { & path { transition: fill 0.3s; } & circle { transition: stroke 0.3s; } } img:first-child { display: none; } img:last-child { display: block; } &:hover { & svg { & path { fill: var(--dark-color); transition: fill 0.3s; } & circle { stroke: var(--dark-color); transition: stroke 0.3s; } } } } .audioRow__lines { display: block; width: 24px; height: 24px; & svg { & path { fill: var(--accent-color); } } } @media screen and (min-width: 769px) { .audioRow__desktop { display: flex; align-items: flex-start; gap: 24px; margin-top: 24px; } .audioRow__desktopImg img { width: 285px; height: 285px; } .audioRow__desktopDesc { color: var(--dark-color); border: 1px solid #EDEDED; background: #F8F8FA; box-shadow: 0 4px 12px 0 rgba(99, 99, 99, 0.07); padding: 16px 24px; } & p { font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ letter-spacing: -0.42px; text-transform: uppercase; } .audioRow__desktopDesc > p:not(:last-child) { margin-bottom: 10px; line-height: 1.5; } } } .audioRow__content { padding: 24px 0; } .audioRow__wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .audioRow__desktop { display: none; @media screen and (max-width: 1024px) { display: none; } } .audioRow__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .audioRow__head img { flex: 0 0 54px; width: 54px; height: 54px; } .audioRow__title { color: var(--dark-color); text-transform: uppercase; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ letter-spacing: -0.42px; text-transform: uppercase; } .audioRow__duration { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; color: #A2A4AA; } .audioRow__right { display: flex; align-items: center; gap: 24px; } .audioRow__lines { display: none; } .audioRow__btn img:last-child { display: none; } } } .progress { position: relative; height: 4px; background-color: #F1F8FC; margin-top: 16px; border-radius: 8px; } .progress-bar { position: relative; width: 0; height: 100%; background-color: #6BA596; /* пример для $c_accent */ border-radius: 8px; } #volume-control { display: none !important; } /* ---- audioLines (flattened, production-ready) ---- */ .audioLines svg { width: 30px; height: 30px; } .audioLines svg path { fill: #ffffff; } /* линии с задержками */ .audioLines svg #Line_1 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .audioLines svg #Line_2 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.30s; -webkit-animation-delay: 0.30s; } .audioLines svg #Line_3 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .audioLines svg #Line_4 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.60s; -webkit-animation-delay: 0.60s; } .audioLines svg #Line_5 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.75s; -webkit-animation-delay: 0.75s; } .audioLines svg #Line_6 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.90s; -webkit-animation-delay: 0.90s; } .audioLines svg #Line_7 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.05s; -webkit-animation-delay: 1.05s; } .audioLines svg #Line_8 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.20s; -webkit-animation-delay: 1.20s; } .audioLines svg #Line_9 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.35s; -webkit-animation-delay: 1.35s; } /* keyframes must be top-level */ @keyframes pulseAudioLines { 0% { transform: scaleY(1); transform-origin: 50% 50%; } 50% { transform: scaleY(.7); transform-origin: 50% 50%; } 100% { transform: scaleY(1); transform-origin: 50% 50%; } } @-webkit-keyframes pulseAudioLines { 0% { -webkit-transform: scaleY(1); -webkit-transform-origin: 50% 50%; } 50% { -webkit-transform: scaleY(.7); -webkit-transform-origin: 50% 50%; } 100% { -webkit-transform: scaleY(1); -webkit-transform-origin: 50% 50%; } } /* pause state (important чтобы перекрыть анимацию) */ .audioLines._pause path { animation: none !important; -webkit-animation: none !important; } .audioSpeed { cursor: pointer; & svg { & path { transition: fill .3s ease; } } &:hover { & svg { & path { fill: var(--accent-color); @media(max-width: 992px) { fill: initial; } } } } } .audioSpeed img { pointer-events: none; } .audioSpeed svg { pointer-events: none; } .audioSpeed._1 img:not(:first-child) { display: none; } .audioSpeed._1-5 img:not(:nth-child(2)) { display: none; } .audioSpeed._2 img:not(:last-child) { display: none; } .audioSpeed._1 svg:not(:first-child) { display: none; } .audioSpeed._1-5 svg:not(:nth-child(2)) { display: none; } .audioSpeed._2 svg:not(:last-child) { display: none; } .audioGuide__back { display: flex; align-items: center; gap: 8px; padding: 13px 10px; position: relative; z-index: 2; color: var(--accent-color); & svg { & path { fill: var(--accent-color); } } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; color: var(--accent-color); } &:hover { text-decoration-color: var(--accent-color); text-decoration: underline; } } .audioGuide__picture { max-width: 604px; min-width: 604px; width: 100%; height: 604px; position: relative; @media(max-width: 992px) { transform: translate(-7rem, 1rem); } @media(max-width: 1200px) { max-width: 452px; min-width: 452px; width: 100%; height: 452px; } & .audioGuide__picture-first_r { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(55.64% 55.64% at 50% 50%, rgba(31, 174, 125, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%); position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); & .audioGuide__picture-second_r { max-width: 510px; max-height: 510px; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(129deg, rgba(165, 222, 202, 0.92) 12.55%, rgba(76, 148, 135, 0.92) 89.24%); box-shadow: 0 2px 17px 0 rgba(154, 203, 185, 0.50); position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); z-index: 2; @media(max-width: 1200px) { max-width: 358px; min-width: 358px; width: 100%; height: 358px; } & .audioGuide__picture-third_r { max-width: 414px; max-height: 414px; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); box-shadow: 0 2px 17px 0 rgba(154, 203, 185, 0.50); position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); z-index: 3; @media(max-width: 1200px) { max-width: 264px; min-width: 264px; width: 100%; height: 264px; } & .audioGuide__picture-image { position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; transform: translateY(-50%); max-width: 317px; width: 100%; max-height: 317px; height: 100%; z-index: 4; border-radius: 50%; overflow: hidden; @media(max-width: 1200px) { max-width: 170px; min-width: 170px; width: 100%; height: 170px; } & img { object-fit: cover; width: 100%; height: 100%; } } } } } } .audioGuide__content { margin-top: 16px; display: flex; gap: 24px; align-items: center; @media(max-width:992px) { flex-direction: column; align-items: flex-start; gap: 0; margin-top: -50px; } & .audioGuide__info { max-width: 772px; position: relative; z-index: 2; & .audioGuide__title { font-size: 46px; font-style: normal; font-weight: 500; line-height: 52px; /* 113.043% */ letter-spacing: -2.76px; margin-bottom: 16px; @media(max-width: 700px) { font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px; /* 105.556% */ letter-spacing: -2.16px; } } & .audioGuide__subtitle { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; max-width: 562px; @media(max-width: 992px) { max-width: 100%; } @media(max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.8px; } } & .audioGuide__txt { & p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; &:not(:last-child) { margin-bottom: 15px; } } } } } .audioRow__duration-wrap { display: flex; align-items: center; gap: 5px; & span { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; color: #A2A4AA; } } @media screen and (max-width: 767.98px) { .modalAudio .modalAudio__mobileRight .modalAudio__btn { display: none; } } @media screen and (max-width: 767.98px) { .modalAudio .modalAudio__mobileRight .modalAudio__btn { display: none; } } /* End */ /* Start:/local/templates/main_redesign/css/accreditation.css?1764133981923*/ .accreditation{ & h1 { margin-bottom: 40px; } & .accreditation-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; max-width: 913px; } & .accreditation-form { max-width: 678px; margin-top: 40px; & .custom-checkbox { margin-top: 24px; margin-bottom: 24px; } } .accreditation-success { & .accreditation-success__text { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--dark-color); margin-bottom: 40px; } & .accreditation-success__message { font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; /* 133.333% */ letter-spacing: -0.54px; color: var(--accent-color); margin-bottom: 24px; } } } /* End */ /* Start:/local/templates/main_redesign/css/partners.css?17641339812632*/ .partners-inner { & h1 { margin-bottom: 24px; } & .partners-inner__description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; max-width: 948px; } & .partners-items__wrap { margin-top: 56px; display: flex; justify-content: space-between; gap: 50px; @media (max-width: 992px) { flex-direction: column; gap: 40px; } & .partners-col { max-width: 1025px; width: 100%; & .partners-items { display: flex; flex-wrap: wrap; gap: 56px 90px; @media (max-width: 992px) { border-top: 2px solid #EBEBEB; } @media (max-width: 700px) { border-top: 2px solid #EBEBEB; gap: 0px 64px; } & .partners-item { display: flex; flex-direction: column; width: 100%; padding-top: 56px; border-top: 2px solid #EBEBEB; @media (max-width: 992px) { padding-top: 40px; } & .partners-item__title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 27px; @media (max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; /* 140% */ letter-spacing: -0.8px; } } & .partners-item__list { & .partners-item__list-item { width: 100%; gap: 35px 58px; display: flex; flex-wrap: wrap; align-items: center; @media (max-width: 700px) { gap: 24px 32px; } & .partners-item__list-item__logo { display: flex; align-items: center; max-width: 300px; height: 117px; transition: all .3s ease-in; &:hover { transform: scale(1.05); transition: all .3s ease-in; } & img { object-fit: contain; width: 100%; height: 100%; max-height: fit-content; } } } } } & .partners-item.width-auto { width: auto; border: none; padding-top: 0; } } } } } /* End */ /* Start:/local/templates/main_redesign/css/projects.css?1764133981628*/ .projects { & h1 { margin-bottom: 40px; } & .projects-wrapper { display: flex; gap: 40px; @media(max-width: 992px) { flex-direction: column; } & .posts-items { grid-template-columns: repeat(3, 1fr); gap: 40px; @media(max-width: 1360px) { overflow: initial; grid-template-columns: repeat(2, 1fr); } @media(max-width: 800px) { overflow: initial; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media(max-width: 700px) { grid-template-columns: repeat(1, 1fr); gap: 40px; } } } } /* End */ /* Start:/local/templates/main_redesign/css/detail-project.css?176432046813139*/ .detail-project { & .back-to__projects { display: flex; gap: 16px; align-items: center; margin-bottom: 28px; padding: 13px 10px; max-width: fit-content; margin-top: 24px; &:hover { text-decoration: underline; text-decoration-color: var(--accent-color); } @media (max-width: 700px) { margin-bottom: 16px; margin-left: auto; margin-right: auto; margin-top: 16px; } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; color: var(--accent-color); } } & .detail-project__partners-items { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 64px; @media (max-width: 768px) { margin-bottom: 40px; } & .detail-project__partners-item { height: 117px; max-width: 300px; display: flex; align-items: center; & img { object-fit: contain; width: 100%; height: 100%; max-height: fit-content; } } } & .detail-project__title { text-align: center; margin-bottom: 24px; @media (max-width: 700px) { margin-bottom: 16px; } & h1 { @media (max-width: 700px) { font-size: 36px; } } } & .detail-project__subtitle { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 40px; text-align: center; @media (max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; margin-bottom: 32px; } } & .detail-project__date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; text-align: center; } & .detail-project__image { height: 516px; width: 100%; margin-top: 40px; margin-bottom: 40px; @media (max-width: 992px) { height: 350px; } @media (max-width: 700px) { margin-top: 32px; margin-bottom: 32px; height: 200px; } & img { object-fit: cover; width: 100%; height: 100%; } } & .detail-project__title-about { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; } } & .detail-project__description { & p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } & .detail-project__participants { margin-top: 40px; & .detail-project__participants-title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; } } & .participants-items { gap: 24px; @media (max-width: 700px) { padding-left: 32px; padding-right: 32px; gap: 40px; & .participants-item { & .participants-item__name { height: initial; } } } & .participants-item__image { height: 180px; @media(max-width: 1310px) { height: initial; aspect-ratio: 1.55 / 1; } } } } & .detail-project__participants-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; margin-top: 40px; & span { color: var(--accent-color); } } & .page-acc__resgistration { margin-top: 40px; max-width: 662px; } & .detail-project_buy-btn { max-width: 318px; width: 100%; justify-content: center; margin-top: 64px; background-color: var(--accent-color); @media (max-width: 700px) { margin-top: 56px; } & span { color: var(--light-color); } & svg { & path { fill: var(--light-color); } } &:hover { background-color: var(--dark-color); & span { color: var(--light-color); } & svg { & path { fill: var(--light-color); } } } } & .detail-project__program { margin-top: 64px; @media (max-width: 700px) { margin-top: 56px; } & .detail-project__program-title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 40px; @media (max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; margin-bottom: 24px; } } & .detail-project__program-text { & p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } } & .page-filter { margin-top: 40px; } & .detail-projects__acc { padding-left: calc((100% - 910px) / 2); padding-right: calc((100% - 1380px) / 2); } & .page-acc__items { margin-top: 40px; & .page-acc__item { & .page-acc__item-left { & .page-acc__head { & .page-acc__head-spec__items { & .page-acc__head-spec__item { &:last-child { max-width: 180px; @media (max-width: 700px) { max-width: 100%; } } } } } } &:hover { & .page-acc__item-left { & .page-acc__head { & .page-acc__head-title { text-decoration: underline; } & .page-acc__head-spec__items { & .page-acc__head-spec__item { &:last-child { max-width: 180px; } } } } } } } } & .detail-project__partners-container { margin-top: 80px; & .detail-project__partners-wrap { margin-bottom: 65px; @media (max-width: 700px) { margin-bottom: 45px; } & .detail-project__partners-items { justify-content: initial; gap: 24px; } & .detail-project__partners-title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; /* 114.286% */ letter-spacing: -1.12px; } } } } } .audio-guide__trigger { position: fixed; right: 30px; bottom: 60px; z-index: 5; background: #101113; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); padding: 8px 13px 10px 24px; display: flex; gap: 14px; align-items: center; height: 56px; transition: all .3s ease-in-out; & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; /* 133.333% */ letter-spacing: -0.54px; color: var(--light-color); } &:hover { background: var(--accent-color); } } .audio-guide__trigger svg { width: 30px; height: 30px; } .audio-guide__trigger svg path { fill: #ffffff; } /* линии с задержками */ .audio-guide__trigger svg #Line_1 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .audio-guide__trigger svg #Line_2 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.30s; -webkit-animation-delay: 0.30s; } .audio-guide__trigger svg #Line_3 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .audio-guide__trigger svg #Line_4 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.60s; -webkit-animation-delay: 0.60s; } .audio-guide__trigger svg #Line_5 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.75s; -webkit-animation-delay: 0.75s; } .audio-guide__trigger svg #Line_6 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 0.90s; -webkit-animation-delay: 0.90s; } .audio-guide__trigger svg #Line_7 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.05s; -webkit-animation-delay: 1.05s; } .audio-guide__trigger svg #Line_8 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.20s; -webkit-animation-delay: 1.20s; } .audio-guide__trigger svg #Line_9 { animation: pulseAudioLines 0.6s infinite; -webkit-animation: pulseAudioLines 0.6s infinite; animation-delay: 1.35s; -webkit-animation-delay: 1.35s; } /* keyframes must be top-level */ @keyframes pulseAudioLines { 0% { transform: scaleY(1); transform-origin: 50% 50%; } 50% { transform: scaleY(.7); transform-origin: 50% 50%; } 100% { transform: scaleY(1); transform-origin: 50% 50%; } } @-webkit-keyframes pulseAudioLines { 0% { -webkit-transform: scaleY(1); -webkit-transform-origin: 50% 50%; } 50% { -webkit-transform: scaleY(.7); -webkit-transform-origin: 50% 50%; } 100% { -webkit-transform: scaleY(1); -webkit-transform-origin: 50% 50%; } } .audio-guide__modal { position: fixed; right: 0; top: 0; background-color: var(--light-color); width: 50%; height: 100vh; z-index: 16; right: -110%; opacity: 0; transition: all .3s ease; @media(max-width: 992px) { width: 90%; } @media(max-width: 700px) { right: 0; bottom: -110%; height: 80svh; top: initial; width: 100%; } & .audio-guide__modal-inner { position: relative; display: flex; align-items: center; padding-left: 83px; width: 100%; height: 100%; @media(max-width: 700px) { padding-left: 16px; padding-right: 16px; align-items: flex-start; padding-top: 64px; } .close-guide__modal { position: absolute; right: 56px; top: 46px; @media(max-width: 700px) { right: 18px; top: 18px; } } & .audio-guide__modal-content { display: flex; flex-direction: column; & .audio-guide__modal-title { font-size: 46px; font-style: normal; font-weight: 500; line-height: 52px; /* 113.043% */ letter-spacing: -2.76px; margin-bottom: 16px; @media(max-width: 700px) { font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px; /* 105.556% */ letter-spacing: -2.16px; } } & .audio-guide__modal-subtitle { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; max-width: 562px; @media(max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.8px; } } & .audio-guide__modal-descr { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 40px; } & .audio-guide__modal-form { max-width: 401px; @media(max-width: 700px) { max-width: 100%; } & .input-wrap { margin-bottom: 24px; } & .custom-checkbox { margin-bottom: 24px; } & button { max-width: 100%; justify-content: center; width: 100%; } & button.disabled { opacity: 0.5; pointer-events: none; } } } } } .audio-guide__modal.active { right: 0; opacity: 1; transition: all .3s ease; @media(max-width: 700px) { right: 0; bottom: 0; } } /* End */ /* Start:/local/templates/main_redesign/css/contacts.css?17641339812356*/ .contacts { & h1 { margin-bottom: 40px; @media(max-width: 700px) { margin-bottom: 24px; } } & .gradient-contacts { padding-top: 32px; padding-bottom: 32px; background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%), #000; @media(max-width: 992px) { padding-top: 24px; padding-bottom: 24px; } & .gradient-contacts__items { display: flex; gap: 80px; @media(max-width: 992px) { flex-direction: column; gap: 32px; } & .gradient-contacts__item { display: flex; flex-direction: column; gap: 4px; position: relative; &:not(:last-child) { &::before { content: ""; position: absolute; width: 1px; height: 100%; right: -40px; top: 0; background-color: var(--light-color); @media(max-width: 992px) { width: 100%; height: 1px; top: initial; right: initial; bottom: -16px; } } } & .gradient-contacts__item-label { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--light-color); } & .gradient-contacts__item-link { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; color: var(--light-color); &:hover { text-decoration: none; } } } } } & .contacts-form { margin-top: 40px; max-width: 678px; & .contacts-form__title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; } & .accent-btn__light-nobg { margin-top: 12px; max-width: 318px; width: 100%; justify-content: center; } } } /* End */ /* Start:/local/templates/main_redesign/css/404.css?17641339811397*/ .not-found { & .not-found__inner { display: flex; flex-direction: column; align-items: center; /*@media(max-width: 992px) {*/ /* flex-direction: column-reverse;*/ /* gap: 40px;*/ /* align-items: flex-start;*/ /*}*/ @media(max-width: 700px) { align-items: flex-start; } & .not-found__row { display: flex; align-items: center; gap: 24px; margin-bottom: 46px; @media(max-width: 700px) { flex-direction: column; align-items: flex-start; } & .not-found__num { max-width: fit-content; width: 100%; height: 103px; @media(max-width: 992px) { text-align: right; max-width: fit-content; /*height: 208px;*/ } & img { object-fit: contain; width: 100%; height: 100%; object-position: bottom; max-width: fit-content; } } & .not-found__title { font-size: 56px; font-style: normal; font-weight: 500; line-height: 58px; /* 103.571% */ letter-spacing: -3.36px; max-width: 338px; @media(max-width: 992px) { font-size: 40px; font-style: normal; font-weight: 500; line-height: 48px; /* 120% */ letter-spacing: -2.4px; } } } } } /* End */ /* Start:/local/templates/main_redesign/css/press-about.css?17643204683402*/ .press-about { & h1 { margin-bottom: 40px; } & .press-about__inner { display: flex; gap: 40px; @media (max-width: 992px) { flex-direction: column; } & .press-about__items-wrap { display: flex; flex-direction: column; align-items: center; & .accent-btn__light { margin-left: auto; margin-right: auto; margin-top: 58px; } } & .press-about__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @media(max-width: 1100px) { grid-template-columns: repeat(2, 1fr); } @media(max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .press-about__item { display: flex; flex-direction: column; & .press-about__item-image { height: 201px; width: 100%; position: relative; margin-bottom: 8px; @media(max-width:1100px ) { height: initial; aspect-ratio: 1.77/1; } & img { object-fit: cover; width: 100%; height: 100%; } & .press-about__item-layer { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; background: linear-gradient(105deg, rgba(111, 193, 165, 0.80) 10.24%, rgba(99, 172, 149, 0.80) 21.58%, rgba(86, 149, 133, 0.80) 33.29%, rgba(79, 136, 123, 0.80) 40.24%, rgba(65, 112, 105, 0.80) 53.04%, rgba(53, 91, 90, 0.80) 64.39%, rgba(49, 83, 84, 0.80) 68.41%, rgba(46, 77, 79, 0.80) 71.7%, rgba(30, 49, 59, 0.80) 86.34%), 50% / cover no-repeat; opacity: 0; } } & .press-about__item-date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; margin-bottom: 6px; } & .press-about__item-name { font-size: 18px; font-style: normal; font-weight: 600; line-height: 31px; /* 172.222% */ letter-spacing: 0.54px; text-transform: uppercase; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-clamp: 1; box-orient: vertical; } & .press-about__item-description { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; height: 129px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-clamp: 6; box-orient: vertical; } &:hover { & .press-about__item-image { & .press-about__item-layer { opacity: 1; transition: all .3s ease-in; } } & .press-about__item-name { text-decoration: underline; } } } } } } /* End */ /* Start:/local/templates/main_redesign/css/press-contacts.css?1764133981431*/ & .press-contacts { & h1 { margin-bottom: 40px; } & .press-contacts__text { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; max-width: 912px; & a { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--accent-color); } } } /* End */ /* Start:/local/templates/main_redesign/css/press-release.css?17641339811381*/ .press-release { & h1 { margin-bottom: 40px; } & .press-release__inner { display: flex; gap: 40px; @media(max-width: 992px) { flex-direction: column; } & .press-release__items { display: flex; flex-direction: column; gap: 16px; & .press-release__item { border-bottom: 1px solid #EBEBEB; padding: 8px 8px 24px 24px; & .press-release__item-date { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; margin-bottom: 8px; } & .press-release__item-row { display: flex; justify-content: space-between; gap: 32px; & .press-release__item-name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; max-width: 691px; width: 100%; } } &:hover { & .press-release__item-row { & .press-release__item-name { text-decoration: underline; } & svg { & path { fill: #6FC1A5; } } } } } } } } /* End */ /* Start:/local/templates/main_redesign/css/participants.css?17641339812839*/ .participants { & .participants-inner { & h1 { margin-bottom: 40px; } } & .participants-cats { display: flex; gap: 1rem; background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); padding-top: 19px; padding-bottom: 19px; padding-left: calc((100% - 1380px) / 2); padding-right: calc((100% - 1380px) / 2); margin-bottom: 16px; text-transform: uppercase; @media(max-width: 1404px) { padding-left: 30px; padding-right: 30px; } @media(max-width: 1404px) { padding-left: 24px; padding-right: 24px; } & a { font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; /* 126.316% */ letter-spacing: -0.38px; color: var(--light-color); padding: 5px 8px; &.active { border: 2px solid var(--light-color); } } } & .participants-cats.collection-cats { } & .participants-subcats { display: flex; align-items: center; gap: 32px; width: 100%; overflow: auto; padding-bottom: 5px; & a { font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; /* 126.316% */ letter-spacing: -0.38px; padding: 5px 8px; position: relative; display: block; text-transform: uppercase; min-width: fit-content; &:not(:last-child) { &::before { content: ''; position: absolute; right: -16px; height: 24px; width: 1px; background-color: #EBEBEB; top: 50%; transform: translateY(-50%); } } &.active { color: var(--accent-color); border: 2px solid var(--accent-color); } } } & .cat-title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; margin-bottom: 16px; margin-top: 40px; @media(max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; } } & .cat-description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; max-width: 909px; } & .participants-items__wrap { & .custom-select { margin-left: auto; } } & .participants-items__row { display: flex; justify-content: space-between; gap: 40px; @media(max-width: 992px) { flex-direction: column; gap: 40px; } & .participants-items__col { display: flex; flex-direction: column; } } } /* End */ /* Start:/local/templates/main_redesign/css/participants-detail.css?17643073223125*/ .participants-detail { & .participants-detail__banner { width: 100%; height: 440px; position: relative; @media(max-width: 992px) { height: 344px; } @media(max-width: 700px) { margin-bottom: 16px; height: 236px; } & img { object-fit: cover; width: 100%; height: 100%; /*filter: blur(3px);*/ } } & .back-to-participants { display: flex; align-items: center; gap: 8px; margin-left: 30px; margin-bottom: 20px; margin-top: 24px; color: var(--accent-color); &:hover { text-decoration: underline; } @media(max-width: 992px) { margin-left: 24px; } @media(max-width: 700px) { margin-left: 24px; margin-left: auto; margin-right: auto; justify-content: center; } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; color: var(--accent-color); } } & .participants-detail__info { & h1 { margin-bottom: 40px; text-align: center; @media(max-width:700px) { margin-bottom: 24px; } } & .participants-detail__stand { margin-bottom: 40px; text-align: center; font-size: 28px; font-style: normal; font-weight: 400; line-height: 36px; /* 128.571% */ letter-spacing: -0.56px; color: var(--accent-color); @media(max-width:700px) { margin-bottom: 24px; font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; /* 127.273% */ letter-spacing: -0.44px; } } & .participants-detail__description { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } & .participants-detail__contacts { margin-top: 40px; max-width: 526px; width: 100%; display: flex; flex-wrap: wrap; gap: 32px 56px; margin-bottom: 40px; @media(max-width: 700px) { margin-top: 24px; margin-bottom: 24px; gap: 24px; flex-direction: column; } & .participants-detail__contacts-item { &:last-child { & .participants-detail__contacts-item__contact { color: var(--dark-color); width: 100%; } } & .participants-detail__contacts-item__title { font-size: 16px; font-style: normal; font-weight: 500; line-height: 27px; /* 168.75% */ letter-spacing: 0.48px; text-transform: uppercase; margin-bottom: 8px; } & .participants-detail__contacts-item__contact { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; color: var(--accent-color); & a { color: currentColor; } } } } } } /* End */ /* Start:/local/templates/main_redesign/css/events-map.css?176432046823081*/ .events-map { & h1 { margin-bottom: 40px; } & .events-map__description-wrap { margin-top: 40px; display: flex; align-items: flex-end; gap: 40px; justify-content: space-between; @media(max-width: 1100px) { flex-direction: column; align-items: flex-start; } & .events-map__description { max-width: 912px; width: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } @media(max-width: 700px) { .accent-btn__light-nobg { padding-left: 10px; padding-right: 10px; & span { font-size: 15px; } } } } & .mt-links { margin-top: 48px; } & .section-map__info-items__wrap { & .section-title { margin-top: 40px; margin-bottom: 40px; } & .section-map__info-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 48px 24px; @media(Max-width: 1350px) { grid-template-columns: repeat(3, 1fr); } @media(Max-width: 1100px) { grid-template-columns: repeat(2, 1fr); } @media(Max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .section-map__info-item { background-color: #F7F7F7; display: flex; flex-direction: column; & .section-map__info-item__image { width: 100%; height: 196px; margin-bottom: 24px; background-color: var(--light-color); position: relative; @media(max-width: 992px) {} height: initial; aspect-ratio: 1.8 / 1; & .section-map__info-item__image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; transition: all .3s ease-in; background: linear-gradient(105deg, rgba(111, 193, 165, 0.80) 10.24%, rgba(99, 172, 149, 0.80) 21.58%, rgba(86, 149, 133, 0.80) 33.29%, rgba(79, 136, 123, 0.80) 40.24%, rgba(65, 112, 105, 0.80) 53.04%, rgba(53, 91, 90, 0.80) 64.39%, rgba(49, 83, 84, 0.80) 68.41%, rgba(46, 77, 79, 0.80) 71.7%, rgba(30, 49, 59, 0.80) 86.34%); } & img { object-fit: cover; width: 100%; height: 100%; } &:hover { & .section-map__info-item__image-layer { opacity: 1; transition: all .3s ease-in; } } } & .section-map__info-item__body { padding: 16px; display: flex; flex-direction: column; & .section-map__info-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; height: 186px; margin-bottom: 40px; } & .section-map__info-item__address { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } } &:hover { & .section-map__info-item__image { & .section-map__info-item__image-layer { opacity: 1; transition: all .3s ease-in; } } & .section-map__info-item__body { & .section-map__info-item__name { text-decoration: underline; } } } } } & .show-more__btn { text-align: center; margin-top: 40px; } } & .section-map__info-items__wrap.first-wrap { margin-bottom: 80px; } } .map-grid { height: 772px; margin-top: 40px; position: relative; } .map-grid-nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; overflow: auto; margin-bottom: 2rem; } .map-grid-nav li:not(:last-child) { margin-right: 1.5rem; } .map-grid-nav a { display: block; /*font-size: var(--fs-h5);*/ font-weight: 500; letter-spacing: 0.05rem; padding: 0.4rem 0; border-bottom: 1px solid transparent; /*color: var(--Grey);*/ } @media screen and (min-width: 1024px) { .map-grid-nav a:hover { /*color: var(--Black);*/ } } .map-grid-nav a.active { /*border-color: var(--Black);*/ /*color: var(--Black);*/ } .map-filter-desc { /*font-size: var(--fs-presmall);*/ font-weight: 500; margin-bottom: 1rem; } .map-grid-aside-list { margin-bottom: 4.5rem; } .map-grid-aside-list .btn { margin-bottom: 2rem; } .map-filter-line { padding-top: 2rem; margin-bottom: 2rem; /*border-top: 1px solid var(--Grey);*/ } .map-filter-line:first-child { padding-top: 0; border-top: none; } .map-filter-line .switcher:not(:last-child) { margin-bottom: 1.5rem; } .map-filter-line-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .map-filter-line__sub { padding-left: 8px; } .map-filter-line__sub .switcher:not(:last-child) { margin-bottom: 1rem; } .map-filter-list { max-height: 12.125rem; overflow: auto; } .map-filter-list-itm { /*font-size: var(--fs-presmall);*/ min-height: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.6rem; cursor: pointer; border-radius: 62.5rem; } @media screen and (min-width: 1024px) { .map-filter-list-itm:hover { background-color: #F4F6F8; } } .map-filter-list-itm.active { /*background: var(--Grey);*/ } .map-filter-line-list .switcher:not(:last-child), .map-filter-line-list .check_box:not(:last-child) { margin-bottom: 1rem; } .map-filter-cat-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } .map-filter-cat-itm { text-align: center; display: flex; flex-direction: column; align-items: center; max-width: 123px; width: 100%; gap: 8px; } .map-filter-cat-itm__ico { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; & img { object-fit: contain; object-position: center; width: 100%; height: 100%; } } .map-filter-cat-itm__name { display: block; /*font-size: var(--fs-smallest);*/ letter-spacing: -0.01188rem; } .contact-map-cat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; margin-top: 22px; flex-wrap: wrap; @media(max-width: 700px) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 8px; } } .contact-map { width: 100%; height: 100%; } #contact-map { width: 100%; aspect-ratio: 1.37; /*border-radius: 1rem;*/ overflow: hidden; width: 100%; height: 100%; } #contact-map [class*=-ground-pane] * { -webkit-filter: grayscale(1); filter: grayscale(1); } #contact-map [class*=-balloon] { border: none; -webkit-box-shadow: none; box-shadow: none; } #contact-map [class*=-balloon__close-button] { position: absolute; right: 1rem; top: 1rem; width: 1.5rem; height: 1.5rem; background: #fff; -webkit-mask-size: 0.8rem; mask-size: 0.8rem; opacity: 0.9; border-radius: 50%; } #contact-map [class*=-balloon__close-button]:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 1rem; height: 1rem; /*-webkit-mask: url("/local/templates/main/css/../img/ico/cross.svg") no-repeat center;*/ /*mask: url("/local/templates/main/css/../img/ico/cross.svg") no-repeat center;*/ background: #000; -webkit-mask-size: 0.7rem; mask-size: 0.7rem; } #contact-map [class*=-balloon__content] { width: 15rem; padding: 0.5rem; margin: 0; font-family: "Inter"; } #contact-map [class*=-balloon__content] > ymaps { width: 100% !important; height: auto !important; } #contact-map [class*=-balloon__tail] { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; display: none; } #contact-map [class*=-balloon__layout] { -webkit-box-shadow: 20px 58px 17px 0px rgba(0, 0, 0, 0), 13px 37px 16px 0px rgba(0, 0, 0, 0.02), 7px 21px 13px 0px rgba(0, 0, 0, 0.06), 3px 9px 10px 0px rgba(0, 0, 0, 0.11), 1px 2px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 20px 58px 17px 0px rgba(0, 0, 0, 0), 13px 37px 16px 0px rgba(0, 0, 0, 0.02), 7px 21px 13px 0px rgba(0, 0, 0, 0.06), 3px 9px 10px 0px rgba(0, 0, 0, 0.11), 1px 2px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0.5rem; border: none; } .map-baloon-img { margin-bottom: 0.5rem; } .map-baloon-link { height: 2.25rem; color: #fff; font-weight: 500; padding: 0 0.875rem; /*background: var(--ui-accent);*/ /*display: -webkit-inline-box;*/ display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.375rem; margin-top: 0.375rem; -webkit-transition: all 0.2s; transition: all 0.2s; } @media screen and (min-width: 1024px) { .map-baloon-link:hover { /*background: var(--ui-accent-black);*/ color: #fff; } } .map-baloon-title { /*font-size: var(--fs-small);*/ font-weight: 600; color: #000; letter-spacing: -0.01425rem; margin-bottom: 0.38rem; line-height: 120%; } .map-baloon-schedule { /*font-size: var(--fs-smallest);*/ line-height: 120%; margin-bottom: 0.5rem; } .map-baloon-address { line-height: 120%; font-weight: 600; /*color: var(--Black);*/ /*font-size: var(--fs-smallest);*/ } .contact-event-nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; overflow: auto; list-style: none; margin-bottom: 3.5rem; } .contact-event-nav a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.75rem 1rem; /*color: var(--Grey-dark);*/ /*font-size: var(--fs-h5);*/ font-weight: 600; border-radius: 0.5rem; } @media screen and (min-width: 1024px) { .contact-event-nav a:hover { /*color: var(--Pre-black);*/ } } .contact-event-nav a.active { /*background: var(--Light-Grey-Back);*/ pointer-events: none; /*color: var(--Pre-black);*/ } .contact-event-list-itm:not(:last-child) { margin-bottom: 4rem; } .contact-event-list__title { margin-bottom: 2.5rem; } .contact-event-list__grid { display: -ms-grid; display: grid; /*-ms-grid-columns: (minmax(0, 1fr))[3];*/ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5rem 2.5rem; } .contact-event-list__grid:not(:last-child) { margin-bottom: 3.75rem; } .map-grid-aside-mobile { display: none; } .map-grid-aside { padding: 24px 40px 40px 40px; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(8px); position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } @media (max-width: 1100px) { .contact-event-list__grid { /*-ms-grid-columns: (minmax(0, 1fr))[2];*/ grid-template-columns: repeat(2, minmax(0, 1fr)); } .map-grid { position: relative; display: block; overflow: hidden; height: 772px; @media(max-width: 1100px) { height: 482px; } @media(max-width: 700px) { height: 430px; } } .map-grid-aside { top: 0; left: 0; bottom: 0; position: absolute; z-index: 2; background: #fff; padding: 1.5rem 2rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s; transition: all 0.3s; /*-webkit-box-shadow: var(--shadow-small);*/ /*box-shadow: var(--shadow-small);*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .map-grid-aside.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .map-grid-aside.show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .map-grid-aside.show .map-grid-aside-mobile .svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #contact-map { -webkit-box-shadow: none; box-shadow: none; padding-left: 3rem; } .map-grid-aside-mobile { position: absolute; display: block; left: 100%; top: 0; width: 3rem; height: 100%; background-color: var(--accent-color); transition: all .3s ease-in; &.open { background-color: var(--dark-color); transition: all .3s ease-in; & svg { transform: rotate(180deg); } } } .map-grid-aside-mobile__name { color: #fff; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } .map-grid-aside-mobile__name .svg { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin-left: 1.5rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .map-grid-aside-mobile__name .svg path { stroke: #fff; } .map-grid-aside-list { margin-bottom: 2rem; overflow: auto; } .map-filter-line { padding-top: 1.5rem; margin-bottom: 1.5rem; } .map-filter-line:last-child { margin-bottom: 0; } } @media (max-width: 600px) { .map-grid-aside { padding: 12px; padding-right: 15px; } .map-grid-aside .title-margin { margin-bottom: 1rem; } #contact-map { aspect-ratio: 0.85; } .contact-map-cat { /*padding: 0 15px;*/ } } .switcher { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px 10px; } .switcher.disabled { pointer-events: none; } .switcher.disabled .switcher__item { background-color: #EEF1F4; } .switcher.disabled .switcher__item:after { -webkit-box-shadow: none; box-shadow: none; } .switcher:hover .switcher__item { /*background-color: var(--Grey-dark);*/ } .switcher:hover input:checked ~ .switcher__item { background-color: #6DBCA1; } .switcher input { opacity: 0; position: absolute; left: 0; top: 0; width: 0; height: 0; } .switcher input:checked ~ .switcher__item { background-color: var(--accent-color); } .switcher input:checked ~ .switcher__item:after { left: 26px; } .switcher input:active ~ .switcher__item { outline-color: #F3F5F9; } .switcher__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.32px; } .switcher-devider { width: 100%; height: 1px; background-color: #EBEBEB; } .switcher__item { position: relative; width: 48px; height: 24px; background: var(--dark-color); border-radius: 16px; -webkit-transition: all 0.2s; transition: all 0.2s; outline: 2px solid transparent; -ms-flex-negative: 0; flex-shrink: 0; } .switcher__item:after { content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: 2px; background: #FFFFFF; -webkit-box-shadow: 0px 2px 4px rgba(29, 31, 33, 0.2); box-shadow: 0px 2px 4px rgba(29, 31, 33, 0.2); border-radius: 50%; -webkit-transition: all 0.2s; transition: all 0.2s; } .switcher--revert .switcher__item { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-left: 0 !important; margin-right: 0.25rem; } .switcher--mid .switcher__item, .map-filter-line__sub .switcher .switcher__item { width: 39px; height: 20px; } .switcher--mid .switcher__item:after, .map-filter-line__sub .switcher .switcher__item:after { width: 15px; height: 15px; } .switcher--mid input:checked ~ .switcher__item:after, .map-filter-line__sub .switcher input:checked ~ .switcher__item:after { left: 21px; } .switcher--small .switcher__item { width: 1.8125rem; height: 0.90625rem; } .switcher--small .switcher__item:after { width: 10px; height: 10px; } .switcher--small input:checked ~ .switcher__item:after { left: 17px; } .switcher-title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; padding-bottom: 8px; border-bottom: 1px solid var(--dark-color); margin-bottom: 32px; } /*modal*/ .modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; } .modal.active { pointer-events: auto; opacity: 1; } .modal-fade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); cursor: pointer; } /*.modal--small .modal-content {*/ /* position: absolute;*/ /* left: 50%;*/ /* top: 50%;*/ /* -webkit-transform: translateX(-50%) translateY(-50%);*/ /* -ms-transform: translateX(-50%) translateY(-50%);*/ /* transform: translateX(-50%) translateY(-50%);*/ /* background: #fff;*/ /* display: block;*/ /* margin: auto;*/ /* width: 39rem;*/ /* max-width: 85%;*/ /* padding: 3.5rem 2.5rem 2.5rem;*/ /* overflow: auto;*/ /* max-height: 100vh;*/ /*}*/ .modal--right.active { -webkit-transition: none; transition: none; } .modal--right.active .modal-content { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; } .modal--right .modal-content { position: absolute; top: 0; right: 0; height: 100%; width: 40rem; max-width: 100%; background: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modal--right .modal-content-scroll { overflow: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; & .vip-event-head__img { width: 100%; height: 368px; margin-bottom: 32px; display: block; & img { object-fit: cover; width: 100%; height: 100%; } } & .vip-event-body__attr { display: flex; flex-direction: column; & .vip-event-attr__text { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; display: flex; justify-content: space-between; color: var(--dark-color); & .vip-event-attr__text-date { color:var(--accent-color); } & .vip-event-attr__text-time { color: var(--accent-color); } } } & .vip-event__address { margin-top: 16px; margin-bottom: 32px; position: relative; &::before { content: ""; position: absolute; top: -8px; width: 100%; height: 1px; background-color: var(--dark-color); left: 0; } } & .text-format { & h3 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; text-transform: uppercase; margin-bottom: 24px; } & p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } } .modal--right .modal-content-scroll__sep { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .modal--right .close-modal { position: absolute; right: 100%; top: 1.5rem; margin-right: 2.5rem; width: 1.5rem; height: 1.5rem; cursor: pointer; } .modal--right .close-modal:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--light-color); -webkit-mask: url("/local/templates/main_redesign/css/../img/cross.svg"); mask: url("/local/templates/main_redesign/css/../img/cross.svg"); -webkit-mask-size: 1.5rem; mask-size: 1.5rem; mask-repeat: no-repeat; mask-position: center; @media(max-width: 730px) { background: var(--dark-color); } } .modal-subscribe { display: -ms-grid; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } /*.modal-subscribe__img {*/ /* padding-right: 2.7rem;*/ /* padding-bottom: 3.7rem;*/ /*}*/ /*.modal-subscribe__img img {*/ /* width: 100%;*/ /* display: block;*/ /* border-radius: 25rem;*/ /* overflow: hidden;*/ /*}*/ /*.modal-subscribe__body {*/ /* -ms-flex-item-align: end;*/ /* align-self: flex-end;*/ /*}*/ /*.modal-subscribe__body .btn {*/ /* width: 100%;*/ /* border-radius: 3.125rem;*/ /* letter-spacing: 0.0875rem;*/ /* font-weight: 600;*/ /* !*font-size: ;*!*/ /*}*/ /*.modal-subscribe__title {*/ /* font-size: 1.5625rem;*/ /* line-height: 144%;*/ /* text-transform: uppercase;*/ /* letter-spacing: 0.15625rem;*/ /* margin-bottom: 1.5rem;*/ /*}*/ /*.modal-subscribe__close {*/ /* position: absolute;*/ /* top: 1rem;*/ /* right: 1rem;*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* !*font-size: ;*!*/ /* letter-spacing: 0.0875rem;*/ /* color: #2C4157;*/ /* cursor: pointer;*/ /* -webkit-transition: color 0.2s;*/ /* transition: color 0.2s;*/ /*}*/ @media screen and (min-width: 1024px) { .modal-subscribe__close:hover { color: #000; } } .modal-subscribe__close .cross { width: 1.5rem; height: 1.5rem; } .modal-subscribe__close .cross:before, .modal-subscribe__close .cross:after { height: 1px; background: #2C4157; } @media (max-width: 730px) { .modal--right .close-modal { position: absolute; right: 1rem; top: 1rem; margin-right: 0; width: 2.5rem; height: 2.5rem; cursor: pointer; z-index: 3; border-radius: 3.125rem; border: 1px solid var(--dark-color); background: #fff; } } /* End */ /* Start:/local/templates/main_redesign/css/auth.css?17641466696176*/ .section.auth { height: 100vh; background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); display: flex; justify-content: center; align-items: center; margin-bottom: 0; padding-top: 50px; padding-bottom: 50px; @media (max-width: 600px) { /*padding-top: 14rem;*/ /*padding-bottom: 8rem;*/ min-height: 812px; } & .auth-form { max-width: 561px; width: 100%; background-color: var(--light-color); position: relative; & .auth-form__alert { padding: 16px; border-bottom: 1px solid #EBEBEB; background: #F8F8FA; display: flex; align-items: center; gap: 10px; & span { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: #7A8091; } } & .auth-form__title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; letter-spacing: -1.36px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; letter-spacing: -1.12px; } } & .auth-form__inner { display: flex; flex-direction: column; padding: 64px 80px 40px; @media (max-width: 700px) { padding: 40px 16px 24px; } & .input-wrap { width: 100%; height: 43px; margin-bottom: 24px; position: relative; &:last-child { margin-bottom: 40px; } /*& input {*/ /* display: block;*/ /* width: 100%;*/ /* height: 100%;*/ /* border-bottom: 1px solid var(--dark-color);*/ /* font-size: 18px;*/ /* font-style: normal;*/ /* font-weight: 400;*/ /* line-height: 27px; !* 150% *!*/ /* letter-spacing: 0.54px;*/ /* padding-right: 20px;*/ /* position: relative;*/ /* z-index: 1;*/ /* &::placeholder {*/ /* font-size: 18px;*/ /* font-style: normal;*/ /* font-weight: 400;*/ /* line-height: 27px; !* 150% *!*/ /* letter-spacing: 0.54px;*/ /* color: var(--dark-color);*/ /* }*/ /*}*/ & .show-password { position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; & img { width: 100%; height: 100%; } } } & .auth-form__btns { margin-top: 16px; display: flex; flex-direction: column; & .accent-btn__light-nobg { width: 100%; max-width: 100%; margin-bottom: 16px; justify-content: center; } & .simple-btn__light { width: 100%; max-width: 100%; margin-bottom: 16px; justify-content: center; margin-bottom: 16px; } & .simple-form__btn { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; padding: 10px 12px; margin-left: auto; margin-right: auto; } } } } } .section.auth { & .simple-btn__light { &:hover { color: #7A8091; border-color: #7A8091;; } } & .simple-form__btn { transition: color .3s ease-in; &:hover { color: #7A8091; } } & .diffrent-select.auth-form { max-width: 600px; & .auth-form__inner { padding-left: 60px; padding-right: 60px; @media(Max-width: 700px) { padding-left: 16px; padding-right: 16px; } } } } .diffrent-items { display: flex; flex-direction: column; gap: 24px; & .diffrent-item { padding: 16px 24px 24px 24px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; gap: 24px; @media(Max-width: 700px) { padding: 16px; } & .accent-btn__light-nobg { max-width: 100%; justify-content: center; @media(Max-width: 700px) { & span { font-size: 16px; } & svg { display: none; } } } & .diffrent-item__head { display: flex; gap: 12px; align-items: center; & .diffrent-item_icon { background-color: var(--accent-color); padding: 14px; display: flex; justify-content: center; align-items: center; } & .diffrent-item__info { & .diffrent-item__name { font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; /* 133.333% */ letter-spacing: -0.54px; color: var(--dark-color); margin-bottom: 2px; } & .diffrent-item__position { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; } } } &:last-child { & .diffrent-item__head { & .diffrent-item_icon { background-color: #315354; padding: 14px; display: flex; justify-content: center; align-items: center; } } & .accent-btn__light-nobg { border: 2px solid #315354; text-align: center; color: #315354; & .before-arr { & path { fill: #315354 } } & .after-arr { & path { fill: #315354 } } } } } } /* End */ /* Start:/local/templates/main_redesign/css/main.css?176433402578217*/ * { box-sizing: border-box; padding: 0; margin: 0; font-family: "Montserrat", sans-serif; } body { color: var(--dark-color); & a { color: var(--dark-color); font-family: "Montserrat", sans-serif; } & button, & input, & textarea { border: none; outline: none; background-color: transparent; border-radius: 0; } & button { cursor: pointer; } & img, & svg { /*pointer-events: none;*/ /*user-select: none;*/ } } a { text-decoration: none; } ul, ol { list-style: none; } html { scroll-behavior: smooth; scrollbar-gutter: stable; } html.lock { overflow: hidden; } body { display: flex; flex-direction: column; min-height: 100vh; } body.lock { overflow: hidden; } main.other-page { padding-top: 72px; @media (max-width: 700px) { padding-top: 40px; } } main.audio-guide__page { padding-top: 32px; @media (max-width: 700px) { padding-top: 26px; } } main { overflow: hidden; flex: 1 auto; } :root { --light-color: #fff; --dark-color: #101113; /* --darg-gray-color: #8E9293; --light-gray-color: #C7C9C9; --blue-color: #54B8F0; */ --accent-color: #6FC1A5; } h1 { color: var(--dark-color); font-size: 56px; font-style: normal; font-weight: 500; line-height: 58px; /* 103.571% */ letter-spacing: -3.36px; @media (max-width: 700px) { font-size: 40px; font-style: normal; font-weight: 500; line-height: 48px; /* 120% */ letter-spacing: -2.4px; } } h4 { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; color: var(--dark-color); @media (max-width: 700px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ letter-spacing: -0.8px; } } .section-title { color: var(--dark-color); font-size: 56px; font-style: normal; font-weight: 500; line-height: 58px; /* 103.571% */ letter-spacing: -3.36px; @media (max-width: 700px) { font-size: 40px; font-style: normal; font-weight: 500; line-height: 48px; /* 120% */ letter-spacing: -2.4px; } } h2 { color: var(--dark-color); font-size: 46px; font-style: normal; font-weight: 500; line-height: 52px; letter-spacing: -2.76px; @media (max-width: 700px) { font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px; letter-spacing: -2.16px; } } .container { max-width: 1380px; width: 100%; margin: 0 auto; @media (max-width: 1404px) { padding-left: 30px; padding-right: 30px; } @media (max-width: 992px) { padding-left: 24px; padding-right: 24px; } @media (max-width: 700px) { padding-left: 12px; padding-right: 12px; } } .small-container { max-width: 910px; width: 100%; margin-left: auto; margin-right: auto; @media (max-width: 992px) { padding-left: 24px; padding-right: 24px; } @media (max-width: 700px) { padding-left: 12px; padding-right: 12px; } } .section { margin-bottom: 80px; } header { height: 78px; z-index: 15; position: relative; background-color: var(--light-color); @media (max-width: 1370px) { height: 69px; } & nav { padding-top: 12px; /*padding-bottom: 12px;*/ position: relative; transition: all .3s ease-in; /*border-bottom: 2px solid #EBEBEB;*/ &::before { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; z-index: 2; background-color: #EBEBEB; } @media (max-width: 1150px) { &::before { display: none; padding-bottom: 12px; } } & .nav-inner { display: flex; gap: 16px; /*justify-content: space-between;*/ align-items: flex-end; height: 66px; @media (max-width: 1370px) { height: 57px; } & .nav-logo { width: 94px; height: 54px; margin-bottom: 12px; @media (max-width: 1370px) { width: 84px; height: 43px; } & img { object-fit: contain; width: 100%; height: 100%; } } & .nav-menu { display: flex; gap: 12px; height: 100%; align-items: flex-end; @media (max-width: 1150px) { position: absolute; bottom: 0; transform: translateY(100%); background-color: var(--light-color); opacity: 0; pointer-events: none; z-index: -1; left: -120%; transition: all .3s ease-in; width: 100%; height: calc(100vh - 80px); flex-direction: column; padding: 16px 40px; gap: 24px; overflow-y: auto; align-items: flex-start; } & li { height: 100%; @media (max-width: 1150px) { height: initial; } & a { height: 100%; font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.38px; color: var(--dark-color); /* border-bottom: 1px solid transparent; */ transition: all .3s ease-in; position: relative; display: flex; align-items: flex-end; padding-bottom: 12px; @media (max-width: 1430px) { font-size: 17px; } @media (max-width: 1300px) { font-size: 15px; } @media (max-width: 1150px) { padding-bottom: 0; height: initial; } /* padding-bottom: 11px; */ &::before { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: var(--accent-color); opacity: 0; /*transition: all .3s ease-in;*/ z-index: 2; @media (max-width: 1150px) { display: none; } } &:hover { transition: all .3s ease-in; color: var(--accent-color); &::before { content: ''; position: absolute; background-color: var(--accent-color); opacity: 1; /*transition: all .3s ease-in;*/ z-index: 2; } } } & .nav-submenu { position: absolute; left: 0; width: 100%; /*padding-top: 16px;*/ /*padding-bottom: 22px;*/ background-color: var(--light-color); bottom: 0px; transform: translateY(100%); display: flex; gap: 12px; /*transition: all .3s ease-in;*/ opacity: 0; z-index: -1; pointer-events: none; max-height: 0; padding-left: calc((100% - 1380px) / 2 + 110px); padding-right: calc((100% - 1380px) / 2); overflow: hidden; @media (max-width: 1150px) { position: relative; flex-direction: column; gap: 24px; bottom: initial; transform: translateY(0); padding: 0; height: initial; } & li { height: 100%; & a { height: 100%; display: flex; align-items: center; padding-bottom: 0; color: #A2A4AA; transition: all .3s ease-in; &:hover { color: var(--accent-color); &::before { opacity: 0; } } } } } } & > li.uncolored { & a { color: #A2A4AA; } } & > li.open { & .nav-submenu { overflow: visible; opacity: 1; z-index: 4; /*transition: all .3s ease-in;*/ pointer-events: auto; max-height: 500px; height: 62px; @media (max-width: 1150px) { padding-top: 24px; padding-bottom: 0; height: initial; } /* border-top: 2px solid #EBEBEB; */ } } } & .nav-menu.active { left: 0; opacity: 1; transition: all .3s; z-index: 10; pointer-events: auto; } & .nav-right { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; margin-left: auto; & .search-btn { } & .p-area__link { font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--dark-color); letter-spacing: -0.38px; @media (max-width: 1430px) { font-size: 17px; } @media (max-width: 1300px) { font-size: 15px; } } & .lang-switcher { display: none; font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--dark-color); letter-spacing: -0.38px; @media (max-width: 1430px) { font-size: 16px; } @media (max-width: 1300px) { font-size: 15px; } } } & .search-input { position: absolute; bottom: 0; transform: translateY(100%); max-width: 444px; width: 100%; height: 56px; background: var(--light-color); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.08); opacity: 0; max-height: 0; transition: all .3s ease-in; pointer-events: none; right: calc((100% - 1380px) / 2); z-index: 3; @media (max-width: 1400px) { right: 0; } @media (max-width: 1150px) { right: 0; width: 100%; max-width: 100%; } & .search-input__inner { width: 100%; height: 100%; & .search-icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; } & .clear-icon { position: absolute; right: 8px; cursor: pointer; display: none; right: 15px; top: 50%; transform: translateY(-50%); } & input { width: 100%; height: 100%; display: block; padding-left: 44px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; color: var(--dark-color); letter-spacing: 0.54px; &::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; color: var(--dark-color); letter-spacing: 0.54px; } &::-webkit-search-cancel-button { display: none; } &::-ms-clear { display: none; } } } } & .search-input.active { opacity: 1; max-height: 500px; transition: all .3s ease-in; pointer-events: auto; } } } & nav.fixed { position: fixed; width: 100%; height: 100%; left: 0; top: 0; transition: all .3s ease-in-out; z-index: 15; background-color: var(--light-color); height: auto; z-index: 15; transform: translateY(-100%); animation: slideDown 0.3s forwards; & .nav-inner { & .nav-logo { width: 94px; height: 42px; @media (max-width: 1370px) { width: 84px; height: 42px; } & img { object-fit: contain; width: 100%; height: 100%; } } } } } @keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #101113; display: none; z-index: 2; } .overlay.active { display: block; background: rgba(6, 12, 20, 0.70); backdrop-filter: blur(0px); } .burger { width: 40px; height: 14px; position: relative; cursor: pointer; z-index: 1001; margin-left: 8px; @media (min-width: 1150px) { display: none; } & .burger-line { position: absolute; left: 0; width: 100%; height: 2px; background: var(--dark-color); border-radius: 2px; transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease; &:first-child { top: 0; } &:last-child { bottom: 0; } } &.active { & .burger-line:first-child { top: 50%; transform: translateY(-50%) rotate(45deg); } & .burger-line:last-child { bottom: auto; top: 50%; transform: translateY(-50%) rotate(-45deg); } } } .accent-btn__light { padding: 12px 30px; align-items: center; gap: 8px; border: 2px solid var(--accent-color); text-align: center; color: var(--accent-color); transition: all .3s ease-in; display: inline-flex; max-width: fit-content; & span { color: currentColor; font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: 0.54px; text-transform: lowercase; transition: all .3s ease-in; } & svg { transition: all .3s ease-in; animation: bounceBack .5s ease-in-out 0s 1 normal both; & path { fill: var(--accent-color); transition: all .3s ease-in; } } &:hover { color: var(--light-color); background-color: var(--accent-color); transition: all .3s ease-in; & span { order: 2; transition: all .3s ease-in; } & svg { transition: all .3s ease-in; order: 1; /*animation: bounce 1s ease 0s 1 normal forwards;*/ animation: bounce .5s ease-in-out 0s 1 normal both; & path { transition: all .3s ease-in; fill: var(--light-color); } } } } .accent-btn__light-nobg { padding: 12px 30px; align-items: center; gap: 8px; border: 2px solid var(--accent-color); text-align: center; color: var(--accent-color); transition: all .3s ease-in; display: flex; max-width: fit-content; & span { color: currentColor; font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: 0.54px; text-transform: lowercase; transition: all .3s ease-in; white-space: nowrap; } & .before-arr { opacity: 0; transition: opacity .3s ease-in; @media (max-width: 700px) { display: none; } & path { transition: all .3s ease-in; fill: var(--dark-color); } } & .after-arr { opacity: 1; animation: bounceBack .5s ease-in-out forwards; /* <-- добавили */ } &:hover { color: var(--dark-color); border-color: var(--dark-color); & span { transform: translateX(5px); transition: all .3s ease-in; } & .after-arr { opacity: 0; animation: bounceOut .25s ease-in-out forwards; /* <-- при hover исчезает */ } & .before-arr { opacity: 1; animation: bounceIn .5s ease-in-out forwards; } } } @keyframes bounceIn { 0% { transform: translateX(-48px); opacity: 0; } 60% { transform: translateX(10px); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @keyframes bounceOut { 0% { transform: translateX(0); opacity: 1; } 60% { transform: translateX(-10px); opacity: 0.5; } 100% { transform: translateX(-48px); opacity: 0; } } @keyframes bounceBack { 0% { transform: translateX(-48px); opacity: 0; } 60% { transform: translateX(10px); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .accent-btn__filled { background-color: var(--light-color); padding: 12px 30px; align-items: center; gap: 8px; /*border: 2px solid var(--accent-color);*/ text-align: center; color: var(--dark-color); transition: all .3s ease-in; display: inline-flex; max-width: fit-content; & span { color: currentColor; font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: 0.54px; text-transform: lowercase; transition: all .3s ease-in; } & .before-arr { opacity: 0; transition: opacity .3s ease-in; & path { transition: all .3s ease-in; fill: var(--dark-color); } } & .after-arr { opacity: 1; animation: bounceBackFill .5s ease-in-out forwards; & path { fill: var(--dark-color); } } &:hover { background-color: var(--accent-color); color: var(--accent-color); transition: all .3s ease-in; & span { transform: translateX(5px); transition: all .3s ease-in; color: var(--light-color); } & .after-arr { opacity: 0; animation: bounceOutFill .25s ease-in-out forwards; /* <-- при hover исчезает */ } & .before-arr { opacity: 1; animation: bounceInFill .5s ease-in-out forwards; & path { fill: var(--light-color); } } } } @keyframes bounceInFill { 0% { transform: translateX(-48px); opacity: 0; } 60% { transform: translateX(10px); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @keyframes bounceOutFill { 0% { transform: translateX(0); opacity: 1; } 60% { transform: translateX(-10px); opacity: 0.5; } 100% { transform: translateX(-48px); opacity: 0; } } @keyframes bounceBackFill { 0% { transform: translateX(-48px); opacity: 0; } 60% { transform: translateX(10px); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .simple-btn__light { padding: 12px 30px; align-items: center; gap: 8px; border: 2px solid var(--dark-color); text-align: center; color: var(--dark-color); transition: all .3s ease-in; display: inline-flex; max-width: fit-content; & span { color: currentColor; font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: 0.54px; text-transform: lowercase; } & svg { & path { fill: var(--dark-color); transition: all .3s ease-in; } } &:hover { color: var(--accent-color); background-color: var(--light-color); border-color: var(--accent-color); & svg { & path { transition: all .3s ease-in; fill: var(--accent-color); } } } } .posts-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; @media (max-width: 1360px) { overflow: auto; padding-bottom: 5px; } & .post-item { width: 100%; background-color: #F8F8FA; display: flex; flex-direction: column; @media (max-width: 1360px) { min-width: 327px; } @media (max-width: 1024px) { min-width: 324px; } & .post-item__image { width: 100%; height: 204px; position: relative; margin-bottom: 24px; @media(max-width: 1360px) { height: initial; aspect-ratio: 1.72/1; } & img { object-fit: cover; width: 100%; height: 100%; } & .post-item__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all .3s; } } & .post-item__body { padding: 0 16px 16px 16px; display: flex; flex-direction: column; height: 100%; & .post-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; letter-spacing: -0.6px; margin-bottom: 24px; text-transform: uppercase; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*display: -moz-box;*/ /*-moz-box-orient: vertical;*/ /*display: -webkit-box;*/ /*-webkit-line-clamp: 7;*/ /*-webkit-box-orient: vertical;*/ /*line-clamp: 7;*/ /*box-orient: vertical;*/ /*height: 217px;*/ @media (max-width: 1024px) { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; } } & .post-item__spec { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 4px; border-bottom: 1px solid var(--dark-color); margin-bottom: 32px; margin-top: auto; & .post-item__spec-date { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; @media (max-width: 1024px) { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } & .post-item__spec-time { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; @media (max-width: 1024px) { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } } & .post-item__speackers { height: 92px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; & .post-item__speackers-title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.32px; margin-bottom: 20px; } & .post-item__speackers-list { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.32px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-clamp: 5; box-orient: vertical; height: 122px; } } } } & .post-item:hover { & .post-item__image { & .post-item__bg { opacity: 1; transition: all .3s; } } & .post-item__name { text-decoration: underline; } } } .input-row { display: flex; gap: 40px; margin-bottom: 24px; @media (max-width: 700px) { flex-direction: column; gap: 24px; } &.half { & .input-wrap { max-width: 47.5%; @media (max-width: 700px) { max-width: 100%; } } } } .input-wrap { position: relative; width: 100%; height: 43px; & textarea { display: block; width: 100%; height: 100%; border-bottom: 1px solid var(--dark-color); font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; padding-right: 20px; position: relative; z-index: 1; transition: all .3s ease-in; &::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; color: var(--dark-color); } &:not(:placeholder-shown) { border-color: var(--accent-color); } &:hover { border-color: var(--accent-color); transition: all .3s ease-in; } } & input { display: block; width: 100%; height: 100%; border-bottom: 1px solid var(--dark-color); font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; padding-right: 20px; position: relative; z-index: 1; transition: all .3s ease-in; &::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; color: var(--dark-color); } &:not(:placeholder-shown) { border-color: var(--accent-color); } &:hover { border-color: var(--accent-color); transition: all .3s ease-in; } } & input[disabled] { opacity: .5; border-color: var(--dark-color); } & input[data-required]::after { content: attr(data-required); position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--accent-color); pointer-events: none; } & .placeholder-star { position: absolute; pointer-events: none; color: var(--accent-color); font-weight: bold; top: 50%; transform: translateY(-50%); left: 0; white-space: pre; } & .error-msg { position: absolute; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.36px; color: #E8132A; bottom: -17px; display: none; } } .input-wrap.error { position: relative; & input { border-color: #E8132A; } & .error-msg { display: flex; } } .custom-checkbox { display: inline-flex; align-items: flex-start; cursor: pointer; user-select: none; font-family: sans-serif; margin-bottom: 12px; & input[type="checkbox"] { display: none; } & .checkbox-text { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; & a { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ letter-spacing: -0.28px; text-decoration: underline; } } & .checkbox-box { width: 20px; min-width: 20px; height: 20px; border: 2px solid var(--dark-color); display: inline-block; margin-right: 8px; position: relative; border-radius: 2px; margin-top: 2px; &::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 0; height: 0; background-color: var(--dark-color); transition: width 0.1s, height 0.1s; } } & [ type="checkbox"]:checked + .checkbox-box::after { width: 12px; height: 12px; } } footer { padding-top: 64px; padding-bottom: 40px; background-color: var(--dark-color); position: relative; & .footer-inner { & .footer-top { display: flex; justify-content: space-between; gap: 40px; @media (max-width: 1024px) { flex-direction: column; align-items: center; } & .footer-top__left-col { max-width: 214px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; & .footer-logo { max-width: 214px; width: 100%; margin-bottom: 28px; & img { object-fit: contain; width: 100%; height: 100%; } } & .footer-social { display: flex; justify-content: center; align-items: center; gap: 8px; & a { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; & svg { & path { transition: all .3s ease-in; } } &:hover { & svg { & path { transition: all .3s ease-in; fill: var(--accent-color); } } } } } } & .footer-top__right-col { max-width: 1029px; width: 100%; & .footer-menu__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 24px; @media (max-width: 992px) { grid-template-columns: repeat(3, 1fr); } @media (max-width: 700px) { grid-template-columns: repeat(2, 1fr); } & .footer-menu__item { & .footer-menu { display: flex; flex-direction: column; gap: 16px; & li { &:first-child { & a { font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; color: var(--light-color); letter-spacing: -0.36px; text-transform: uppercase; } } & a.footer-menu__item-cat { /*pointer-events: none;*/ } & a { font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--light-color); letter-spacing: -0.36px; transition: color .3s ease-in; &:hover { color: var(--accent-color); } } } } } } & .footer-top__right-col__devider { width: 100%; height: 1px; background-color: var(--light-color); margin-top: 40px; margin-bottom: 40px; } & .footer-contacts__items { display: flex; gap: 80px; @media (max-width: 700px) { flex-direction: column; gap: 40px; } & .footer-contacts__item { & a { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; color: var(--light-color); letter-spacing: -0.6px; text-transform: uppercase; transition: color .3s ease-in; &:hover { color: var(--accent-color); text-decoration: underline; } } & .footer-contacts__item-sub { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; color: #A2A4AA; letter-spacing: -0.2px; } } } } } & .footer-devider { width: 100%; height: 1px; background-color: var(--light-color); margin-top: 40px; margin-bottom: 40px; } & .footer-copy { & .copyright { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: var(--light-color); margin-bottom: 8px; letter-spacing: -0.42px; text-transform: uppercase; } & .footer-disclaimer { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; color: var(--light-color); letter-spacing: -0.28px; max-width: 1076px; } } } } .parallax-section { position: relative; overflow: hidden; .parallax-asset { position: absolute; top: -50%; left: 0; width: 100%; will-change: transform; } .single-paralax__banner-info { z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; } .single-paralax__banner-asset { z-index: 1; img, video { width: 100%; height: 200%; object-fit: cover; } } } .years-col { max-width: 220px; width: 100%; padding-right: 9px; border-right: 2px solid #EBEBEB; @media (max-width: 992px) { border-right: none; /*border-bottom: 2px solid #EBEBEB;*/ /*padding-bottom: 16px;*/ max-width: 100%; } & .years-links { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 4rem; @media (max-width: 992px) { position: relative; flex-direction: row; align-items: center; top: 0; } @media (max-width: 700px) { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; /* Firefox */ &::-webkit-scrollbar { display: none; /* Chrome, Safari */ } } & .years-link { padding-top: 8px; padding-bottom: 8px; padding-right: 8px; transition: all .3s ease-in; & span { font-size: 40px; font-style: normal; font-weight: 400; line-height: 36px; /* 90% */ letter-spacing: -1.2px; transition: all .3s ease-in; } &:hover { & span { color: var(--accent-color); transition: all .3s ease-in; } } } & .years-link.current { display: flex; align-items: center; gap: 16px; padding-top: 16px; padding-bottom: 16px; pointer-events: none; & span { font-size: 64px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -1.92px; color: var(--dark-color); transition: all .3s ease-in; } } } } .custom-select { position: relative; width: 240px; user-select: none; margin-bottom: 20px; & .custom-select__trigger { background: #fff; border-bottom: 1px solid var(--dark-color); border-radius: 0; padding: 10px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; & .arrow { width: 16px; height: 16px; margin-left: 10px; background-image: url("/local/templates/main_redesign/css/../img/select-arrow.svg"); background-size: contain; background-repeat: no-repeat; transition: transform 0.3s; background-position: center; } } &.open { .custom-select__trigger .arrow { transform: rotate(-180deg); } .custom-options { display: block; } } & .custom-options { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--dark-color); border-top: none; max-height: 200px; overflow-y: auto; display: none; z-index: 10; & .custom-option { padding: 10px 12px; cursor: pointer; transition: all .3s ease-in; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; &:hover { background: var(--accent-color); color: #fff; } &.selected { background: #e8f4ff; } } } } .fancybox__nav { & button { background: rgba(16, 17, 19, 0.70); border-radius: 0; } & svg { & path { stroke: var(--light-color); } } } .f-button svg { stroke: var(--light-color); } .fancybox__caption { max-width: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; text-align: center; } fancybox__footer { @media (max-width: 992px) { display: flex; flex-direction: column; align-items: center; } } .grid-gallery__wrapper { width: 100%; /*max-width: 100vw;*/ padding-left: 30px; @media (max-width: 700px) { padding-left: 12px; } & .grid-gallery { margin-top: 64px; & .grid-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(16, 17, 19, 0.80); backdrop-filter: blur(3.555555582046509px); z-index: 2; cursor: pointer; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; @media (Max-width: 700px) { width: 48px; height: 48px; & svg { width: 25%; } } } & .grid-gallery__next { right: 0; } & .grid-gallery__prev { left: 0; & svg { transform: rotate(180deg); } } & .grid-gallery__items { & .grid-gallery__item { max-height: 909px; max-width: 436px; min-width: 436px; @media (max-width: 700px) { max-width: 256px; min-width: 256px; } &:nth-child(3n + 1) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; @media (max-width: 700px) { gap: 18px; } & .grid-gallery__item-image { &:first-child { grid-column-end: span 1; height: 282px; @media (max-width: 700px) { height: 164px; } } &:nth-child(2) { grid-column-end: span 1; height: 282px; @media (max-width: 700px) { height: 164px; } } &:last-child { grid-column-end: span 2; height: 596px; @media (max-width: 700px) { height: 350px; } } } } &:nth-child(3n + 2) { display: flex; flex-direction: column; gap: 30px; margin-top: 56px; margin-bottom: 56px; @media (max-width: 700px) { gap: 18px; margin-top: 39px; margin-bottom: 39px; } & .grid-gallery__item-image { height: 388px; @media (max-width: 700px) { height: 220px; } } } &:nth-child(3n + 3) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; @media (max-width: 700px) { gap: 18px; } & .grid-gallery__item-image { &:first-child { grid-column-end: span 2; height: 596px; @media (max-width: 700px) { height: 350px; } } &:nth-child(2) { grid-column-end: span 1; height: 282px; @media (max-width: 700px) { height: 164px; } } &:last-child { grid-column-end: span 1; height: 282px; @media (max-width: 700px) { height: 164px; } } } } & .grid-gallery__item-image { width: 100%; height: 100%; position: relative; & .hover-caption { position: absolute; left: 12px; right: 12px; margin: 0 auto; bottom: 12px; font-weight: 400; font-size: 12px; line-height: 17px; text-align: center; vertical-align: bottom; color: var(--light-color); z-index: 3; opacity: 0; transition: all .3s ease-in; } & .gallery-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all .3s ease-in; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(20, 21, 26, 0.80) 100%) 50% / cover no-repeat; } & img { object-fit: cover; width: 100%; height: 100%; &.contain { object-fit: contain; } } &:hover { & .gallery-hover { opacity: 1; transition: all .3s ease-in; } & .hover-caption { opacity: 1; transition: all .3s ease-in; } } } } } } } .simple-gallery__single { padding-right: 30px; margin-top: 65px; position: relative; @media (max-width: 700px) { padding-right: 12px; } & .hover-caption { position: absolute; left: 12px; right: 12px; margin: 0 auto; bottom: 12px; font-weight: 400; font-size: 12px; line-height: 17px; text-align: center; vertical-align: bottom; color: var(--light-color); z-index: 3; opacity: 0; transition: all .3s ease-in; } & .gallery-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all .3s ease-in; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(20, 21, 26, 0.80) 100%) 50% / cover no-repeat; } &:hover { & .gallery-hover { opacity: 1; transition: all .3s ease-in; } & .hover-caption { opacity: 1; transition: all .3s ease-in; } } & .simple-gallery__item-image { width: 100%; height: 516px; display: block; @media (max-width: 700px) { height: 350px; } & img { object-fit: cover; width: 100%; height: 100%; } } } .simple-gallery__double { display: flex; gap: 16px; margin-top: 65px; padding-right: 30px; position: relative; @media (max-width: 700px) { padding-right: 12px; flex-direction: column; } & .simple-gallery__item-image { width: 100%; height: 516px; display: block; position: relative; @media (max-width: 700px) { height: 350px; } & img { object-fit: cover; width: 100%; height: 100%; } & .hover-caption { position: absolute; left: 12px; right: 12px; margin: 0 auto; bottom: 12px; font-weight: 400; font-size: 12px; line-height: 17px; text-align: center; vertical-align: bottom; color: var(--light-color); z-index: 3; opacity: 0; transition: all .3s ease-in; } & .gallery-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all .3s ease-in; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(20, 21, 26, 0.80) 100%) 50% / cover no-repeat; } &:hover { & .gallery-hover { opacity: 1; transition: all .3s ease-in; } & .hover-caption { opacity: 1; transition: all .3s ease-in; } } } } .simple-gallery__triple { display: flex; gap: 16px; margin-top: 65px; padding-right: 30px; position: relative; @media (max-width: 700px) { padding-right: 12px; flex-direction: column; } & .simple-gallery__item-image { width: 100%; height: 516px; display: block; position: relative; @media (max-width: 700px) { height: 350px; } & img { object-fit: cover; width: 100%; height: 100%; } & .hover-caption { position: absolute; left: 12px; right: 12px; margin: 0 auto; bottom: 12px; font-weight: 400; font-size: 12px; line-height: 17px; text-align: center; vertical-align: bottom; color: var(--light-color); z-index: 3; opacity: 0; transition: all .3s ease-in; } & .gallery-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all .3s ease-in; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 0%, rgba(20, 21, 26, 0.80) 100%) 50% / cover no-repeat; } &:hover { & .gallery-hover { opacity: 1; transition: all .3s ease-in; } & .hover-caption { opacity: 1; transition: all .3s ease-in; } } } } .before-d-none { &:before { display: none; } } .gradient-links { display: flex; gap: 16px; padding: 19px 30px; padding-left: calc((100% - 1380px) / 2); margin-bottom: 40px; background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); @media (max-width: 1404px) { padding-left: 30px; } @media (max-width: 992px) { width: 100%; overflow: auto; white-space: nowrap; scrollbar-width: none; /* Firefox */ &::-webkit-scrollbar { display: none; /* Chrome, Safari */ } } @media (max-width: 700px) { padding-left: 12px; padding-right: 12px; } & .gradient-link { font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; /* 126.316% */ letter-spacing: -0.38px; padding: 5px 8px; border: 2px solid transparent; color: var(--light-color); text-transform: uppercase; &.active { border: 2px solid var(--light-color); } } } .catalog-pagination { margin-top: 48px; margin-left: auto; margin-right: auto; display: flex; align-items: center; gap: 24px; & .catalog-pagination__arrow { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; & svg { & path { transition: fill .3s ease-in; } } &:hover { & svg { & path { fill: var(--accent-color); } } } } & .catalog-pagination__items { display: flex; align-items: center; gap: 24px; & li { & a { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in; &:hover { color: var(--accent-color); transition: all .3s ease-in; } &.active { border: 2px solid var(--accent-color); color: var(--accent-color); width: 48px; height: 48px; transition: all .3s ease-in; } } } } } .section__banner { width: 100%; height: 440px; position: relative; @media (max-width: 992px) { height: 344px; } @media (max-width: 700px) { height: 236px; } & img { object-fit: cover; width: 100%; height: 100%; } } .page-filter { & .page-filter__months { display: flex; gap: 8px; overflow: auto; margin-bottom: 16px; border-bottom: 2px solid #EBEBEB; scrollbar-width: none; /* Firefox */ &::-webkit-scrollbar { display: none; /* Chrome, Safari */ } & .page-filter__months-link { padding: 4px 4px 8px 4px; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.32px; text-transform: capitalize; white-space: nowrap; border-bottom: 2px solid transparent; &.current { color: var(--accent-color); border-color: var(--accent-color); } &.inactive { color: #EBEBEB; } } } & .page-filter__days { display: flex; gap: 24px; overflow: auto; scrollbar-width: none; /* Firefox */ &::-webkit-scrollbar { display: none; /* Chrome, Safari */ } & .page-filter__days-link { padding: 4px; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.36px; text-transform: lowercase; white-space: nowrap; &.current { color: var(--accent-color); } } } } .page-acc__items { display: flex; flex-direction: column; gap: 48px; & .page-acc__item { display: flex; /*gap: 20px;*/ /*justify-content: space-between;*/ transition: all .3s ease-in; /*padding-top: 16px;*/ /*padding-right: 16px;*/ /*padding-bottom: 16px;*/ @media (max-width: 992px) { padding-right: 0; } & .page-acc__item-left { display: flex; flex-direction: column; max-width: 826px; width: 100%; position: relative; /*padding: 16px;*/ transition: all .3s ease-in; padding-bottom: 16px; padding-top: 16px; padding-right: 16px; @media (max-width: 992px) { background-color: #F8F8FA; } &::before { content: ""; position: absolute; bottom: -40px; width: 100%; height: 1px; background-color: #A2A4AA; @media (max-width: 992px) { bottom: -24px; } } & .page-acc__head { display: flex; flex-direction: column; gap: 24px; cursor: pointer; transition: all .3s ease-in; padding-left: 16px; padding-right: 16px; & .page-acc__head-title { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; max-width: 89%; @media (max-width: 992px) { max-width: 81%; font-size: 18px; line-height: 25px; } } & .page-acc__head-spec__items { display: flex; gap: 40px; @media (max-width: 992px) { gap: 24px 40px; flex-wrap: wrap; } & .page-acc__head-spec__item { display: flex; flex-direction: column; gap: 4px; & .page-acc__head-spec__item-label { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } & .page-acc__head-spec__item-value { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } } } } & .page-acc__content { max-height: 0; overflow: hidden; transition: all .3s ease-in; /*transition: max-height 0.4s ease, opacity 0.3s ease;*/ opacity: 0; background-color: #F8F8FA; & .page-acc__content-container { padding-left: 16px; padding-right: 16px; } & .page-acc__content-place__title { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-place__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } & .page-acc__content-image { margin-top: 24px; margin-bottom: 24px; height: 516px; width: 100%; @media (max-width: 992px) { height: 320px; } @media (max-width: 700px) { height: 219px; } & img { object-fit: cover; width: 100%; height: 100%; } } & .page-acc__content-description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; } & .page-acc__content-moderator { padding-top: 24px; border-top: 1px solid #EBEBEB; margin-top: 24px; & .page-acc__content-moderator__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 8px; } & .page-acc__content-moderator__name { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-moderator__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: #A2A4AA; max-width: 327px; width: 100%; } } & .page-acc__content-speackers { padding-top: 24px; border-top: 1px solid #EBEBEB; margin-top: 24px; & .page-acc__content-speckers__title { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 8px; } & .page-acc__content-speackers__items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; & .page-acc__content-speackers__item { & .page-acc__content-speackers__item-name { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: -0.32px; margin-bottom: 4px; } & .page-acc__content-speackers__item__description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: #A2A4AA; } } } } & .page-acc__content__closed-registration { margin-top: 40px; padding: 16px 24px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 4px 12px 0 rgba(99, 99, 99, 0.07); & .page-acc__content__closed-registration_title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; @media (max-width: 700px) { font-size: 20px; } } } & .page-acc__resgistration { margin-top: 40px; padding: 16px 24px; border: 1px solid #EDEDED; background: #FFF; box-shadow: 0 2px 12px 0 rgba(99, 99, 99, 0.07); } } & .page-acc__bottom-wrap { padding-top: 24px; padding-left: 16px; @media (max-width: 700px) { padding-left: 0; } } & .page-acc-bottom { display: flex; align-items: center; gap: 8px; cursor: pointer; @media (Max-width: 700px) { justify-content: center; } & span { font-size: 18px; font-style: normal; font-weight: 500; line-height: 25px; /* 138.889% */ letter-spacing: 0.54px; text-transform: lowercase; color: var(--accent-color); } & svg { transition: all .3s ease-in; & path { fill: var(--accent-color) } } } } & .page-acc__item-right { padding: 16px 16px 16px 4px; transition: all .3s ease-in; @media (max-width: 1200px) { display: none; padding: 0; } } & .page-acc__item-image { background: linear-gradient(105deg, #6FC1A5 10.24%, #63AC95 21.58%, #569585 33.29%, #4F887B 40.24%, #417069 53.04%, #355B5A 64.39%, #315354 68.41%, #2E4D4F 71.7%, #1E313B 86.34%); max-width: 242px; width: 100%; height: 161px; padding: 12px; transition: all .3s ease-in; opacity: 0; position: relative; display: block; & .play-icon { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; } @media (max-width: 1200px) { display: none; } & img { object-fit: cover; width: 100%; height: 100%; } } &:hover { /*background-color: #F8F8FA;*/ transition: all .3s ease-in; & .page-acc__item-image { transition: all .3s ease-in; opacity: 1; } & .page-acc__item-left { background-color: #F8F8FA; /*padding-top: 16px;*/ /*padding-bottom: 16px;*/ transition: all .3s ease-in; } & .page-acc__item-right { transition: all .3s ease-in; background-color: #F8F8FA; } } &.open { /*background-color: #F8F8FA;*/ transition: all .3s ease-in; padding-top: 0; padding-bottom: 0; /*& .page-acc__item-image {*/ /* transition: all .3s ease-in;*/ /* opacity: 1;*/ /*}*/ & .page-acc__item-left { background-color: #F8F8FA; padding-top: 16px; padding-bottom: 16px; padding-right: 0; transition: all .3s ease-in; } & .page-acc__head { transition: all .3s ease-in; margin-bottom: 24px; } & .page-acc__bottom-wrap { width: 100%; background-color: #F8F8FA; & .page-acc-bottom { & svg { transform: rotate(180deg); } } } & .page-acc__content { opacity: 1; padding-top: 16px; /*padding-bottom: 16px;*/ transition: all .3s ease-in; } } &.archieve { & .page-acc__item-left { position: relative; &::after { content: "В архиве"; position: absolute; top: 16px; right: 16px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.54px; color: #A2A4AA; text-transform: none; @media (max-width: 9920px) { font-size: 13px; } } } } } } .page-acc__resgistration { & .success-form__send-message { font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; /* 133.333% */ letter-spacing: -0.54px; color: var(--accent-color); } & .page-acc__resgistration__title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 30px; /* 125% */ letter-spacing: -0.96px; margin-bottom: 24px; } & form { & .accent-btn__light-nobg { max-width: 318px; width: 100%; margin-top: 24px; justify-content: center; } & .registration-counter { display: flex; gap: 24px; align-items: center; margin-bottom: 24px; & .registration-counter__title { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; @media (max-width: 992px) { max-width: 50%; } } & .registration-counter__pag { display: flex; align-items: flex-end; gap: 10px; & .registration-counter__pag-minus { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #101113; display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 28px; user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; } & .registration-counter__pag-input { max-width: 54px; width: 100%; & input { display: block; width: 100%; height: 100%; border-bottom: 1px solid var(--dark-color); font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; text-align: center; &::placeholder { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; text-align: center; } } } & .registration-counter__pag-plus { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #101113; display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 28px; user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; } } } } } .modal-content-video { padding: 0; background: transparent; max-height: 480px; height: 100%; max-width: 977px; width: 100%; & .custom-modal { height: 100%; } } .participants-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @media (max-width: 1310px) { grid-template-columns: repeat(2, 1fr); } @media (max-width: 700px) { grid-template-columns: repeat(1, 1fr); } & .participants-item { display: flex; flex-direction: column; & .participants-item__image { height: 218px; width: 100%; position: relative; margin-bottom: 6px; @media(max-width: 1310px) { height: initial; aspect-ratio: 1.6 / 1; } & .participants-item__image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in; background: linear-gradient(105deg, rgba(111, 193, 165, 0.80) 10.24%, rgba(99, 172, 149, 0.80) 21.58%, rgba(86, 149, 133, 0.80) 33.29%, rgba(79, 136, 123, 0.80) 40.24%, rgba(65, 112, 105, 0.80) 53.04%, rgba(53, 91, 90, 0.80) 64.39%, rgba(49, 83, 84, 0.80) 68.41%, rgba(46, 77, 79, 0.80) 71.7%, rgba(30, 49, 59, 0.80) 86.34%); } & img { object-fit: cover; width: 100%; height: 100%; } } & .participants-item__spec { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; & .participants-item__spec-city { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } & .participants-item_spec-stand { font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; /* 150% */ letter-spacing: 0.54px; } } & .participants-item__name { font-size: 20px; font-style: normal; font-weight: 500; line-height: 31px; /* 155% */ letter-spacing: -0.6px; text-transform: uppercase; } &:hover { & .participants-item__name { text-decoration: underline; } & .participants-item__image { & .participants-item__image-layer { opacity: 1; } } } } } .bottom-bg__animate { background: linear-gradient(334deg, #6FC1A5, #4B8F80, #2E3E46); background-size: 180% 180%; animation: gradient-animation-bottom 6s ease infinite; height: 200px; width: 100%; } @keyframes gradient-animation-bottom { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .subscribe { padding-top: 80px; padding-bottom: 90px; background: linear-gradient( -300deg, #69b69c, #5a9d8a, #4a8578, #3a6d66, #2f5347, #1a3a32, #010100 ); background-size: 200% 200%; animation: gradient-animation 20s ease-in-out infinite; @media (max-width: 992px) { padding-left: 24px; padding-right: 24px; } @media (max-width: 700px) { padding-top: 45px; padding-bottom: 45px; } & .subscribe-form { max-width: 912px; width: 100%; margin-right: calc((100% - 1146px) / 2); margin-left: auto; @media (max-width: 1250px) { margin-left: auto; margin-right: auto; } @media (max-width: 992px) { margin-left: 0; margin-right: 0; } & .subscribe-form__title { font-size: 46px; font-style: normal; font-weight: 500; line-height: 52px; letter-spacing: -2.76px; margin-bottom: 40px; color: var(--light-color); @media (max-width: 700px) { font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px; /* 105.556% */ letter-spacing: -2.16px; margin-bottom: 24px; } } & .input-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; @media (max-width: 700px) { flex-direction: column; align-items: flex-start; } & .input-wrap { max-width: 70.29%; width: 100%; height: 40px; @media (max-width: 700px) { max-width: 100%; } & input { display: block; width: 100%; height: 100%; border-bottom: 1px solid var(--light-color); padding-bottom: 16px; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.6px; color: var(--light-color); &::placeholder { font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.6px; color: var(--light-color); } } } } & .subscribe-form__policy { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; letter-spacing: -0.28px; color: var(--light-color); max-width: 905px; width: 100%; & a { font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; letter-spacing: -0.28px; color: var(--light-color); text-decoration: underline; } } & .thx-form__text { font-size: 46px; font-style: normal; font-weight: 500; line-height: 52px; letter-spacing: -2.76px; color: var(--light-color); display: none; } } } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 16% { background-position: 100% 50%; } 32% { background-position: 0% 50%; } 48% { background-position: 100% 50%; } 64% { background-position: 0% 50%; } 80% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .section.subscribe { margin-bottom: 0; } .coockie-block { position: fixed; left: 0; bottom: 0; padding-top: 32px; padding-bottom: 40px; background-color: var(--light-color); width: 100%; z-index: 5; & .coockie-block__inner { display: flex; align-items: center; justify-content: center; gap: 40px; @media (max-width: 700px) { flex-direction: column; align-items: flex-start; gap: 24px; } & .coockie-block__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; max-width: 940px; & a { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; text-decoration: underline; } } & .coockie-block__btn { text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 25px; /* 178.571% */ letter-spacing: 0.42px; text-transform: lowercase; color: var(--dark-color); border: 1px solid var(--dark-color); transition: all .3s ease-in; padding: 7px 36px; &:hover { color: var(--light-color); border-color: var(--accent-color); transition: all .3s ease-in; background-color: var(--accent-color); } } } } .modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 15; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; } .modal-fade { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); cursor: pointer; } .modal--small .modal-content { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: #fff; display: block; margin: auto; width: 40rem; max-width: 85%; overflow: auto; max-height: 100vh; } .padding-new { padding: 0; } .modal-subscribe__close { position: absolute; top: 1rem; right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.0875rem; color: #2C4157; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; z-index: 3; } .modal-content__inner { position: relative; padding: 40px; height: 449px; display: flex; align-items: flex-end; @media (max-width: 740px) { padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 32px; } & .accent-btn__light-nobg { padding-left: 15px; padding-right: 15px; } & .modal-subscribe__body { max-width: 301px; margin-left: auto; margin-top: auto; margin-bottom: 0; margin-right: 20px; @media (max-width: 740px) { margin-left: 0; margin-right: auto; } } & .modal-subscribe__title { font-size: 34px; font-style: normal; font-weight: 500; line-height: 38px; /* 111.765% */ letter-spacing: -1.36px; color: #112337; margin-bottom: 56px; @media (max-width: 740px) { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; /* 114.286% */ letter-spacing: -1.12px; margin-bottom: 24px; max-width: 290px; } } & .modal-subscribe__img { position: absolute; left: 0; top: 0; max-width: 242px; width: 100%; height: 100%; display: flex; @media (max-width: 740px) { height: 207px; max-width: 100%; } & img { object-fit: cover; width: 100%; height: 100%; } } } .modal.active { pointer-events: auto; opacity: 1; } .text-format { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.32px; color: var(--dark-color); } .text-format p { margin-bottom: 24px; } @-webkit-keyframes dyinglight { 15% { transform: scale(1.6); } 50% { transform: rotate(-89deg); } 100% { transform: rotate(-90deg); } } @keyframes dyinglight { 15% { transform: scale(1.6); } 50% { transform: rotate(-89deg); } 100% { transform: rotate(-90deg); } } .preloader { & .txt { display: block; position: absolute; z-index: 5; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); top: 50%; text-align: center; color: #fefefe; text-transform: uppercase; letter-spacing: 0.2em; font-size: 2em; line-height: 2; font-weight: bold; } .anim-text-flow { display: inline-block; background: linear-gradient( 90deg, #6FC1A5, #4a8c77, #2a5748, #000100, #2a5748, #4a8c77, #6FC1A5 ); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: smooth-wave 2s ease-in-out infinite; } } @keyframes smooth-wave { 0% { background-position: 100% 0%; } 100% { background-position: -100% 0%; } } .open-registrtion { position: absolute; right: 30px; bottom: 17px; transition: opacity 0.5s ease; z-index: 2; bottom: initial; top: -7rem; @media (max-width: 992px) { left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; } & .open-registrtion__inner { display: flex; gap: 15px; align-items: center; position: relative; padding: 25px 30px 16px 23px; @media (max-width: 700px) { padding: 0; } &::before { content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background: linear-gradient(0deg, #000 -38.57%, #6FC1A5 100%); opacity: 0; /*transition: opacity 0.1s ease;*/ @media (max-width: 700px) { display: none; } } & .open-registration__info { max-width: 410px; opacity: 0; /*transition: opacity 0.3s ease;*/ pointer-events: none; & .open-registration__date { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.42px; text-transform: lowercase; color: var(--dark-color); margin-bottom: 4px; } & .open-registration__advanced-text { font-weight: 400; font-size: 14px; line-height: 100%; margin-bottom: 4px; } & .open-registration__text { font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; /* 125% */ letter-spacing: -0.48px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } @media (max-width: 700px) { display: none; } } & .open-registration__btn { background: #101113; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); font-size: 18px; display: flex; justify-content: center; align-items: center; color: var(--light-color); padding: 9px 40px; height: 56px; /*transition: all 0.3s ease;*/ cursor: pointer; /* на всякий случай */ } } &.is-active { & .open-registrtion__inner { &::before { opacity: 1; transition: opacity 0.1s ease; } } background-color: var(--light-color); box-shadow: 0 10px 36px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.06); transition: opacity 0.5s ease; @media (max-width: 700px) { background-color: transparent; box-shadow: none; } & .open-registration__btn { background: var(--accent-color); color: var(--light-color); transition: all 0.5s ease; } & .open-registration__info { opacity: 1; transition: opacity 0.5s ease; pointer-events: auto; } } &.is-fixed { position: fixed; bottom: 17px; top: initial; } } [data-panzoom-action="iterateZoom"] { } [data-fancybox-toggle-slideshow] { } .fancybox__toolbar__column.is-right { display: none !important; } /* End */ /* Start:/local/templates/main_redesign/components/bitrix/menu/main-menu/style.min.css?1764133981490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main_redesign/components/bitrix/menu/main-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/main_redesign/styles.css?1764133982684*/ [id^="bx_incl_area"], [id*=" bx_incl_area"] { height: inherit; } #news a.years-link.current { pointer-events: initial; } .coockie-block { display: none; } .coockie-block.show { display: block; } .preloader { height: 100%; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; background: rgba(0,0,0,0.7); } label.custom-checkbox { position: relative; } body .custom-checkbox { & input[type="checkbox"] { display: initial; width: 1px; height: 1px; position: absolute; z-index: -10; left: 10px; top: 20px; opacity: 0; } } .footer-menu__item-cat { pointer-events: none; } /* End */ /* /local/templates/main_redesign/css/fancybox.css?176413398125343 */ /* /local/templates/main_redesign/css/lecture.css?17641339813456 */ /* /local/templates/main_redesign/css/lecture-detail.css?17641339819629 */ /* /local/templates/main_redesign/css/splide.min.css?17641339815002 */ /* /local/templates/main_redesign/css/homepage.css?176430732220571 */ /* /local/templates/main_redesign/css/about-fair.css?1764133981631 */ /* /local/templates/main_redesign/css/news.css?17643204686363 */ /* /local/templates/main_redesign/css/news-detail.css?17643307074358 */ /* /local/templates/main_redesign/css/photos.css?17641339814709 */ /* /local/templates/main_redesign/css/search-page.css?17641339813928 */ /* /local/templates/main_redesign/css/team.css?17643204681295 */ /* /local/templates/main_redesign/css/audio-guide.css?176430732228566 */ /* /local/templates/main_redesign/css/accreditation.css?1764133981923 */ /* /local/templates/main_redesign/css/partners.css?17641339812632 */ /* /local/templates/main_redesign/css/projects.css?1764133981628 */ /* /local/templates/main_redesign/css/detail-project.css?176432046813139 */ /* /local/templates/main_redesign/css/contacts.css?17641339812356 */ /* /local/templates/main_redesign/css/404.css?17641339811397 */ /* /local/templates/main_redesign/css/press-about.css?17643204683402 */ /* /local/templates/main_redesign/css/press-contacts.css?1764133981431 */ /* /local/templates/main_redesign/css/press-release.css?17641339811381 */ /* /local/templates/main_redesign/css/participants.css?17641339812839 */ /* /local/templates/main_redesign/css/participants-detail.css?17643073223125 */ /* /local/templates/main_redesign/css/events-map.css?176432046823081 */ /* /local/templates/main_redesign/css/auth.css?17641466696176 */ /* /local/templates/main_redesign/css/main.css?176433402578217 */ /* /local/templates/main_redesign/components/bitrix/menu/main-menu/style.min.css?1764133981490 */ /* /local/templates/main_redesign/styles.css?1764133982684 */