/* Start:/local/templates/rusat/styles/swiper-bundle.min.css?178403493114594*/ /** * Swiper 14.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 9, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;height:auto;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;height:auto;position:relative;transition-property:transform;width:auto}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/rusat/styles/nebo.css?17840349313577*/ .nebo { --nb-r: 20px; --nb-w: 20px; --nb-h: 20px; /* Fine-tuned radiuses */ --nb-cor1-rw: var(--nb-r); --nb-cor1-rh: var(--nb-r); --nb-cor2-rw: var(--nb-r); --nb-cor2-rh: var(--nb-r); --nb-curve-rw: var(--nb-r); --nb-curve-rh: var(--nb-r); --_nb-smooth: 98%; /* Curve positions list */ --_nb-curve-pos-tl: 0 0; --_nb-curve-pos-tr: 100% 0; --_nb-curve-pos-bl: 0 100%; --_nb-curve-pos-br: 100% 100%; /* Setting default curve position (bottom right corner) */ --_nb-curve-pos: var(--_nb-curve-pos-br); --_nb-mask-image: linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #000, #000), radial-gradient(closest-side at center, #000 var(--_nb-smooth), transparent 100%), radial-gradient(closest-side at center, #000 var(--_nb-smooth), transparent 100%), radial-gradient(farthest-side at var(--_nb-curve-pos), transparent var(--_nb-smooth), #000 100%); --_nb-mask-size: 100% calc(100% - var(--nb-h) - var(--nb-cor1-rh) - var(--nb-curve-rh) - var(--nb-cor2-rh)), calc(100% - var(--nb-cor1-rw)) calc(100% - var(--nb-h) - var(--nb-curve-rh) - var(--nb-cor2-rh)), calc(100% - var(--nb-w) - var(--nb-curve-rw) - var(--nb-cor1-rw)) calc(100% - var(--nb-cor2-rh)), calc(100% - var(--nb-w) - var(--nb-cor1-rw) - var(--nb-curve-rw) - var(--nb-cor2-rw)) 100%, calc(var(--nb-cor1-rw) * 2) calc(var(--nb-cor1-rh) * 2), calc(var(--nb-cor2-rw) * 2) calc(var(--nb-cor2-rh) * 2), calc(var(--nb-curve-rw) + 0.5px) calc(var(--nb-curve-rh) + 0.5px); /* Masks positions list */ --_nb-mask-position-tl: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0 calc(var(--nb-h) + var(--nb-curve-rh) + var(--nb-cor2-rh)), calc(var(--nb-w) + var(--nb-cor1-rw) + var(--nb-curve-rw)) 0, calc(var(--nb-w) + var(--nb-cor1-rw)) calc(var(--nb-h) + var(--nb-cor2-rh)); --_nb-mask-position-tr: 0 100%, 0 100%, 0 100%, 0 100%, 100% calc(var(--nb-h) + var(--nb-curve-rh) + var(--nb-cor2-rh)), calc(100% - var(--nb-w) - var(--nb-curve-rw) - var(--nb-cor1-rw)) 0, calc(100% - var(--nb-w) - var(--nb-cor1-rw)) calc(var(--nb-h) + var(--nb-cor2-rh)); --_nb-mask-position-bl: 100% 0, 100% 0, 100% 0, 100% 0, 0 calc(100% - var(--nb-h) - var(--nb-curve-rh) - var(--nb-cor2-rh)), calc(var(--nb-w) + var(--nb-curve-rw) + var(--nb-cor1-rw)) 100%, calc(var(--nb-w) + var(--nb-cor1-rw)) calc(100% - var(--nb-h) - var(--nb-cor2-rh)); --_nb-mask-position-br: 0 0, 0 0, 0 0, 0 0, 100% calc(100% - var(--nb-h) - var(--nb-curve-rh) - var(--nb-cor2-rh)), calc(100% - var(--nb-w) - var(--nb-curve-rw) - var(--nb-cor1-rw)) 100%, calc(100% - var(--nb-w) - var(--nb-cor1-rw)) calc(100% - var(--nb-h) - var(--nb-cor2-rh)); /* Setting default mask position (bottom right corner) */ --_nb-mask-position: var(--_nb-mask-position-br); mask-image: var(--_nb-mask-image); mask-size: var(--_nb-mask-size); mask-position: var(--_nb-mask-position); mask-repeat: no-repeat; } .nebo--tl { --_nb-curve-pos: var(--_nb-curve-pos-tl); --_nb-mask-position: var(--_nb-mask-position-tl); } .nebo--tr { --_nb-curve-pos: var(--_nb-curve-pos-tr); --_nb-mask-position: var(--_nb-mask-position-tr); } .nebo--bl { --_nb-curve-pos: var(--_nb-curve-pos-bl); --_nb-mask-position: var(--_nb-mask-position-bl); } .nebo--br { --_nb-curve-pos: var(--_nb-curve-pos-br); --_nb-mask-position: var(--_nb-mask-position-br); } /* End */ /* Start:/local/templates/rusat/styles/fancybox.css?178403493125343*/ :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/rusat/components/bitrix/menu/.default/style.css?178411991811442*/ /* Left menu*/ ul.main-menu { font-family: OnestRegular; font-weight: 400; font-size: 18px; line-height: 100%; letter-spacing: 5%; display: flex; list-style: none; margin: 0; padding: 0; margin-top: 23px; margin-bottom: 8px; justify-content: space-between; gap: 76px; } ul.main-menu li{ z-index: 11; display: flex; gap: 12px; white-space: nowrap; } ul.main-menu li a { font-size:100%; color:#E2FC7A; text-decoration:none; position: relative; } ul.main-menu li a:visited { color:#E2FC7A; } ul.main-menu li svg{ transition: transform 0.35s ease; } ul.main-menu li a.hover + svg{ transform: rotate(180deg); } ul.main-menu li a.hover{ color:#fff; } ul.main-menu li a.hover::after{ content:""; height: 6px; position: absolute; width: 100%; background-color: #fff; } ul.main-menu li a.selected::after{ content:""; height: 6px; position: absolute; width: 100%; background-color: #fff; } ul.main-menu li a::after{ content: ""; height: 6px; left: 50%; top: 33px; transform: translateX(-50%); position: absolute; width: 0; transition: width 0.35s ease; background-color: #E2FC7A; } ul.main-menu li a.selected:link, ul.main-menu li a.selected:visited, ul.main-menu li a.selected:active, ul.main-menu li a.selected:hover { color:#fff; } .submenu-bg{ position: absolute; left: 0; top: 92px; width: 100%; max-width: 100%; box-sizing: border-box; clip-path: inset(0 0 100% 0); transition: clip-path 0.35s ease; height: 435px; background: #000000BF; backdrop-filter: blur(80px); z-index: 10; } .submenu-bg.show{ clip-path: inset(0 0 0 0); } ul.main-menu .sub-menu{ display: flex; position: absolute; width: 1026px; height: 435px; box-sizing: content-box; padding-top: 46px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: clip-path 0.35s ease; z-index: 10; flex-direction: row; justify-content: center; } ul.main-menu .sub-menu.show{ clip-path: inset(0 0 0 0); } ul.main-menu .sub-menu .menu-industry-solutions{ margin: 50px 0px 50px 0; padding-left: 50px; box-sizing: content-box; width: 348px; } ul.main-menu .sub-menu .menu-industry-solutions .title{ font-family: OnestBold; font-weight: 700; font-size: 21px; line-height: 100%; letter-spacing: 3%; color: #FFFEE6; margin-bottom: 6px; } ul.main-menu .sub-menu .menu-industry-solutions .sub-title{ font-family: OnestRegular; font-weight: 400; font-size: 14px; line-height: 145%; letter-spacing: 0%; color: #BDBDBD; margin-bottom: 28px; } ul.main-menu .sub-menu .menu-industry-solutions .solutions{ display: flex; flex-direction: column; gap: 0px; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution{ display: flex; align-items: center; gap: 24px; height: 38px; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution .img{ width: 46px; height: 46px; display: flex; justify-content: center; align-content: center; align-items: center; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution .img img{ display: flex; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution:hover{ cursor: pointer; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution:hover .text{ color: #E2FC7A; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution:hover svg *{ fill: #E2FC7A; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution .text{ font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 5%; color: #fff; } ul.main-menu .sub-menu .menu-industry-solutions .show-all{ color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 17px; display: flex; line-height: 100%; letter-spacing: 5%; justify-content: flex-end; margin-top: 26px; } ul.main-menu .sub-menu .menu-industry-solutions .show-all:hover{ background-color: unset; color: #E2FC7A; cursor: pointer; } ul.main-menu .sub-menu .line{ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 0.01%, rgba(255, 255, 255, 0.2) 25.96%, rgba(255, 255, 255, 0.2) 79.81%, rgba(255, 255, 255, 0) 100%); height: calc(100% - 100px); min-height: 295px; margin: 50px 0 50px 0; width: 1px; } ul.main-menu .search{ display: none; } ul.main-menu .sub-menu .about-pages-block{ margin: 50px 48px 50px 50px; box-sizing: content-box; width: 300px; } ul.main-menu .sub-menu .about-pages-block .title{ font-family: OnestBold; font-weight: 700; font-size: 21px; line-height: 100%; letter-spacing: 3%; color: #FFFEE6; margin-bottom: 8px; } ul.main-menu .sub-menu .about-pages-block .sub-title{ font-family: OnestRegular; font-weight: 400; font-size: 14px; line-height: 145%; letter-spacing: 0%; color: #BDBDBD; margin-bottom: 28px; } ul.main-menu .sub-menu .about-pages-block .pages-list .pages-list__item .title{ font-family: 'OnestMedium'; font-weight: 500; font-size: 16px; width: auto; line-height: 145%; letter-spacing: 3%; vertical-align: middle; color: white; } ul.main-menu .sub-menu .about-pages-block .pages-list .pages-list__item .title:hover{ color: var(--light-green-rusat-color); } /*basic-solutions*/ ul.main-menu .sub-menu .basic-solutions{ padding: 50px 48px 50px 54px; box-sizing: content-box; width: 525px; } ul.main-menu .sub-menu .basic-solutions .title{ font-family: OnestBold; font-weight: 700; font-size: 21px; line-height: 100%; letter-spacing: 3%; color: #FFFEE6; margin-bottom: 8px; } ul.main-menu .sub-menu .basic-solutions .sub-title{ font-family: OnestRegular; font-weight: 400; font-size: 14px; line-height: 145%; letter-spacing: 0%; color: #BDBDBD; margin-bottom: 28px; } ul.main-menu .sub-menu .basic-solutions .services{ display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 48px; justify-content: flex-start; } ul.main-menu .sub-menu .basic-solutions .services .services__item{ display: flex; gap: 20px; align-items: center; width: calc(50% - 30px); } ul.main-menu .sub-menu .basic-solutions .services .services__item img{ float: left; width: 48px; height: 48px; } ul.main-menu .sub-menu .basic-solutions .services .services__item .title{ font-family: 'OnestMedium'; font-weight: 500; font-size: 16px; width: auto; max-width: 190px; line-height: 145%; letter-spacing: 3%; vertical-align: middle; color: white; } ul.main-menu .sub-menu .basic-solutions .services .services__item:hover .title{ color: #E2FC7A; cursor: pointer; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(1){ max-width: 258px; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(2){ max-width: 219px; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(3){ max-width: 258px; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(4){ max-width: 208px; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(5){ max-width: 258px; } ul.main-menu .sub-menu .basic-solutions .show-all{ color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 17px; display: flex; line-height: 100%; letter-spacing: 5%; justify-content: flex-end; margin-top: 8px; } ul.main-menu .sub-menu .basic-solutions .show-all:hover{ background-color: unset; color: #E2FC7A; cursor: pointer; } /*basic-solutions*/ @media (max-width:1279px) { header .menu{ width: 50%; } ul.main-menu { gap: 10px; font-size: 14px; } ul.main-menu .sub-menu .basic-solutions .show-all{ color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 13px; display: flex; line-height: 100%; letter-spacing: 5%; justify-content: flex-end; margin-top: 26px; } ul.main-menu li a.hover::after{ display: none; } ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(1), ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(2), ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(3), ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(4), ul.main-menu .sub-menu .basic-solutions .services .services__item:nth-child(5) { max-width: 100%; width: auto; } } @media (max-width:1279px) { ul.main-menu{ display: none; } ul.main-menu .sub-menu{ position: relative; display: none; width: 100%; height: auto; flex-direction: column; padding: 0; } ul.main-menu .sub-menu .basic-solutions .services .services__item .title{ font-size: 13px; margin-bottom: 0; } ul.main-menu .sub-menu .basic-solutions .services .services__item img{ width: 36px; height: 36px; } ul.main-menu .sub-menu .basic-solutions{ padding: 0px; width: 100%; } ul.main-menu .sub-menu .basic-solutions .sub-title{ display: none; } ul.main-menu .sub-menu .basic-solutions>.title{ display: none; } ul.main-menu .sub-menu .menu-industry-solutions .sub-title{ display: none; } ul.main-menu .sub-menu .menu-industry-solutions .title{ font-family: OnestSemiBold; font-weight: 600; font-size: 13px; line-height: 100%; letter-spacing: 5%; margin-bottom: 16px; text-transform: uppercase; color: #E2FC7A; } ul.main-menu .sub-menu .basic-solutions{ margin-bottom: 24px; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution { gap: 10px; } ul.main-menu .sub-menu .menu-industry-solutions .solutions .solution .text{ font-size: 13px; } ul.main-menu .sub-menu .menu-industry-solutions .show-all{ font-size: 13px; } ul.main-menu li a.selected{ color: var(--light-green-rusat-color) !important; } ul.main-menu li a.selected::after{ display: none; } ul.main-menu .sub-menu .about-pages-block{ margin: 0 0 0 0px; width: auto; } ul.main-menu .sub-menu .about-pages-block>.title{ display: none; } ul.main-menu .sub-menu .about-pages-block>.sub-title{ display: none; } ul.main-menu .sub-menu .about-pages-block .pages-list .pages-list__item { display: block; } ul.main-menu .sub-menu .about-pages-block .pages-list .pages-list__item + .pages-list__item { margin-top: 15px; } ul.main-menu .sub-menu .about-pages-block .pages-list .pages-list__item .title{ font-size: 13px; } ul.main-menu .sub-menu[name=about] .basic-solutions{ display: none; } } @media (max-width:375px) { header .menu.show { width: 100% !important; } } /* End */ /* Start:/local/templates/rusat/components/bitrix/search.title/mob-search/style.css?17840349314092*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/rusat/components/bitrix/search.title/mob-search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .header-search{ display: contents; } .header-search.show{ background: linear-gradient(103.7deg, rgba(255, 255, 255, 0.4) 3.14%, rgba(255, 255, 255, 0) 99.17%); border: 2px solid #D5C815; border-radius: 25px; background-color: #000; height: 44px; z-index: 12; padding: 0 2px 0 22px; display: flex; position: relative; justify-content: flex-end; align-items: center; flex-direction: row; } .header-search form{ display: contents; } .header-search form #title-search-input{ display: none; } .header-search.show form #title-search-input::placeholder{ color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0px; text-align: left; } .header-search.show form #title-search-input{ display: block; color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0px; text-align: left; opacity: 1; z-index: 15; filter: none; } .header-search.show form .header-search-submit{ background-color: #D5C815; width: 46px; display: flex; height: 36px; border-radius: 0 20px 20px 0px; align-items: center; justify-content: center; } .header-search.show form .header-search-submit:hover{ background-color: #E2FC7A; } .header-search.show form .header-search-submit svg{ color: #000; fill: #0000; } .header-search.show form .header-search-submit svg{ color: #000; fill: #0000; } .header-search form .header-search-submit svg{ color: #D5C815 ; } .header-search form .header-search-submit:hover svg{ color: #E2FC7A ; } .header-search form .cross{ display: none; } .header-search.show form .cross:hover path{ fill: #E2FC7A; } .header-search.show form .cross{ display: block; position: relative; right: 10px; z-index: 15; cursor: pointer; } .header-search.show form .header-search-submit:hover svg{ color: #000 ; } header .buttons .search { position: relative; top: 0px; } /* End */ /* Start:/local/templates/rusat/components/bitrix/search.title/.default/style.css?17840349314253*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/rusat/components/bitrix/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .header-search{ display: contents; } .mob-header-search{ background: linear-gradient(103.7deg, rgba(255, 255, 255, 0.4) 3.14%, rgba(255, 255, 255, 0) 99.17%); border-radius: 25px; background-color: #000; height: 44px; z-index: 12; padding: 0 2px 0 13px; display: flex; position: relative; justify-content: flex-end; align-items: center; flex-direction: row; } .mob-header-search form{ display: flex; flex-direction: row-reverse; } .header-search form{ display: contents; } .header-search form #title-search-input{ display: none; } .header-search.show form #title-search-input::placeholder{ color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0px; text-align: left; } .header-search.show form #title-search-input{ display: block; color: #FFFEE6; font-family: OnestMedium; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0px; text-align: left; opacity: 1; z-index: 15; filter: none; } .header-search form .header-search-submit{ display: flex; width: 24px; } .header-search.show form .header-search-submit{ background-color: #D5C815; width: 46px; display: flex; height: 36px; border-radius: 0 20px 20px 0px; align-items: center; justify-content: center; } .mob-header-search form .header-search-submit svg{ color: #D5C815 ; fill: #0000; } .mob-header-search form .header-search-submit svg{ color: #D5C815 ; fill: #0000; } .mob-header-search form #title-search-input::placeholder{ color: #0000; } header .buttons .search { position: relative; top: 0px; right: 4px; } @media (min-width:1280px) { .mob-header-search{ display: none; } header.pages .menu ul.main-menu .search{ display: none; } } @media (max-width:1280px) { .mob-header-search form .cross{ display: none; } header .buttons .search{ display: none; } .mob-header-search form input{ font-family: OnestMedium; font-weight: 500; margin-left: 10px; color: white; font-size: 15px; line-height: 145%; letter-spacing: 3%; vertical-align: middle; } } /* End */ /* Start:/local/components/niges/cookiesaccept/templates/.default/style.css?17840349315430*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: "OnestSemiBold"; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } #nca-cookiesaccept-line{ max-width: 602px !important; min-height: 199px !important; left: 50%; padding: 32px !important; transform: translate(-50%, 0px); bottom: 27px !important; opacity: 1; border-radius: 16px; box-shadow: 0px 2px 22.1px 0px #00000012; background: #FFFFFFB2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #nca-cookiesaccept-line .close-button{ position: absolute; right: 20.31px; top:20px; } #nca-cookiesaccept-line .close-button:hover{ cursor: pointer; } #nca-cookiesaccept-line.nca-cookiesaccept-line > div > div{ padding: 0 !important; } #nca-cookiesaccept-line .nca-cookiesaccept-line-text{ font-family: OnestRegular; font-weight: 500; font-style: Regular; font-size: 16px; line-height: 150%; letter-spacing: 0%; padding: 0px; width: 92%; } #nca-cookiesaccept-line .nca-cookiesaccept-line-text>a:hover { text-decoration: none; } #nca-cookiesaccept-line > div{ flex-direction: column; align-items: flex-start !important; gap: 20px; } #nca-cookiesaccept-line-accept-btn{ width: 146px; height: 43px; opacity: 1; border-radius: 22px; padding-top: 8px; padding-right: 36px; padding-bottom: 10px; padding-left: 36px; background-color: #E2FC7A; color: #000; transition: 0.2s; font-size: 17px; line-height: 100%; } #nca-cookiesaccept-line-accept-btn:hover { background-color: #D5C815; } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile {display: none !important;} } @media screen and (max-width:640px) { #nca-cookiesaccept-line{ width: calc(100% - 40px) !important; margin: 20px !important; box-sizing: border-box !important; min-height: 155px !important; padding: 20px !important; left: 0px; transform: none; bottom: 0px !important; opacity: 1; border-radius: 16px; box-shadow: 0px 2px 22.1px 0px #00000012; background: #FFFFFFB2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .nca-cookiesaccept-line > div > div{ padding: 0px !important; width: 100%; } #nca-cookiesaccept-line-accept-btn{ width: 100%; height: 35px; } #nca-cookiesaccept-line .nca-cookiesaccept-line-text{ font-size: 12px; line-height: 135%; } #nca-cookiesaccept-line-accept-btn{ font-size: 13px; } #nca-cookiesaccept-line > div{ gap:16px; } #nca-cookiesaccept-line .close-button{ right: 20px; top: 19px; width: 11.31px; } } /* End */ /* Start:/local/templates/rusat/template_styles.css?178420578599829*/ /*#region -----------------------------STYLES RESET-----------------------------*/ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .container .page-title.title{ font-family: 'OnestSemiBold'; font-weight: 500; font-size: 50px; line-height: 107%; letter-spacing: 2%; color: var(--dark-rusat-color); margin: 32px 0; } :root { font-size: 16px; color-scheme: light; } body { font-family: 'Inter', system-ui, sans-serif; font-size: 1rem; line-height: 1.5; color: #000; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body.mainpage{ background-color: var(--dark-rusat-color); } a { color: inherit; text-decoration: none; } button { font: inherit; background: none; border: none; cursor: pointer; padding: 0; margin: 0; } img, picture, svg { display: block; max-width: 100%; height: auto; } input, textarea, select { font: inherit; color: inherit; border: none; outline: none; background: none; padding: 0; margin: 0; width: 100%; } html { scrollbar-width: thin; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* #endregion -------------------------STYLES RESET-----------------------------*/ /*#region -----------------------------VARS-------------------------------------*/ :root { --light-green-rusat-color: #E2FC7A; --dark-rusat-color: #12131D; --light-y-rusat-color: #FFFEE6; --y-rusat-color: #D5C815; } /* #endregion -------------------------VARS-----------------------------*/ /*#region -----------------------------FONTS------------------------------------*/ @font-face { font-family: "OnestRegular"; src: url("/assets/fonts/Onest-Regular.ttf"); } @font-face { font-family: "OnestMedium"; src: url("/assets/fonts/Onest-Medium.ttf"); } @font-face { font-family: "OnestBold"; src: url("/assets/fonts/Onest-Bold.ttf"); } @font-face { font-family: "OnestSemiBold"; src: url("/assets/fonts/Onest-SemiBold.ttf"); } @font-face { font-family: "OnestExtraBold"; src: url("/assets/fonts/Onest-ExtraBold.ttf"); } .container>.title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; margin: 37px 0 32px; line-height: 107%; letter-spacing: 0%; color: var(--dark-rusat-color); } .container .textpage__block{ font-family: OnestRegular; font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: 0%; color: var(--dark-rusat-color); } .container .textpage__block h2 { font-family: OnestSemiBold; font-weight: 500; font-size: 42px; line-height: 107%; margin-bottom: 27px; letter-spacing: 0%; color: var(--dark-rusat-color); } .container .textpage__block p { margin-bottom: 15px; } .container .textpage__block ul, .container .textpage__block ol { padding-left: 20px; margin-bottom: 30px; } /* .container .textpage__block a { text-decoration: underline; transition: 0.2s; } .container .textpage__block a:hover { text-decoration: none; } */ @media (max-width: 1680px) { body > .container { padding: 0 20px; } body .container { width: auto; max-width: 100%; } } @media (max-width: 1280px) { .container>.title{ font-size: 40px; margin: 0px 0 20px; } } @media (max-width: 767px) { .container>.title{ font-size: 30px; margin: 0px 0 20px; } body > .container { padding: 0 16px; box-sizing: border-box; } } /* #endregion -------------------------FONTS-----------------------------*/ /*#region -----------------------------HEADER-----------------------------------*/ header.mainpage{ max-height: 806px; background: none; } header{ background-color: var(--dark-rusat-color); } header .logo-text__logo{ margin-right: 11px; } header.pages .logo-text{ flex-direction: row; } header .logo-text{ display: flex; position: absolute; left: 0px; } header .logo-text__subtitle{ display: inline-block; color: #CAC018; font-family: OnestRegular; font-weight: 400; font-size: 10px; letter-spacing: 0; } header .connect{ background-color: var(--y-rusat-color); font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: 1px; text-align: center; width: 154; height: 44; border-radius: 22px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; } header .connect:hover{ background-color: var(--light-green-rusat-color); } header .burger{ margin-left: 18px; display: none; } header.pages .buttons .search{ position: absolute; top: 0px; height: 44px; left: 37px; } header.pages .buttons .search.open{ top: 0; max-width: 950px; width: 58vw; left: auto; right: 185px; } header .buttons .search.open{ top: 0; width: 950px; right: -12px; } header .buttons .search-icon{ width: 24px; height: 26px; } header .buttons{ min-width: 200px; } @media (min-width: 767px) { header.mainpage{ position: relative; height: 780px; } header .bg-block{ position: absolute; top: 0px; z-index: -1; width: 100%; height: 100%; background: linear-gradient(0deg, #020E04, #020E04), linear-gradient(0deg, #010101, #010101); } header .bg-block:before{ content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; background-image: url("/local/templates/rusat/imgs/stars_3.webp"); } header .bg-block img{ width: 100%; height: 100%; } header.pages .logo-text{ display: flex; width: 335px; align-items: center; position: absolute; left: 0px; top: 22px; bottom: unset; } header.pages .logo-text__logo{ margin-right: 23px; width: 206px; height: 60px; } header.pages .logo-text__subtitle{ color: #CAC018; width: 163px; margin-left: auto; margin-top: 24px; display: flex; font-family: OnestMedium; font-weight: 500; font-size: 14px; line-height: 111.00000000000001%; letter-spacing: 0px; } header .logo-text { display: flex; width: 248px; flex-direction: column; } header .logo-text__subtitle{ color: #CAC018; width: 163px; margin-left: auto; margin-top: 7px; display: flex; font-family: OnestMedium; font-weight: 500; font-size: 14px; line-height: 111.00000000000001%; letter-spacing: 0px; } header .logo-text__logo { margin-right: 11px; width: 172px; height: 59px; } header .menu{ margin-top: 0px; } header.pages .menu{ margin-right: 0px; } header.pages .buttons{ margin-top: 0px; position: absolute; padding-left: 65px; margin-top: 2px; min-width: auto; } header .connect{ margin-left: 38px; z-index: 9; } header .buttons{ margin-right: 60px; display: flex; position: absolute; right: 0px; margin-top: 12px; align-items: center; } header.pages .container{ height: 109px; padding: 22px 0; right: 6px; display: flex; align-items: center; justify-content: center; } header .container{ right: 6px; position: relative; max-width: 1620px; height: 177px; margin: 0 auto; padding: 22px 0px; display: flex; align-items: flex-start; justify-content: center; } header.pages .menu ul.main-menu{ margin: 0; margin-top: 6px; margin-bottom: 8px; } header.pages .buttons .header-search.show .search{ top: 0px; } } @media (max-width: 1680px) { header > .container { padding-left: 20px; padding-right: 20px; } header > .container .logo-text { left: 20px; } } @media (max-width: 1620px) { header .container { padding: 22px 0px 0px 0px; } header .menu{ width: 45%; } header.pages .menu{ width: 45%; } ul.main-menu{ display: flex; gap: 0; justify-content: space-between; } header.pages .logo-text{ left: 34px; } header .logo-text{ left: 32px; } header.pages .logo-text__logo{ width: 140px; } header.pages .logo-text__subtitle{ width: 120px; font-size: 12px; margin-left: 0px; } } @media (max-width: 1400px) { header.pages .buttons .search.open{ width: 55vw; } } @media (max-width:1280px){ header .logo-text { display: flex; width: 213px; flex-direction: column; } header .logo-text__logo{ margin-right: 11px; width: 100px; height: 35px; } header .logo-text__subtitle{ color: #CAC018; width: 163px; margin-left: auto; margin-top: 5px; display: flex; font-family: OnestMedium; font-weight: 500; font-size: 12px; line-height: 111.00000000000001%; letter-spacing: 0px; } header .buttons .search-icon{ width: 17px; height: 18px; } header.pages .buttons .search{ height: 35; } header.pages .menu{ display: none; } header .connect { font-size: 14px; width: 125px; height: 35px; } header .container{ height: 120px; } header.pages .buttons{ margin-top: 0px; padding-left: 38px; margin-right: 32px; width: 200px; } header .buttons{ margin-top: 0px; padding-left: 38px; margin-right: 32px; width: 200px; } header.pages .container{ right: 0px; justify-content: flex-end; } } @media (max-width:1280px){ header .logo-text{ position: relative; display: flex; width: auto; flex-direction: row; align-items: flex-end; } header .container{ display: flex; height: 109px; right: 0px; padding: 22px 10px; justify-content: space-between; align-items: center; } header .connect{ margin-left: 0px; } /* header .container{ display: flex; height: 59px; right: 0px; padding: 11px 16px 0px 16px; justify-content: space-between; align-items: center; } */ header .burger{ margin-left: 0px; width: 21px; height: 16px; max-width: 100%; min-width: 21px; } header .logo-text__subtitle{ font-size: 11px; } header.pages .logo-text__subtitle{ font-size: 11px; } header.pages .logo-text{ left: 10px; top: 29px; align-items: flex-end; } header.pages .logo-text__logo{ width: 128px; max-width: max-content; height: 45px; margin-right: 11px; } header .logo-text__logo{ width: 128px; max-width: max-content; height: 45px; } header .burger{ display: block; } header .logo-text{ left: 0; } header .logo-text__subtitle{ width: 110px; margin-top: 9px; } header .menu{ display: none; } header .menu.show { display: flex; position: fixed; overflow: auto; margin: 0; right: 0; top: 0; padding: 0px 16px 44px 16px; z-index: 10; width: 375px; height: 100%; backdrop-filter: blur(80px); background: #000000BF; box-shadow: 0px 0px 103.7px -46px #000000E5; flex-direction: column; justify-content: space-between; } ul.main-menu .cross{ position: absolute; top: 16px; right: 16px; } header.pages .container{ padding: 22px 10px; display: flex; justify-content: space-between; } .menu .button-contact-us{ background-color: var(--light-green-rusat-color); width: 100%; font-family: 'OnestSemiBold'; min-height: 34px; display: flex; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: 0px; text-align: center; border-radius: 17px; color: #000000; align-items: center; justify-content: center; } ul.main-menu{ display: flex; flex-direction: column; justify-content: flex-start; gap: 24px; width: 100%; padding: 7px 25px 24px; } ul.main-menu li a{ font-family: OnestSemiBold; font-weight: 500; font-size: 13px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; color: #FFFEE6; } ul.main-menu .sub-menu.show{ position: relative; display: flex; width: 100%; height: auto; flex-direction: column; padding: 0; } .ul.main-menu .sub-menu .basic-solutions{ padding: 0; } ul.main-menu .sub-menu .basic-solutions .services{ display: flex; flex-wrap: nowrap; row-gap: 12px; column-gap: 48px; justify-content: flex-start; flex-direction: column; } ul.main-menu .sub-menu .line{ display: none; } ul.main-menu .sub-menu .menu-industry-solutions{ padding-left: 0px; margin: 0; width: 100%; } ul.main-menu .search{ display: block; } } @media (max-width: 1280px) { header.mainpage{ height: 508px; } } @media (max-width:767px){ header .buttons{ display: none; } header.mainpage{ position: relative; height: 249px; margin-bottom: 42px; } } @media (max-width:767px){ header .buttons{ display: none; min-width: unset; margin-right: 17px; } header .connect{ width: 97px; height: 34px; position: relative; top: -2px; font-size: 12px; letter-spacing: 1px; padding: 0px; display: flex; justify-content: center; align-items: center; } header .logo-text__logo { width: 77px; margin-top: 2px; min-width: max-content; height: 27px; } header.pages .logo-text__logo { width: 77px; margin-top: 2px; min-width: max-content; height: 27px; } header.mainpage { margin-bottom: 85px; } header .container{ display: flex; height: 40px; right: 0px; padding: 2px 14px; box-sizing: content-box; justify-content: space-between; align-items: center; } header.pages .container { display: flex; height: 40px; right: 0px; padding: 2px 14px 15px; box-sizing: content-box; justify-content: space-between; align-items: center; } header .burger{ margin-top: 8px; margin-right: 4px; } header .logo-text__subtitle{ margin-top: 18px; font-size: 10px; } header.pages .logo-text__subtitle{ font-size: 10px; } header.pages .logo-text{ top: 0px; left: 0px; } } /* #endregion -------------------------HEADER-----------------------------*/ /*#region -----------------------------MAINBLOCK--------------------------------*/ .mainblock{ display: flex; height: 292px; color: white; position: relative; flex-direction: column; align-items: center; } .mainblock .mainblock__info{ width: 223px; } .mainblock .mainblock__satellite{ width: 109px; position: absolute; right: 0; } .mainblock .mainblock__info .mainblock__info__title{ font-family: "OnestRegular"; font-weight: 400; font-size: 14px; line-height: 36px; color: var(--light-y-rusat-color); letter-spacing: 5%; } .mainblock .mainblock__info .mainblock__info__name{ font-family: "OnestExtraBold"; font-weight: 500; font-size: 76.17px; line-height: 100%; letter-spacing: 5%; position: relative; left: -11px; color: white; } .mainblock .mainblock__info .mainblock__info__subtitle{ font-family: "OnestSemiBold"; font-weight: 500; position: relative; height: 60px; margin-bottom: 7px; z-index: 2; font-size: 14px; line-height: 115%; letter-spacing: 5%; } .mainblock .mainblock__info .mainblock__info__button{ width: 223; height: 34; border-radius: 17px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; background-color: var(--light-green-rusat-color); color: black; font-family: "OnestSemiBold"; font-weight: 500; font-size: 13px; letter-spacing: 0px; text-align: center; position: relative; z-index: 2; } .mainblock-planet{ position: absolute; overflow: hidden; width: 100%; z-index: 1; max-height: max-content; bottom: -165px; border-bottom: 2px solid var(--dark-rusat-color); display: flex; flex-direction: column; align-items: center; } .mainblock-planet img{ width: 3022px; max-width: none; } .mainblock-planet:before{ content: ''; background: url('/local/templates/rusat/imgs/planet_glow.webp') no-repeat; width: 3022px; height: 100%; position: absolute; z-index: -1; top: 0px; background-size: cover; } .mainblock .mainblock__info .mainblock__info__buttons .button1:hover ,.mainblock .mainblock__info .mainblock__info__buttons .button2:hover{ background-color: var(--light-green-rusat-color); color: black; cursor: pointer; transition: 0.2s; } @media (min-width:1281px){ .mainblock{ max-width: 1620px; height: auto; margin: 0 auto; margin-top: -4px; } .mainblock .mainblock__info{ width: 738px; margin-bottom: 130px; } .mainblock .mainblock__info .mainblock__info__title{ width: 488px; font-size: 30px; margin-left: 2px; margin-bottom: 5px; } .mainblock .mainblock__info .mainblock__info__name{ font-size: 253px; line-height: 233px; } .mainblock .mainblock__info .mainblock__info__teleport { display: flex; position: relative; z-index: 2; margin-bottom: 20px; justify-content: space-between; } .mainblock .mainblock__info .mainblock__info__teleport .text { font-family: OnestSemiBold; font-weight: 500; width: 402px; position: relative; top: -3px; line-height: 120%; letter-spacing: 5%; color: var(--light-y-rusat-color); font-size: 26px; } .mainblock .mainblock__info .mainblock__info__teleport .img{ background-image: url("/local/templates/rusat/imgs/teleport.png"); width: 289px; background-position: center; background-size: 100%; min-width: auto; height: 100px; border-radius: 20px; } .mainblock .mainblock__info .mainblock__info__buttons{ display: flex; position: relative; z-index: 2; align-items: center; justify-content: space-between; } .mainblock .mainblock__info .mainblock__info__buttons .button1{ width: 289; height: 54; border-radius: 26px; padding-top: 16px; padding-right: 36px; padding-bottom: 16px; padding-left: 36px; font-size: 17px; background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: "OnestSemiBold"; font-weight: 500; letter-spacing: 0.4px; line-height: 20px; text-align: center; position: relative; z-index: 2; } .mainblock .mainblock__info .mainblock__info__buttons .button1:hover{ background-color: var(--y-rusat-color); } .mainblock .mainblock__info .mainblock__info__buttons .line{ width: 80px; height: 1px; background-color: #CAC018; } .mainblock .mainblock__info .mainblock__info__buttons .button2{ width: 289; height: 54; border-radius: 26px; padding-top: 16px; padding-right: 36px; padding-bottom: 16px; padding-left: 36px; font-size: 17px; background-color: var(--dark-rusat-color); color: #fff; font-family: "OnestSemiBold"; font-weight: 500; letter-spacing: 0.4px; line-height: 20px; text-align: center; position: relative; z-index: 2; } .mainblock-planet{ position: absolute; overflow: hidden; width: 100%; z-index: 1; max-height: max-content; bottom: -242px; display: flex; flex-direction: column; align-items: center; } .mainblock-planet img { min-width: 634px; } .mainblock .mainblock__satellite{ width: 333px; position: absolute; right: 16vw; top: -78px; } .mainblock .mainblock__achive{ position: absolute; box-sizing: border-box; display: flex; width: 188px; left: 0; flex-direction: column; padding: 4px 0px 4px 24px; border-left: 1px solid var(--y-rusat-color); } .mainblock .mainblock__achive .years{ display: flex; } .mainblock .mainblock__achive .years>span:nth-child(1){ font-family: OnestBold; font-weight: 900; font-size: 59px; width: 75px; line-height: 48px; letter-spacing: 5%; text-align: center; color: var(--y-rusat-color); } .mainblock .mainblock__achive .years>span:nth-child(2){ font-family: OnestRegular; font-weight: 400; font-size: 36px; width: 85px; line-height: 23px; letter-spacing: 5%; text-align: center; color: var(--y-rusat-color); } .mainblock .mainblock__achive .subtitle{ font-family: OnestRegular; font-weight: 400; margin-top: 16px; font-size: 16px; line-height: 18px; letter-spacing: 5%; } .cards-block{ position: absolute; right: 0px; top: 0px; z-index: 9; display: flex; gap: 36px; margin-top: 112px; flex-direction: column; } .news-card { position: relative; color: white; width: 373px; padding: 80px 30px 30px 30px; border-radius: 16px; font-family: system-ui, sans-serif; background: linear-gradient(103.7deg, rgba(255, 255, 255, 0.4) 3.14%, rgba(255, 255, 255, 0) 99.17%); backdrop-filter: blur(80px); } .news-card .tag { position: absolute; width: 86px; height: 26px; display: flex; top: 0px; left: 0px; background: #d9f99d; color: var(--dark-rusat-color); border-radius: 6px; font-family: OnestMedium; font-weight: 500; white-space: nowrap; align-items: center; justify-content: center; } .news-card{ cursor: pointer; } .news-card:nth-child(2) .tag{ background: #363741; color: #FFFFFF; } .news-card:nth-child(2) .date{ color: #12131D } .news-card:nth-child(2) .title{ color: #12131D } .news-card .date { display: flex; align-items: center; position: absolute; left: 120px; top: 4px; gap: 8px; color: #a1a1aa; font-size: 14px; margin-bottom: 16px; } .news-card .date::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.67188 1.66406V4.9974' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3281 1.66406V4.9974' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 3.33594H4.16667C3.24619 3.33594 2.5 4.08213 2.5 5.0026V16.6693C2.5 17.5897 3.24619 18.3359 4.16667 18.3359H15.8333C16.7538 18.3359 17.5 17.5897 17.5 16.6693V5.0026C17.5 4.08213 16.7538 3.33594 15.8333 3.33594Z' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33594H17.5' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: contain; } /* Заголовок */ .news-card .title { margin: 0; font-family: OnestSemiBold; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: 3%; } } @media (max-width: 1280px) { .mainblock .mainblock__achive{ display: none; } } @media (max-width: 1280px) { .mainblock .mainblock__satellite { width: 200px; top: -30px; } .mainblock .mainblock__info .mainblock__info__title{ width: 300px; font-size: 20px; } } @media (max-width: 1620px) { .news-card{ display: none; } } @media (max-width: 1280px) { .mainblock{ margin: 24px 32px 0px; } .mainblock .mainblock__satellite{ width: 109px; position: absolute; right: 0; } .mainblock .mainblock__info .mainblock__info__title{ width: 100%; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: 5%; } .mainblock__info__teleport{ font-family: OnestSemiBold; font-weight: 500; font-size: 14px; position: relative; z-index: 2; line-height: 114.99999999999999%; letter-spacing: 5%; } .mainblock__info__buttons{ position: relative; z-index: 2; } .mainblock__info__buttons .button1{ background-color: var(--light-green-rusat-color); width: 100%; font-family: 'OnestSemiBold'; height: 34px; display: flex; font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: 0px; text-align: center; border-radius: 17px; color: #000000; align-items: center; justify-content: center; } .mainblock__info__buttons .line{ display: none; } .mainblock__info__buttons .button2{ display: none; } .mainblock-planet{ position: absolute; overflow: hidden; width: 100%; z-index: 1; max-height: max-content; top: 114px; border-bottom: 2px solid var(--dark-rusat-color); display: flex; flex-direction: column; align-items: center; } .mainblock-planet img{ max-width: none; width: 100%; min-width: 1200px; } .mainblock-planet:before { width: 100%; margin-left: 0; background-position: center center; background-size: cover; } .gradient-line{ height: 35px !important; } } @media (max-width:767px){ .mainblock .mainblock__info .mainblock__info__name{ left: 0px; margin-bottom: 5px; } .mainblock .mainblock__info .mainblock__info__title{ position: relative; left: 5px; line-height: 118%; margin-bottom: 4px; } .mainblock__info__teleport{ max-width: 195px; margin-bottom: 18px; } .mainblock-planet{ top: 106px; } .mainblock .mainblock__satellite{ right: -32px; } .mainblock{ margin: 34px 32px 0px; } } @media (min-width:768px) and (max-width: 1280px) { .mainblock-planet{ top: auto; bottom: -95px; } .mainblock .mainblock__info{ width: 450px; display: flex; flex-direction: column; align-items: center; gap: 15px; } .mainblock .mainblock__info>*{ width: 100%; } .mainblock .mainblock__info .mainblock__info__name{ width: auto; font-size: 148px; } .mainblock-planet img{ min-width: 1580px; width: 100%; } .mainblock .mainblock__info .mainblock__info__title{ width: 100%; font-weight: 400; font-size: 20px; line-height: 100%; letter-spacing: 5%; } .mainblock__info__teleport{ font-size: 18px; max-width: max-content; } } /* #endregion -------------------------MAINBLOCK-----------------------------*/ /*#region -----------------------------SERVICES---------------------------------*/ .gradient-line{ width: 100%; height: 165px; position: absolute; bottom: 0; z-index: 2; background: linear-gradient(180deg, rgba(2, 14, 4, 0) 0%, var(--dark-rusat-color) 100%); } /* #endregion -------------------------SERVICES-----------------------------*/ /*#region -----------------------------ABOUT------------------------------------*/ .container{ max-width: 1620px; width: 100%; margin: 0 auto; } .about-company{ background-color: var(--light-y-rusat-color); } .about-company__block{ display: flex; gap: 113px; } .about-company__image{ width: 601px; height: 838px; margin-left: 106px; position: relative; top: -44px; } .about-company__text{ margin-top: 102px; width: 640px; color: var(--dark-rusat-color); } .about-company__text .tag{ width: 147px; height: 30px; margin-bottom: 16px; display: flex; border-radius: 4px; background-color: var(--light-green-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; align-items: center; justify-content: center; } .about-company__text .title{ font-family: OnestSemiBold; font-weight: 500; margin-bottom: 24px; font-size: 50px; line-height: 107%; letter-spacing: 2%; color:var(--dark-rusat-color); } .about-company__text .subtitle{ font-family: OnestSemiBold; font-weight: 500; font-size: 36px; line-height: 115.99999999999999%; letter-spacing: 2%; margin-bottom: 24px; } .about-company__text .subtitle span{ background-color: var(--dark-rusat-color); color: var(--light-green-rusat-color); padding: 0 4px; } .about-company__text>.text{ font-family: OnestRegular; font-weight: 400; font-size: 20px; line-height: 145%; letter-spacing: 5%; margin-bottom: 50px; } .about-company__text .blocks{ display: flex; flex-wrap: wrap; flex-direction: row; gap: 33px 20px; width: 684px; } .about-company__text .block{ display: flex; width: calc(50% - 10px); font-family: OnestMedium; font-weight: 500; gap: 16px; font-size: 18px; line-height: 145%; letter-spacing: 5%; align-items: flex-start; } .about-company__text svg{ min-width: 26px; } @media (max-width:1620px){ .about-company__text .blocks{ width: 100%; } .about-company__image{ width: 100%; max-width: 475px; margin: 0 auto; height: auto; } /* .about-company__block{ padding:0 32px; } */ .about-company__block{ display: flex; gap: 0px; padding: 0 16px 65px; justify-content: space-between; } .about-company__text{ width: 100%; margin-top: 99px; width: 50%; color: var(--dark-rusat-color); margin-bottom: 40px; } .about-company__image { margin: 0; width: 40%; } } @media (max-width:1024px){ .about-company__block{ display: flex; gap: 0px; padding: 0 16px 65px !important; flex-direction: column; } .about-company__text{ width: 100%; margin-top: 40px; padding: 0 16px; } .about-company__image{ margin: 0 auto; display: none; } .about-company__text .tag{ height: 21px; font-size: 12px; } .about-company__text .title{ font-size: 21px; } } @media (max-width:757px){ .about-company__image { width: 100vw; max-width: 375px; top: -28px; right: 14px; } .about-company__text .tag{ width: 103px; height: 21px; letter-spacing: 0.1px; font-size: 12px; margin-bottom: 7px; } .about-company__text .title{ font-size: 21px; margin-bottom: 20px; } .about-company__text .subtitle{ font-size: 16px; margin-bottom: 25px; } .about-company__text>.text{ font-size: 13px; margin-bottom: 20px; width: 88%; } .about-company__text .blocks{ flex-wrap: wrap; font-size: 13px; gap: 8px; width: 100%; flex-direction: column; margin-bottom: 20px; } .about-company__text .block{ width: 100%; font-size: 13px; align-items: center; } .about-company__block{ padding-left: 0px; padding-right: 0px; padding-bottom: 15px !important; } .about-company__block .show-all{ width: 100%; height: 48px; background-color: var(--light-green-rusat-color); display: flex; font-weight: 500; font-size: 13px; border-radius: 24px; align-items: center; justify-content: center; font-family: OnestMedium; } } @media (max-width:480px){ .about-company__text{ width: 100%; margin-top: -18px; padding: 0 0px 0 0px; } .about-company__image{ margin: 0; display: block; } } /* #endregion -------------------------ABOUT-----------------------------*/ /*#region -----------------------------ADVANTAGES-------------------------------*/ .advantages-block{ background-color: #fff; padding: 125px 0 75px; } .advantages.container{ max-width: 1400px; } .advantages.container .tag{ background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; border-radius: 4px; display: inline-block; margin-bottom: 20px; margin-left: 60px; padding: 4px 10px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .advantages.container .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; margin-left: 60px; margin-bottom: 37px; margin-top: 0; line-height: 107%; letter-spacing: 2%; color: var(--dark-rusat-color); } .advantages__blocks{ max-width: 1400px; display: flex !important; justify-content: space-between; } @media (max-width:1620px){ .advantages-block{ padding-top: 80px !important; } .advantages.container{ width: 100%; padding: 0 32px; } } @media (max-width:1024px){ .advantages-block{ padding-top: 40px !important; } .advantages.container{ width: 100%; padding: 0 32px; } .advantages.container .tag{ height: 21px; font-size: 12px; } .advantages.container .title{ font-size: 21px; } } @media (max-width:767px){ .advantages__blocks{ flex-wrap: nowrap; gap: 25px; } .advantages__blocks__block{ width: 100%; display: flex; overflow: auto; justify-content: flex-start; } .advantages__blocks__block .icon { width: 100%; height: 100%; } .advantages.container .title{ font-size: 21px; margin-bottom: 23px; margin-left: 0px; } .advantages.container .tag{ font-size: 12px; } .advantages-block{ padding: 32px 0px; } .advantages.container{ padding: 0 16px; } .advantages.container .tag{ margin: 0px 0px 8px; padding: 0px 10px; height: 21px; letter-spacing: 0px; display: inline-flex; align-items: center; } .advantages__blocks__block:nth-child(1) .icon{ /* width: 86.61px; */ min-width: 418px; } .advantages__blocks__block:nth-child(2) .icon{ /* width: 90px; */ width: 100%; } .advantages__blocks__block:nth-child(3) .icon{ /* width: 117px; */ width: 100%; } .advantages__blocks__block:nth-child(4) .icon{ /* width: 118px; */ width: 100%; } } /* #endregion -------------------------ADVANTAGES-----------------------------*/ /*#region -----------------------------GEO-COVERAGE-----------------------------*/ .geo-coverage{ background-color: white; padding: 0px 0px 32px 0px; } .geo-coverage-block.container{ display: flex; height: 833px; background-repeat: no-repeat; background-size: cover; background-position: right; background-image: url("/local/templates/rusat/imgs/bg-geo-cov.png"); position: relative; } .geo-coverage-block.container .support-block{ } .geo-coverage-block.container .support-block#block1{ position: absolute; width: 1054px; height: 897px; background-color: var(--dark-rusat-color); z-index: 1; border-radius: 25px; left: -25px; top: -25px; } .geo-coverage-block.container .support-block#block2{ position: absolute; width: 269px; height: 52px; background-color: white; z-index: 1; border-radius: 25px; right: 323px; top: -28px; } .geo-coverage-block.container .support-block#block3{ position: absolute; width: 347px; height: 233px; background-color: var(--dark-rusat-color); z-index: 1; border-radius: 25px; right: -25px; top: -25px; } .geo-coverage-block.container .support-block#block4{ position: absolute; width: 63px; height: 182px; background-color: white; z-index: 1; border-radius: 25px; right: -36px; top: 208px; } .geo-coverage-block.container .support-block#block5{ position: absolute; width: 100%; height: 483px; background-color: var(--dark-rusat-color); z-index: 1; border-radius: 25px; right: -36px; top: 389px; } .geo-coverage-block.container .support-block#block6{ position: absolute; width: 269px; height: 52px; background-color: white; z-index: 1; border-radius: 25px; left: -25px; bottom: -34px; } .geo-coverage-block.container .support-block#block7{ position: absolute; width: 550px; height: 52px; background-color: white; z-index: 1; border-radius: 25px; right: -25px; bottom: -34px; } .geo-coverage-block.container .support-block#block8{ position: absolute; width: 853px; height: 483px; background-color: var(--dark-rusat-color); z-index: 1; border-radius: 25px; left: 243px; bottom: -34px; } .geo-coverage-block__left-block{ z-index: 2; display: flex; gap: 30px; width: 62%; margin: 102px 0px 0px 169px; flex-direction: column; } .geo-coverage-block__right-block{ z-index: 2; display: flex; margin: 0px; gap: 32px; margin-left: 50px; position: relative; top: 26px; flex-direction: column; justify-content: center; } .geo-coverage-block__right-block .find-coverage-map{ position: absolute; font-family: OnestSemiBold; font-weight: 500; font-size: 47px; width: 396px; left: 27.8%; bottom: 21.4%; color: var(--light-y-rusat-color); line-height: 73%; letter-spacing: 2%; } .geo-coverage-block__left-block .tag{ background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; border-radius: 4px; display: inline-block; margin-bottom: 20px; padding: 5px 10px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .geo-coverage-block__left-block .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; letter-spacing: 2%; color: white; } .geo-coverage-block__left-block .text{ font-family: OnestRegular; font-weight: 400; font-size: 18px; line-height: 145%; letter-spacing: 5%; color: var(--light-y-rusat-color); } .geo-coverage-block__left-block .elements-list{ font-family: OnestMedium; font-weight: 500; display: flex; font-size: 16px; gap: 4px; line-height: 115.99999999999999%; letter-spacing: 3%; flex-direction: column; } .geo-coverage-block__left-block .elements-list .element{ display: flex; padding: 12px 10px; border-radius: 8px; background-color: #21222F; justify-content: space-between; align-items: center; } .geo-coverage-block__left-block .elements-list .element:hover{ background-color: var(--light-green-rusat-color); cursor:pointer; transition: 0.2s; } .geo-coverage-block__left-block .elements-list .element:hover svg>*{ stroke: black; } .geo-coverage-block__left-block .elements-list .element:hover .name{ color: black; } .geo-coverage-block__left-block .elements-list .element:hover .indicator{ color: var(--y-rusat-color); box-shadow: 0px 0px 8px 1px #FFFFFF; } .geo-coverage-block__left-block .elements-list .element .name-block{ display: flex; gap: 10px; font-family: OnestMedium; font-weight: 500; font-size: 16px; line-height: 115.99999999999999%; letter-spacing: 3%; color: #EDEBBE; } .geo-coverage-block__left-block .elements-list .element .indicator{ width: 9.2px; height: 9.2px; background-color: #D4EB73; border-radius: 50%; box-shadow: 0px 0px 8px 1px #10FF00; } .geo-coverage-block__left-block .show-all{ height: 44px; background-color: var(--light-green-rusat-color); width: 100%; border-radius: 27px; font-family: OnestSemiBold; font-weight: 500; display: flex; font-size: 17px; color: #141414; line-height: 100%; letter-spacing: 5%; align-items: center; justify-content: center; } .geo-coverage-block__left-block>img{ display: none; } @media (max-width: 1620px){ .geo-coverage-block__right-block{ width: 67%; } } @media (max-width: 1240px){ .geo-coverage-block__left-block{ margin: 75px 0px 0px 32px; } } @media (max-width: 1024px){ .geo-coverage-block__left-block{ margin: 25px 16px; } .geo-coverage-block__left-block .tag{ font-size: 12px; height: 21px; } .geo-coverage-block__left-block .title{ font-size: 21px; } } @media (max-width: 860px){ .geo-coverage-block__left-block .tag{ font-size: 14px; } .geo-coverage-block__left-block .title{ font-size: 38px; } .geo-coverage-block__left-block .text{ font-size: 16px; } .geo-coverage-block__left-block .show-all{ font-size: 14px; } .geo-coverage-block__left-block{ z-index: 2; display: flex; gap: 10px; margin: 75px 145px 0px 145px; flex-direction: column; } .geo-coverage-block__right-block{ display: none; } .geo-coverage-block__left-block>img{ display: block; } .geo-coverage-block__left-block{ margin: 0px; height: auto; width: 100%; max-height: max-content; } .geo-coverage-block.container{ background-repeat: no-repeat; background-size: cover; background-position: center top; background-image: url("/local/templates/rusat/imgs/bg-geo-cov-mob.png"); position: relative; height: auto; padding: 100px 32px 68px 32px; max-height: max-content; } } @media (max-width: 767px){ .geo-coverage-block.container{ box-sizing: border-box; padding: 42px 10px 0px; background-size: cover; margin: 0 4px; min-height: 814px; border-radius: 15px; } .geo-coverage{ background-color: white; padding: 0px 0px 14px 0px; } .geo-coverage-block__left-block{ gap: 0px; width: 100%; margin-bottom: 16px; } .geo-coverage-block__left-block>div:first-child{ margin: 0 21px; } .geo-coverage-block__left-block .tag{ margin-bottom: 10px; } .geo-coverage-block__left-block .title{ font-size: 21px; margin-bottom: 16px; } .geo-coverage-block__left-block .text{ font-size: 13px; margin: 0 21px; } .geo-coverage-block__left-block .elements-list{ margin-bottom: 16px; } .geo-coverage-block__left-block .elements-list .element .name-block{ font-size: 15px; } .geo-coverage-block__left-block>img{ margin-top: -3px; } .geo-coverage-block__left-block .elements-list .element{ padding: 12px 17px 12px 14px; } .geo-coverage-block__left-block .show-all{ font-size: 13px; } .geo-coverage-block__left-block .tag{ font-size: 12px; } } /* #endregion -------------------------GEO-COVERAGE-----------------------------*/ /*#region -----------------------------MAIN-CATALOG-----------------------------*/ .main-catalog{ background-color: white; padding-bottom: 50px; } .main-catalog__block{ padding: 100px 170px 0px 170px; background-image: url("/local/templates/rusat/imgs/bg-main-catalog-block3.png"); background-size: cover; height: 681px; background-position: center; position: relative; border-radius: 24px; } .main-catalog__block .show-all{ font-family: OnestSemiBold; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; color: #141414; padding: 11px 10px; text-align: center; background-color: #E4FE7B; width: 246px; position: absolute; bottom: 0; border-radius: 27px; left: calc(50% - 123px); } .main-catalog__block__text{ position: relative; margin-bottom: 56px; } .main-catalog__block__text .tag{ background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; border-radius: 4px; display: inline-block; margin-bottom: 20px; padding: 6px 10px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .main-catalog__block__text .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; letter-spacing: 2%; color: var(--light-y-rusat-color); } .main-catalog__block__text .subtitle{ font-family: 'OnestRegular'; position: absolute; right: 4px; font-weight: 400; font-size: 20px; top: 5px; line-height: 157%; letter-spacing: 2%; color: #EDEBBE; max-width: 455px; } .main-catalog__block__text .subtitle span{ color: #FFFFFF; } .main-catalog__block__text .text{ } .main-catalog__block .elements{ display: flex; flex-direction: row; gap:103px; } .main-catalog__block .elements .element{ width: 33%; padding-bottom: 32px; } .main-catalog__block .elements .element:hover { cursor: pointer; transition: 0.2s; } .main-catalog__block .elements .element:hover .title{ color: var(--light-green-rusat-color); } .main-catalog__block .elements .element .img{ width: 100px; margin-bottom: 32px; } .main-catalog__block .elements .element .title{ font-family: OnestBold; font-weight: 500; font-size: 20px; display: flex; gap: 6px; line-height: 100%; color: white; letter-spacing: 5%; margin-bottom: 18px; align-items: center; } .main-catalog__block .elements .element .list{ font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 210%; letter-spacing: 0%; color: var(--light-y-rusat-color); padding-bottom: 35px; } .main-catalog__block .elements .element .subtitle{ font-family: OnestRegular; font-weight: 400; font-size: 16px; margin-top: 0px; line-height: 145%; gap: 8px; display: flex; letter-spacing: 0%; flex-direction: column; border-top: 1px solid #EDEBBE; padding-top: 32px; } .main-catalog__block .elements .element .subtitle .txt{ color: #EDEBBE; } .main-catalog__block .elements .element .subtitle .name{ color: var(--y-rusat-color); letter-spacing: 3%; } .main-catalog__block .elements .element .list>div{ display: flex; flex-direction: row; align-items: center; margin-left: 9px; height: 34px; gap: 10px; } .main-catalog__block .elements .element .list>div .circle{ background-color: #D4EB73; width: 6px; height: 6px; border-radius: 50%; box-shadow: 0px 0px 8px 1px #10FF00; } @media (max-width: 1620px){ .container.main-catalog__block{ padding-top: 100px ; } .main-catalog__block .elements{ gap: 25px; justify-content: space-between; } .main-catalog__block__text .subtitle{ font-size: 14px; } .main-catalog__block .elements .element .list>div{ height: 42px; line-height: 20px; } .main-catalog__block .elements .element .title{ font-size: 18px; height: 32px; } } @media (max-width: 1440px) { .main-catalog__block__text { margin-bottom: 0; } .main-catalog__block__text .subtitle { font-size: 16px; position: relative; top: 0; margin-left: 5px; margin-top: 20px; } .main-catalog__block .elements { margin-top: 25px; } .main-catalog__block .elements .element .img { width: 70px; } .main-catalog__block .elements .element .list>div { height: auto; padding: 5px 0; } } @media (max-width: 1240px) { .main-catalog__block { padding: 50px 32px !important; } } @media (max-width: 1024px) { .main-catalog__block__text .title{ font-size: 21px; } .main-catalog__block__text .tag{ height: 21px; font-size: 12px; } .main-catalog__block .elements .element .title { font-size: 16px; } } @media (max-width:767px){ .main-catalog__block .elements{ flex-direction: column; } .main-catalog__block .elements .element{ width: 100%; display: flex; flex-direction: row; } .main-catalog__block .elements .element .subtitle{ display: none; } .main-catalog__block{ background-image: url("/local/templates/rusat/imgs/bg-main-catalog-block-mob.png"); padding: 39px 32px 0px; background-size: cover; height: auto; width: 100% !important; margin: 0px; padding-bottom: 100px !important; background: #12131d; border-radius: 24px; } .main-catalog{ padding: 0px 0px 8px 0px; } .main-block.main-catalog{ justify-content: flex-start; } .main-catalog__block__text .tag{ display: inline-flex; align-items: center; height: 21px; padding: 0px 10px; letter-spacing: 0px; margin-bottom: 9px; } .main-catalog__block__text .subtitle span { font-size: 14px; line-height: 130%; } .main-catalog__block__text{ margin-bottom: 25px; } .main-catalog__block .elements .element{ gap: 28px; padding-bottom: 0px; } .main-catalog__block .elements .element .title { font-size: 15px; height: 19px; letter-spacing: 0.4px; margin-bottom: 13px; } .main-catalog__block .elements .element .list{ font-size: 13px; border: 0px; padding: 0px; } .main-catalog__block .elements .element .img{ min-width: 48px; max-width: 48px; } .main-catalog__block .elements .element .title .icon{ display: none; } .main-catalog__block .elements .element .list>div{ height: 27px; margin-left: 0px; } .main-catalog__block .show-all{ width: calc(100% - 26px); left: 13px; bottom: 39px; height: 49px; font-size: 13px; letter-spacing: 0.4px; text-align: center; padding: 18px 10px; margin-bottom: -15px; } } /* #endregion -------------------------MAIN-CATALOG-----------------------------*/ /*#region -----------------------------MAIN-NEWS--------------------------------*/ .news-updates__block{ background-image: url("/local/templates/rusat/imgs/bg-main-news.png"); } .main-news{ background-color: white; padding-bottom: 50px; } .main-news__block{ padding: 100px 170px 0px 170px; background-image: url("/local/templates/rusat/imgs/bg-main-news.png"); background-size: cover; height: 679px; position: relative; background-position: center; } .main-news__block .show-all{ font-family: OnestSemiBold; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; color: #141414; padding: 13px 10px; text-align: center; background-color: #E4FE7B; width: 195; height: 44px; position: absolute; bottom: 0; border-radius: 27px; left: calc(50% - 97.5px); } .main-news__block__text{ margin-bottom: 31px; } .main-news__block__text .tag{ background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; border-radius: 4px; display: inline-block; margin-bottom: 16px; padding: 7px 10px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .main-news__block__text .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; letter-spacing: 2%; color: var(--dark-rusat-color); } .main-news__block .elements{ overflow: hidden; } .main-news__block .elements>.swiper-wrapper{ display: flex; } .main-news__block .elements .element{ position: relative; min-width: 390px; height: 334px; padding: 0 50px 0 34px; } .main-news__block .elements .element .bg-block{ position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: flex; flex-direction: column; } .main-news__block .elements .element .bg-block .top-bg{ width: 100%; position: relative; height: 34px; display: flex; } .main-news__block .elements .element .bg-block .top-bg>div:nth-child(1){ flex: 1; background-color: white; border-radius: 15px 15px 0 0; } .main-news__block .elements .element .bg-block .top-bg>div:nth-child(2){ display: flex; padding: 0 6px 8px 8px; border-radius: 15px; z-index: 2; background-color: #F0F5F5; } .main-news__block .elements .element .bg-block .top-bg>div:nth-child(3){ width: 100%; background: white; position: absolute; height: 56px; z-index: 1; bottom: -40px; } .main-news__block .elements .element .bg-block .bottom-bg{ width: 100%; position: relative; height: 50px; display: flex; } .main-news__block .elements .element .bg-block .bottom-bg>div:nth-child(1){ flex: 1; background-color: white; border-radius: 0 0 15px 15px; } .main-news__block .elements .element .bg-block .bottom-bg>div:nth-child(2){ display: flex; padding: 11px 0px 0px 11px; border-radius: 15px; z-index: 2; background-color: #F0F5F5; } .main-news__block .elements .element .bg-block .bottom-bg>div:nth-child(3){ width: 100%; background: white; position: absolute; height: 56px; z-index: 1; top: -40px; } .main-news__block .elements .element .bg-block .bg{ background-color: white; flex: 1; border-radius: 15px; } .main-news__block .elements .element .bg-block .top-bg>div:nth-child(2) .tag{ position: relative; height: 26px; } .main-news__block .elements .element:hover .bg-block .top-bg>div:nth-child(1){ background-color: var(--dark-rusat-color); } .main-news__block .elements .element:hover .bg-block .top-bg>div:nth-child(3){ background-color: var(--dark-rusat-color); } .main-news__block .elements .element:hover .bg-block .bottom-bg>div:nth-child(1){ background-color: var(--dark-rusat-color); } .main-news__block .elements .element:hover .bg-block .bottom-bg>div:nth-child(3){ background-color: var(--dark-rusat-color); } .main-news__block .elements .element:hover .bg-block .bg{ background-color: var(--dark-rusat-color); } .main-news__block .elements .element:hover .time .icon use{ fill: var(--dark-rusat-color); } .main-news__block .elements .element:hover .time .icon use path{ stroke: var(--light-y-rusat-color); } .main-news__block .elements .element:hover .time { color: var(--light-y-rusat-color); } .main-news__block .elements .element:hover .info .title{ color: var(--light-green-rusat-color); } .main-news__block .elements .element:hover .info .text{ color: white; } .main-news__block .elements .element img{ position: absolute; top: 0px; left: 0px; z-index: 1; } .main-news__block .elements .element .time{ position: relative; z-index: 2; height: 51px; margin-bottom: 18px; display: flex; gap: 10px; width: 55%; align-items: center; font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 145%; letter-spacing: 0%; } .main-news__block .elements .element .time .icon use{ fill: white; } .main-news__block .elements .element .tag{ position: absolute; right: 0px; background-color: #060813; top: 0px; z-index: 2; padding: 4px 12px; border-radius: 6px; font-family: OnestMedium; font-weight: 500; font-size: 14px; color: #fff; line-height: 100%; letter-spacing: 5%; } .main-news__block .elements .element .info{ position: relative; display: flex; z-index: 2; gap: 20px; height: calc(100% - 121px); overflow: hidden; flex-direction: column; } .main-news__block .elements .element .img{ position: relative; z-index: 2; margin-bottom: 24px; margin-top: 30px; } .main-news__block .elements .element .info .title{ color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 22px; line-height: 116%; letter-spacing: 3%; } .main-news__block .elements .element .info .text{ font-family: OnestRegular; font-weight: 400; font-size: 16px; max-height: 100%; color: var(--dark-rusat-color); line-height: 145%; letter-spacing: 0%; } .main-news__block .elements .element button{ position: relative; display: flex; bottom: 0px; padding: 8px 21px; right: 0px; z-index: 2; border-radius: 27px; border: 1px solid var(--y-rusat-color); font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 145%; letter-spacing: 0%; flex-direction: row; gap: 10px; } .main-news__block .elements .element:hover{ cursor: pointer; transition: 0.2s; } .main-news__block .elements .element:hover button{ background-color: var(--light-green-rusat-color); border: 1px solid var(--light-green-rusat-color); } @media (max-width:1620px){ .main-news__block{ padding: 32px !important; } } @media (max-width:1240px){ .main-news__block{ padding: 100px 32px; } } @media (max-width: 1024px) { .main-news__block__text .tag{ font-size: 12px; height: 21px; } .main-news__block__text .title{ font-size: 21px; } } @media (max-width: 767px){ .main-news{ padding: 0px 0px 20px 0px; } .main-news__block{ padding: 39px 12px 0px !important; background-size: cover; background-image: url("/local/templates/rusat/imgs/bg-main-news-mob.png"); height: 475px; margin: 0 4px; } .main-news__block__text{ margin:0 20px; } .main-news__block__text .tag{ display: inline-flex; align-items: center; height: 21px; padding: 0px 10px; letter-spacing: 0px; margin-bottom: 9px; } .main-news__block__text{ margin-bottom: 18px; } .main-news__block .elements .element{ width: 323px; min-width: 323px; height: 255px; padding: 0 20px; } .main-news__block .elements .element .time{ font-size: 13px; height: 34px; display: flex; align-items: flex-end; margin-bottom: 20px; } .main-news__block .elements .element .info{ gap:13px; } .main-news__block .elements .element .info .title{ font-size: 16px; line-height: 22px; } .main-news__block .elements .element .info .text{ font-size: 13px; } .main-news__block .elements .element .bg-block .top-bg>div:nth-child(2) .tag{ font-size: 13px; } .main-news__block .show-all{ width: calc(100% - 26px); left: 13px; bottom: 39px; height: 49px; font-size: 13px; letter-spacing: 0.4px; padding: 18px 10px; } } /* #endregion -------------------------MAIN-NEWS-----------------------------*/ /*#region -----------------------------KITENET----------------------------------*/ .kitenet-block{ background-color: white; } .kitenet-block__block{ padding: 110px 70px; background-image: url("/local/templates/rusat/imgs/bg-kitenet-block.png"); background-size: cover; background-position: center; height: 473px; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; } .kitenet-block__block img{ width: 169px; position: absolute; left: 70px; top: 70px; } .kitenet-block__block .text-block{ width: 644px; position: relative; left: 98px; } .kitenet-block__block .text-block .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 35px; margin-bottom: 20px; color: #020E04; line-height: 107%; letter-spacing: 2%; } .kitenet-block__block .text-block .txt{ font-family: OnestRegular; font-weight: 400; font-size: 21px; line-height: 145%; letter-spacing: 0%; color: var(--dark-rusat-color); } .kitenet-block__block a{ width: 235px; height: 45px; font-family: OnestRegular; font-weight: 400; font-size: 23px; line-height: 107%; background-color: #009BC6; color: white; border-radius: 23px; position: absolute; bottom: 0; left: calc(50% - 117.5px); display: flex; letter-spacing: 2%; align-items: center; justify-content: center; } @media (max-width:1024px){ .kitenet-block__block img{ position: relative; left: 0; top: 0; width: 95px; } .kitenet-block__block{ padding: 51px 32px !important; position: relative; background-size: cover; background-position: center; gap: 20px; height: 410px; } .kitenet-block__block .text-block{ width: auto; left: 0px; } .kitenet-block__block .text-block .title{ font-size: 20px; } .kitenet-block__block .text-block .txt{ font-size: 13px; } } @media (max-width:757px){ .kitenet-block{ padding: 0px 0px 20px 0px; } .kitenet-block__block{ background-image: url("/local/templates/rusat/imgs/bg-kitenet-block-mob.png"); padding: 52px 32px 110px !important; background-size: cover; height: auto; max-width: 367px; margin: 0 4px; align-items: flex-start; } .kitenet-block__block .text-block .title{ margin-bottom: 17px; } .kitenet-block__block .show-all{ width: 100%; display: flex; justify-content: center; position: absolute; left: 0; bottom: 40px; } .kitenet-block__block .show-all a{ position: relative; bottom: 0; left: 0; } } /* #endregion -------------------------KITENET-----------------------------*/ /*#region -----------------------------CONTACT----------------------------------*/ .main-contact{ background-color: white; padding-top: 100px; } .main-contact__block{ display: flex; height: 672px; background-image: url("/local/templates/rusat/imgs/bg-contact-block.png"); background-size: cover; background-position: center; flex-wrap: wrap; } .main-contact__block__left{ width: 42%; padding: 100px 0px 0px 170px; } .main-contact__block__right{ width: 58%; position: relative; } .main-contact__block__left .tag{ background-color: var(--light-green-rusat-color); color: var(--dark-rusat-color); font-family: OnestSemiBold; font-weight: 500; font-size: 17px; border-radius: 4px; display: inline-flex; margin-bottom: 17px; gap: 10px; width: auto; padding: 4px 10px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; align-items: center; } .main-contact__block__left .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; margin-bottom: 32px; line-height: 107%; letter-spacing: 2%; color: var(--dark-rusat-color); } .main-contact__block__left .txt{ font-family: OnestMedium; font-weight: 500; font-size: 21px; line-height: 135%; letter-spacing: 2%; color: var(--dark-rusat-color); } .main-contact__block__right .img{ position: absolute; top: -71px; } .main-contact__block__right .buttons{ display: flex; gap: 77px; position: absolute; bottom: 16px; left: 10px; align-items: flex-end; } .main-contact__block__right .buttons .phone{ font-family: OnestSemiBold; font-weight: 500; display: flex; font-size: 25px; gap: 8px; line-height: 115.99999999999999%; letter-spacing: 2%; color: var(--dark-rusat-color); flex-direction: column; } .main-contact__block__right .buttons .phone .num{ } .main-contact__block__right .buttons .phone .call{ width: 254px; height: 44px; background-color: var(--dark-rusat-color); border-radius: 27px; font-family: OnestSemiBold; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; color: var(--light-green-rusat-color); display: flex; align-items: center; gap: 24px; padding-left: 23px; } .main-contact__block__right .buttons .mail{ font-family: OnestSemiBold; font-weight: 500; display: flex; gap: 8px; font-size: 22px; line-height: 115.99999999999999%; letter-spacing: 2%; color: var(--dark-rusat-color); flex-direction: column; align-items: center; } .main-contact__block__right .buttons .mail .address{ } .main-contact__block__right .buttons .mail .send{ width: 243px; height: 44px; color: var(--light-green-rusat-color); background-color: var(--dark-rusat-color); border-radius: 27px; font-family: OnestSemiBold; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; display: flex; align-items: center; padding: 0 0 0 24px; gap: 10px; } .main-contact__block__right .buttons .mail .send:hover{ background-color: var(--y-rusat-color); color: var(--dark-rusat-color); cursor:pointer; transition: 0.2s; } .main-contact__block__right .buttons .phone .call:hover{ background-color: var(--y-rusat-color); color: var(--dark-rusat-color); cursor:pointer; transition: 0.2s; } .main-contact__block__right .buttons .mail .send svg { color: var(--light-green-rusat-color); } .main-contact__block__right .buttons .phone .call svg { color: var(--light-green-rusat-color); } .main-contact__block__right .buttons .mail button:hover svg { color: var(--dark-rusat-color); } .main-contact__block__right .buttons .phone button:hover svg { color: var(--dark-rusat-color); } .main-contact__block .line{ width: 100%; margin-top: 26px; height: 1px; background-color: #FFFFFF; } .main-contact__block .info{ width: 748px; margin: 0 auto 28px auto; display: flex; gap: 206px; flex-direction: row; justify-content: space-between; } .main-contact__block .info>div{ display: flex; flex-direction: column; align-items: center; } .main-contact__block .info>div>.title{ color: var(--dark-rusat-color); font-family: OnestRegular; font-weight: 400; font-size: 36px; line-height: 115.99999999999999%; letter-spacing: 3%; text-align: center; } .main-contact__block .info>div>.txt{ color: var(--dark-rusat-color); font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 145%; letter-spacing: 0%; } @media (max-width: 1620px){ .main-contact { padding-top: 40px; } .main-contact__block{ padding: 32px !important; height: auto; background: #daf5d4; border-radius: 0; } .main-contact__block__left .title{ font-size: 42px; } .main-contact__block__left .txt{ font-size: 18px; } .main-contact__block__right{ width: 50%; } .main-contact__block__left{ width: 50%; } .main-contact__block__right .img{ top: 0px; position: relative; } .main-contact__block__right .buttons{ width: auto; position: relative; gap:10px; align-items: center; flex-wrap: wrap; flex-direction: row; } .main-contact__block .info{ margin-top: 34px; gap:0; } } @media (max-width: 1240px){ .main-contact__block__left{ padding: 75px 10px 0px 32px; } } @media (max-width: 1024px){ .main-contact__block__left .title{ font-size: 31px; } .main-contact__block__left .tag{ font-size: 15px; height: 23px; } .main-contact__block__left .txt{ font-size: 18px; } } @media (max-width: 767px){ .main-contact{ padding: 25px 0px 20px 0px; } .main-contact__block{ width: auto; flex-direction: column; height: auto; background-repeat: no-repeat; background-image: url("/local/templates/rusat/imgs/bg-contact-block-mob.png"); padding: 40px 20px 21px !important; background-size: cover; height: auto; margin: 0 4px; align-items: flex-start; } .main-contact__block__right{ display: flex; width: 100%; flex-direction: column; align-items: center; } .main-contact__block__left{ width: 100%; margin: 0; padding: 0px 10px; } .main-contact__block__right .img{ position: relative; order: 2; max-width: 311px; left: 6px; } .main-contact__block__right .buttons{ display: flex; position: static; margin-top: 25px; gap: 24px; margin-bottom: 15px; flex-direction: column; align-items: center; } .main-contact__block__right .buttons .phone{ font-size: 18px; align-items: center; } .main-contact__block__right .buttons .mail{ font-size: 18px; } .main-contact__block .info>div>.title{ font-size: 24px; } .main-contact__block .info>div>.txt{ font-size: 13px; } .main-contact__block .info{ margin: 0px; gap: 10px; width: 100%; padding: 0 4px; } .main-contact__block__left .tag{ display: inline-flex; align-items: center; height: 21px; padding: 0px 10px; letter-spacing: 0px; margin-bottom: 9px; } .main-contact__block__left .tag svg{ width: 11px; } .main-contact__block__left .title{ margin-bottom: 13px; margin-left: 3px; } .main-contact__block__left .txt{ font-size: 15px; letter-spacing: 0.6px; } .main-contact__block .line{ width: 100%; margin-top: 35px; height: 0px; border: 0px; background-color: #FFFFFF; } .main-contact__block__right .buttons .mail .send{ width:254px; } } /* #endregion -------------------------CONTACT-----------------------------*/ /*#region -----------------------------FOOTER-----------------------------------*/ footer{ background-color: var(--dark-rusat-color); display: flex; } .footer-line{ height: 87px; width: 100%; background-color: white; } .footer-container{ width: 1620px; margin: 78px auto 50px auto; padding: 0 0 0 172px; display: flex; flex-direction: column; color: var(--light-y-rusat-color); gap: 14px; position: relative; /* overflow-y: hidden; */ } .footer-container__info{ padding: 49px 57px 63px 58px; width: 218px; box-sizing: content-box; display: flex; border: 1px solid var(--y-rusat-color); border-radius: 16px; flex-direction: column; align-items: center; } .footer-container__top { display: flex; gap: 77px; padding-right: 88px; } .footer-container__info__logo{ width: 100%; padding: 0 25px; margin-bottom: 47px; } .footer-container__info__time{ font-family: OnestRegular; font-weight: 400; font-size: 15px; margin-left: 19px; line-height: 145%; color: var(--light-y-rusat-color); margin-bottom: 11px; letter-spacing: 0%; } .footer-container__info__block{ } .footer-container__info__block .phone{ height: 41px; display: flex; align-items: center; gap: 10px; margin-bottom: 11px; } .footer-container__info__block .phone .number{ font-family: OnestSemiBold; font-weight: 500; font-size: 18px; color: var(--light-y-rusat-color); line-height: 115.99999999999999%; letter-spacing: 2%; } .footer-container__info__block .call-button{ height: 44px; width: 100%; background-color: var(--light-green-rusat-color); border-radius: 27px; font-family: OnestSemiBold; font-weight: 500; font-size: 17px; margin-bottom: 40px; line-height: 100%; color: var(--dark-rusat-color); letter-spacing: 5%; } .footer-container__info__block .call-button:hover{ background-color: var(--y-rusat-color); transition: 0.2s; } .footer-container__info__block .mail{ height: 42px; display: flex; flex-direction: row; align-items: center; gap: 10px; font-family: OnestSemiBold; font-weight: 500; font-size: 17px; margin-bottom: 23px; line-height: 100%; color: #FFFFFF; letter-spacing: 5%; } .footer-container__info__block .address{ display: flex; font-family: OnestRegular; font-weight: 400; font-size: 16px; color: #FFFFFF; line-height: 145%; letter-spacing: 0%; flex-direction: row; width: 155px; gap: 9px; align-items: flex-start; } .footer-container__info__block .address>svg{ min-width: 24px; } .footer-container__map{ display: flex; flex: 1; width: max-content; flex-direction: column; justify-content: space-between; } .footer-container__map__subtitle{ font-family: OnestRegular; font-weight: 400; width: 78%; font-size: 20px; margin-bottom: 15px; line-height: 145%; letter-spacing: 0%; color: #EDEBBE; margin-left: 12px; } .footer-container__map__menu{ display: flex; margin-top: 57px; justify-content: space-between; } .footer-container__map__menu>div{ width: 243px; } .footer-container__map__menu>div .title{ height: 46px; font-family: OnestSemiBold; font-weight: 500; font-size: 18px; line-height: 145%; letter-spacing: 0%; color: var(--y-rusat-color); padding-left: 12px; margin-bottom: 12px; display: flex; align-items: center; } .footer-container__map__menu>div .elements{ display: flex; gap: 15px; flex-direction: column; } .footer-container__map__menu>div .elements .element{ height: 32px; padding-left: 14px; display: flex; align-items: center; border-radius: 15px; cursor: pointer; transition: 0.2s; } .footer-container__map__menu>div .elements .element:hover{ background-color: var(--y-rusat-color); color: var(--dark-rusat-color); } .footer-container__bottom{ display: flex; flex-direction: row; justify-content: space-between; } .footer-container__bottom .footer-container_left{ font-family: OnestRegular; font-weight: 400; font-size: 14px; line-height: 145%; letter-spacing: 0%; color: #EDEBBE; opacity: 0.6; display: flex; justify-content: space-between; width: 59.3%; } .footer-container__bottom .footer-container_right{ } .footer-container__bottom>div:nth-child(2){ position: relative; left: 0px; bottom: 8px; } .footer-container__bottom>div:nth-child(3){ position: relative; right: 5px; } .footer-container__bottom:hover{ transition: 0.2s; } .footer-container__bottom a:hover{ color: var(--light-green-rusat-color); cursor: pointer; opacity: 1; transition: 0.2s; } .footer-container .footer-block1{ position: absolute; top: -104px; z-index: 2; left: 98px; } .footer-container .footer-block2{ position: absolute; top: -176px; right: -21px; z-index: 2; } @media (max-width:1620px){ .footer-container{ width: 100%; padding: 0 32px; } .footer-container .footer-block2{ display: none; } } @media (max-width:1280px){ .footer-container__map__menu>div .title{ font-size: 16px; } .footer-container__map__menu>div .elements{ gap: 10px; } .footer-container__top{ gap: 50px; padding-right: 0; } .footer-container__map__menu>div .elements .element{ font-size: 14px; } .footer-container__map__subtitle{ font-size: 16px; width: 100%; } .footer-container__bottom .footer-container_left{ width: auto; gap: 30px; } } @media (max-width:1240px){ .footer-container__map__menu>div{ width: auto; } } @media (max-width:1024px){ .footer-container { padding-bottom: 20px; } .footer-container__top{ flex-wrap: wrap; flex-direction: column; padding-right: 0px; } .footer-container__top .footer-container__map{ order: 1; width: 100%; } .footer-container__top .footer-container__info{ order: 2; width: 100%; box-sizing: border-box; } .footer-container__info__logo{ width: 172px; } .footer-container__map__subtitle{ display: none; } .footer-container__map__menu{ width: 100%; } .footer-container__bottom{ width: 100%; } .footer-container__bottom>div.footer-container_creator { position: absolute; left: calc(50% - 53px); bottom: -30px; display: block; } } @media (max-width: 767px){ .footer-line{ height: 20px; } .footer-container__map__menu>div .elements{ display: none; gap: 20px; background-color: #21222F; border-radius: 8px; padding: 20px 0; } .footer-container__map__menu>div.open .elements{ display: flex; margin-bottom: 4px; } .footer-container__map__menu>div .elements .element{ padding-left: 16px; } .footer-container__map__menu>div .title .arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background-color: #12131D; border-radius: 50%; } .footer-container__map__menu>div.open .title .arrow{ transform: rotateX(180deg); } .footer-container__map__menu>div.open .title .arrow path{ fill: #000; } .footer-container__map__menu>div.open .title .arrow{ background-color: var(--light-green-rusat-color); } .footer-container{ width: 100% !important; gap: 26px; padding: 0 16px 20px; margin-top: 0px; } .footer-container__map__menu{ margin-top: 27px; margin-bottom: 26px; } .footer-container__top .footer-container__info{ box-sizing: border-box; align-items: flex-start; padding: 0 0 0 47px; border: 0px; } .footer-container__top{ gap:0px; align-items: center; } .footer-container__info__logo{ width: 220px; margin: 0px; margin-top: 50px; } .footer-container__info__block .call-button{ margin-bottom: 24px; } .footer-container__bottom{ display: flex; flex-direction: column; align-items: center; font-size: 12px; gap: 20px; } .footer-container__bottom>div:nth-child(1){ order: 3; } .footer-container__bottom .footer-container_left{ display: flex; flex-direction: column; align-items: center; gap: 22px; font-size: 11px; } .footer-container__bottom .footer-container_right{ display: none; } .footer-container__info__block{ width: 72%; } .footer-container__info__logo{ display: none; } .footer-container__map__menu{ flex-direction: column; align-items: flex-start; gap: 0px; } .footer-container__map__menu div{ width: 100%; } .footer-container__map__menu>div .title{ background-color: #21222F; width: 100%; height: 44px; border-radius: 8px; margin-bottom: 4px; font-family: OnestSemiBold; font-weight: 500; font-size: 18px; line-height: 145%; letter-spacing: 0%; padding-right: 4px; color: var(--light-green-rusat-color); justify-content: space-between; } .footer-container__info__block .address{ width: 100%; } .footer-container__bottom .footer-container_left>div:nth-child(1){ order: 3; } } /* #endregion -------------------------FOOTER-----------------------------*/ /*#region -----------------------------CONTACT PAGE---------------------------------*/ .contacts.container { font-family: OnestSemiBold; font-weight: 500; font-size: 50px; color: var(--dark-rusat-color); line-height: 107%; margin-top: 32px; letter-spacing: 0%; } .contacts.container>.title{ margin-bottom: 35px; } .contacts.container .contact-block{ width: 49.5%; } .contacts.container .contact-block .bottom-block .title{ font-family: OnestMedium; font-weight: 500; margin-bottom: 8px; font-size: 21px; line-height: 107%; letter-spacing: 0%; } .contacts.container .contact-block .bottom-block .text{ font-family: OnestBold; font-weight: 500; font-size: 21px; line-height: 107%; width: 300px; height: 42px; letter-spacing: 0%; background-color: #DAF5D4; display: flex; align-items: center; justify-content: center; } .contacts.container .contact-block .top-blocks .left-blocks{ background-color: #DAF5D4; padding: 36px 60px 36px 36px; width: 41%; font-family: OnestSemiBold; font-weight: 500; font-size: 24px; line-height: 107%; border-radius: 16px; letter-spacing: 0%; } .contacts.container .contact-block .top-blocks{ height: 407px; display: flex; column-gap: 20px; margin-bottom: 32px; flex-wrap: wrap; flex-direction: column; justify-content: space-between; } .contacts.container .contact-block .top-blocks .left-blocks .title{ margin-bottom: 16px; } .contacts.container .contact-block .top-blocks .left-blocks .text{ display: flex; align-items: flex-start; gap: 9px; font-family: OnestRegular; font-weight: 400; font-size: 21px; line-height: 145%; letter-spacing: 0%; } .contacts.container .contact-block .top-blocks .left-blocks .text svg{ min-width: 32px; } .contacts.container .contact-block .top-blocks .left-blocks .phone{ display: flex; gap: 16px; margin-bottom: 21px; align-items: center; } .contacts.container .contact-block .top-blocks .left-blocks .mail{ display: flex; align-items: center; flex-direction: row; gap: 16px; font-family: OnestRegular; font-weight: 400; font-size: 21px; line-height: 107%; letter-spacing: 0%; } .contacts.container .contact-block .right-blocks .title{ font-family: OnestSemiBold; font-weight: 500; margin-bottom: 16px; font-size: 24px; line-height: 107%; letter-spacing: 0%; } .contacts.container .contact-block .right-blocks .small-title{ font-family: OnestMedium; font-weight: 500; margin-bottom: 16px; font-size: 21px; line-height: 107%; letter-spacing: 0%; } .contacts.container .contact-block .right-blocks .text{ font-family: OnestBold; display: flex; font-weight: 500; gap: 16px; font-size: 21px; line-height: 107%; letter-spacing: 0%; flex-direction: row; } .contacts.container .contact-block .right-blocks:nth-child(3) .text{ font-size: 24px; } .contacts.container .contact-block .right-blocks:nth-child(4){ padding: 32px 36px; } .contacts.container .contact-block .right-blocks:nth-child(5){ padding: 32px 36px; } .contacts.container .contact-block .right-blocks{ background-color: #E2FC7A; padding: 36px; width: 56%; font-family: OnestSemiBold; font-weight: 500; font-size: 24px; line-height: 107%; border-radius: 16px; letter-spacing: 0%; } .contacts.container .contact-blocks{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 31px; justify-content: space-between; row-gap: 80px; } .contacts.container .contact-blocks .map-block{ max-width: 800px; width: 48%; border-radius: 25px; overflow: hidden; } .contacts.container .contact-blocks .map-block .map-container{ width: 840px; height: 512px; position: relative; left: 26px; overflow: hidden; border-radius: 25px; } .contacts.container .contact-blocks .map-block .map-container{ border-radius: 25px; overflow: hidden; } .contacts.container .map-block iframe{ border-radius: 30px; height: 512px; } .contacts.container .contact-blocks .form-block{ background-color: #12131D; width: 49.5%; border-radius: 24px; padding: 50px 50px 37px 50px; } .contacts.container .contact-blocks .form-block form .title{ color: #E2FC7A; margin-bottom: 12px; } .contacts.container .contact-blocks .form-block form input, .contacts.container .contact-blocks .form-block form textarea{ height: 61px; background-color: #363636; font-family: OnestRegular; font-weight: 400; font-size: 21px; width: 100%; line-height: 100%; letter-spacing: 0%; color: #FFFEE6; padding: 0 18px; border-radius: 8px; border: 1px solid #363636; } .contacts.container .contact-blocks .form-block form textarea{ padding: 18px 18px; } .contacts.container .contact-blocks .form-block form input::placeholder, .contacts.container .contact-blocks .form-block form textarea::placeholder{ color: #FFFEE6; } .contacts.container .contact-blocks .form-block form input.phone{ width: 49%; } .contacts.container .contact-blocks .form-block form input.email{ width: 49%; } .contacts.container .contact-blocks .form-block form{ display: flex; row-gap: 12px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .contacts.container .contact-blocks .form-block form .form_result{ color: #fff; font-size: 20px; line-height: 120%; } .contacts.container .contact-blocks .form-block form .form-status { color: #ff8686; font-size: 14px; line-height: 110%; } .contacts.container .contact-blocks .form-block form .form-status a{ text-decoration: underline; transition: 0.2s; } .contacts.container .contact-blocks .form-block form .form-status a:hover{ text-decoration: none; } .contacts.container .contact-blocks .form-block form button{ height: 61px; background-color: #E2FC7A; border-radius: 31px; margin-top: 21px; width: 100%; color:var(--dark-rusat-color); font-family: 'OnestSemiBold'; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .contacts.container .contact-blocks .form-block form .politics{ display: flex; flex-direction: row; gap: 24px; align-items: center; } .contacts.container .contact-blocks .form-block form .politics span{ font-family: OnestRegular; font-weight: 400; font-size: 12px; color: #EDEBBE; line-height: 100%; letter-spacing: 5%; } .contacts.container .contact-blocks .form-block form .politics span a{ text-decoration: underline; transition: 0.2s; } .contacts.container .contact-blocks .form-block form .politics span a:hover{ text-decoration: none; } .contacts.container .contact-blocks .form-block form .politics input{ width: 39px; height: 39px; border: 2px solid #E2FC7A; border-radius: 4px; background-color: #0000; } .contacts.container .contact-blocks .form-block form .politics input[type="checkbox"]:checked+ .check{ background-color: #363636; color: #363636; } .contacts.container .address-block{ width: 46%; padding: 50px 58px; } .contacts.container .address-block .title{ font-family: OnestSemiBold; font-weight: 500; margin-bottom: 10px; font-size: 50px; line-height: 107%; letter-spacing: 0%; } .contacts.container .address-block .subtitle{ font-family: OnestSemiBold; font-weight: 500; font-size: 24px; margin-bottom: 43px; line-height: 107%; letter-spacing: 0%; color: #828282; } .contacts.container .address-block .block-list{ font-family: OnestRegular; font-weight: 500; display: flex; font-size: 16px; gap: 16px; line-height: 145%; letter-spacing: 0%; flex-direction: column; } .contacts.container .address-block .block-list .element{ display: flex; flex-direction: row; gap: 35px; align-items: center; } .contacts.container .address-block .block-list .element .text{ font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 145%; letter-spacing: 0%; } .contacts.container .address-block .block-list .element .text span{ font-family: OnestBold; font-weight: 500; font-size: 16px; line-height: 145%; letter-spacing: 0%; } .contacts.container .address-block .block-list .element .icon{ background-color: #12131DCC; min-width: 62px; height: 62px; border-radius: 16px; display: flex; align-items: center; justify-content: center; } .contacts.container .map-block .ymaps3x0--map-container{ border-radius: 23px; } @media (max-width:1800px){ .contacts.container .contact-blocks .map-block .map-container{ width: auto; height: auto; position: relative; left: 0px; } } @media (max-width:1620px){ .contacts.container .contact-block{ width: 40%; } .contacts.container .contact-block .top-blocks .left-blocks{ width: 100%; padding: 15px; } .contacts.container .contact-block .top-blocks .right-blocks{ width: 100%; padding: 15px; } .contacts.container .contact-block .top-blocks{ width: 100%; height: auto; gap: 10px; margin-bottom: 20px; } .contacts.container .contact-block .top-blocks .left-blocks .phone{ font-size: 16px !important; } .contacts.container .contact-block .top-blocks .left-blocks .mail{ font-size: 16px !important; } .contacts.container .contact-block .top-blocks .left-blocks .text{ font-size: 16px !important; } .contacts.container .contact-block .top-blocks .left-blocks .title{ font-size: 20px !important; } .contacts.container .contact-block .right-blocks .text{ line-height: 16px; align-items: center; font-size: 16px !important; } .contacts.container .contact-block .right-blocks .title{ font-size: 20px !important; } .contacts.container .contact-blocks .map-block{ width: 55%; } } @media (max-width:1024px){ .contacts.container .contact-blocks .map-block{ width: 49%; } .contacts.container .contact-block{ width: 49%; } .contacts.container .contact-blocks .form-block{ width: 49%; padding: 15px; } .contacts.container .contact-blocks .form-block form .title{ font-size: 30px; } .contacts.container .address-block{ width: 49%; padding: 15px; } .contacts.container .address-block .title{ font-size: 30px; } .contacts.container .address-block .subtitle{ font-size: 18px; margin-bottom: 20px; } .contacts.container .address-block .block-list .element{ gap: 9px; } .contacts.container .address-block .block-list{ gap: 9px; } .contacts.container .address-block .block-list .element .text{ font-size: 14px; } .contacts.container .address-block .block-list .element .text span{ font-size: 14px; } .contacts.container .contact-blocks .form-block form input, .contacts.container .contact-blocks .form-block form textarea{ height: 40px; width: 100%; font-size: 14px; } .contacts.container .contact-blocks .form-block form textarea{ height: 60px; padding-top: 15px; } .contacts.container .contact-blocks .form-block form input.phone{ width: 100%; } .contacts.container .contact-blocks .form-block form input.email{ width: 100%; } .contacts.container .contact-blocks .form-block form button{ height: 40px; font-size: 12px; } } @media (max-width:767px){ .contacts.container .contact-block .top-blocks{ height: auto; gap: 10px; } .contacts.container .contact-block .right-blocks .small-title{ font-size: 20px; font-family: OnestSemiBold; font-weight: 500; } .contacts.container .contact-blocks{ flex-direction: column; } .contacts.container .contact-block{ width: 100%; } .contacts.container .contact-blocks .map-block{ width: 100%; } .contacts.container .address-block{ width: 100%; padding: 0px; } .contacts.container .contact-blocks{ row-gap: 40px; } .contacts.container .contact-blocks .form-block{ width: 100%; } } /* #endregion -------------------------CONTACT PAGE-----------------------------*/ /*#region -----------------------------FORM-BLOCK-----------------------*/ .form-popup.open{ position: fixed; width: 100%; height: 100%; top: 0; z-index: 995; left: 0; display: flex; align-items: center; } .form-popup{ display: none; } .form-popup .bg{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #FFFFFFbb; backdrop-filter: blur(37px); } .form-popup .bg .form-figure{ display: inline-block; position: relative; width: 802px; height: auto; } .form-popup .cross{ right: 0px; top: 0px; z-index: 1; width: 48px; height: 48px; position: absolute; } .form-popup .cross svg{ color: var(--light-green-rusat-color); } .form-popup .cross svg:hover{ color: #D5C815; cursor: pointer; } .form-popup .form-block{ background-color: #12131D; border-radius: 8px; padding: 50px 50px 37px 50px; } .form-popup .form-block .form_result{ color: #fff; } .form-popup .form-block .form-status{ color: #ff9f9f; font-size: 14px; line-height: 110%; } .form-popup .form-block .form-status a{ text-decoration: underline; transition: 0.2s; } .form-popup .form-block .form-status a:hover{ text-decoration: none; } .form-popup .form-block form .title{ color: #E2FC7A; margin-bottom: 12px; font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; letter-spacing: 0%; } .form-popup .form-block form input, .form-popup .form-block form textarea{ height: 61px; background-color: #363636; font-family: OnestRegular; font-weight: 400; font-size: 21px; width: 100%; line-height: 100%; letter-spacing: 0%; color: #FFFEE6; padding: 0 18px; border-radius: 8px; border: 1px solid #363636; } .form-popup .form-block form textarea{ padding-top: 18px; } .form-popup .form-block form input[aria-invalid="true"], .form-popup .form-block form textarea[aria-invalid="true"]{ border: 1px solid #ce0c0c; } .form-popup .form-block form input::placeholder, .form-popup .form-block form textarea::placeholder{ color: #FFFEE6; } .form-popup .form-block form input.phone{ width: 49%; } .form-popup .form-block form input.email{ width: 49%; } .form-popup .form-block form{ display: flex; row-gap: 12px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .form-popup .form-block form .file-label{ height: 90px; background-color: #363636; font-family: OnestRegular; font-weight: 400; font-size: 21px; width: 100%; line-height: 100%; letter-spacing: 0%; display: flex; color: #FFFEE6; padding: 0 18px; border-radius: 8px; border: 1px solid #363636; align-items: center; text-decoration: underline; border: 1px dashed #929292; gap: 13px; } .form-popup .form-block form .politics .custom-checkbox:hover{ cursor: pointer; } .form-popup .form-block form .file-label:hover{ cursor: pointer; } .form-popup .form-block form .politics .custom-checkbox input[type="checkbox"]{ position: absolute; opacity: 0; pointer-events: none; } .form-popup .form-block form .politics .custom-checkbox .checkmark { min-width: 39px; min-height: 39px; border: 2px solid var(--light-green-rusat-color); border-radius: 4px; } .custom-checkbox input[type="checkbox"]:checked + .checkmark { background: var(--light-green-rusat-color); border-color: var(--light-green-rusat-color); } .form-popup .form-block form button{ height: 61px; background-color: #E2FC7A; border-radius: 31px; margin-top: 21px; width: 100%; color:var(--dark-rusat-color); font-family: 'OnestSemiBold'; font-weight: 500; font-size: 17px; line-height: 100%; letter-spacing: 5%; text-transform: uppercase; } .form-popup .form-block form button:hover{ background-color:#D5C815; } .form-popup .form-block form .politics{ display: flex; flex-direction: row; gap: 24px; align-items: center; } .form-popup .form-block form .politics span{ font-family: OnestRegular; font-weight: 400; font-size: 12px; color: #EDEBBE; line-height: 100%; letter-spacing: 5%; } .form-popup .form-block form .politics span a { text-decoration: underline; transition: 0.2s; } .form-popup .form-block form .politics span a:hover { text-decoration: none; } .form-popup .form-block form .politics input{ width: 39px; height: 39px; border: 2px solid #E2FC7A; border-radius: 4px; background-color: #0000; } .form-popup .form-block form .politics input[type="checkbox"]:checked+ .check{ background-color: #363636; color: #363636; } .form-popup .form-block form .politics .custom-checkbox{ display: flex; align-items: center; gap: 24px; } @media (max-width:1024px){ .form-popup .form-block form .title{ font-size: 30px; } .form-popup .form-block form input, .form-popup .form-block form textarea{ font-size: 16px; } .form-popup .form-block form button{ font-size: 14px; height: 50px; } .form-popup .form-block form .file-label{ font-size: 16px; height: 60px; } } @media (max-width:850px){ .form-popup .bg .form-figure{ width: 99%; } .form-popup .form-block{ padding: 20px; } .form-popup .form-block form input.phone{ width: 100%; } .form-popup .form-block form input.email{ width: 100%; } .form-popup .form-block form input{ height: 40px; } .form-popup .form-block .form_result h2{ max-width: 85%; } } @media (max-width:400px){ .form-popup .form-block form .title{ font-size: 20px; } .form-popup .form-block form input, .form-popup .form-block form textarea{ font-size: 14px; } .form-popup .form-block form textarea{ padding-top: 15px; } .form-popup .form-block form button{ font-size: 12px; height: 30px; } .form-popup .form-block form .file-label{ font-size: 14px; height: 40px; } } /* #endregion -------------------------FORM-BLOCK-----------------------------*/ .show-all:hover{ background-color: #E4DE23; transition: 0.2s; } @media (min-width:1280px){ ._desc { display: block; } ._tablet{ display: none !important; } ._mob{ display: none !important; } } @media (min-width:768px) and (max-width:1280px){ ._desc { display: none !important; } ._tablet{ display: block; } ._mob{ display: none !important; } } @media(max-width:767px){ ._desc { display: none !important; } ._tablet{ display: none !important; } ._mob{ display: block; } .main-block{ display: flex; justify-content: center; } } .grecaptcha-badge { display: none !important; } .search-page > form > table { display: none; } .ymaps3--controls_bottom { z-index: 9 !important; } .textpage__about { max-width: 1000px; } .textpage__about h2.title { font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; } .textpage__about_flex { display: flex; max-width: 100%; } .textpage__about_flex .textpage__about_info { max-width: calc(100% - 655px); } .textpage__about_flex .textpage__about_img { width: 655px; } .textpage__about_img img { position: absolute; right: 70px; width: 605px; top: 93px; } @media (max-width:1680px){ .textpage__about_img img { right: 0; } } @media (max-width:1280px){ .container .textpage__block h2 { font-size: 30px; } .textpage__block .advantages.container .title { font-size: 40px; } .textpage__about_flex .textpage__about_info { max-width: calc(100% - 455px); } .textpage__about_flex .textpage__about_img { width: 455px; } .textpage__about_img img { width: 405px; top: 98px; } } @media (max-width:1024px){ .textpage__about_flex .textpage__about_info { max-width: 100%; } .textpage__about_flex .textpage__about_img { display: none; } } @media (max-width:767px){ .container .textpage__block { font-size: 16px; } .container .textpage__block h2 { font-size: 24px; } .textpage__block .advantages.container .title { font-size: 30px; } .textpage__block .advantages-block { margin-bottom: 30px; } } .textpage__about-info-block{ display: flex; margin-top: 86px; flex-direction: row; gap: 80px; color: var(--dark-rusat-color); margin-bottom: 80px; } .textpage__about-info-block .img{ max-width: 740px; width: 50%; margin-left: 16px; } .textpage__about-info-block .info{ display: flex; width: 50%; padding: 38px 0 0 0; flex-direction: column; gap: 32px; } .textpage__about-info-block .info .title{ font-family: OnestSemiBold; font-weight: 500; font-size: 50px; line-height: 107%; width: 102%; letter-spacing: 0%; margin-bottom: 0; } .textpage__about-info-block .info .text{ font-family: OnestRegular; font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: 0%; } .textpage__about-info-block .info .button{ font-family: OnestRegular; font-weight: 400; font-size: 16px; line-height: 145%; width: 152px; height: 39px; letter-spacing: 0%; color: #141414; display: flex; gap: 10px; align-items: center; border-radius: 27px; border: 1px solid #D5C815; justify-content: center; } .textpage__about-info-block .info .button:hover{ background-color: var(--y-rusat-color); cursor: pointer; } .textpage__about-info-block .info .text b{ font-family: OnestBold; font-weight: 700; font-size: 18px; line-height: 138%; letter-spacing: 0%; } @media (max-width:1280px){ .textpage__about-info-block{ margin-top: 80px; gap: 40px; } .textpage__about-info-block .info { padding-top: 0; } .textpage__about-info-block .img { margin-left: 0; } .textpage__about-info-block .info .title { font-size: 34px; } .catalog-container .catalog-list-title { font-size: 40px; } } @media (max-width:1024px){ .textpage__about-info-block .info .title{ font-size: 30px; } .catalog-container .catalog-list-title { font-size: 30px; } } @media (max-width:767px){ .textpage__about-info-block{ gap: 25px; margin-top: 60px; margin-bottom: 40px; } .textpage__about-info-block .info .title{ font-size: 22px; } .catalog-container .catalog-list-title { font-size: 25px; } .textpage__about-info-block .img { display: none; } .textpage__about-info-block .info { width: 100%; } .textpage__about-info-block .info .text { font-size: 16px; } } @media (max-width:479px){ .textpage__about-info-block{ display: block; } .textpage__about-info-block .info { width: 100%; margin-top: 30px; } .textpage__about-info-block .img { width: 100%; } } /* End */ /* /local/templates/rusat/styles/swiper-bundle.min.css?178403493114594 */ /* /local/templates/rusat/styles/nebo.css?17840349313577 */ /* /local/templates/rusat/styles/fancybox.css?178403493125343 */ /* /local/templates/rusat/components/bitrix/menu/.default/style.css?178411991811442 */ /* /local/templates/rusat/components/bitrix/search.title/mob-search/style.css?17840349314092 */ /* /local/templates/rusat/components/bitrix/search.title/.default/style.css?17840349314253 */ /* /local/components/niges/cookiesaccept/templates/.default/style.css?17840349315430 */ /* /local/templates/rusat/template_styles.css?178420578599829 */