/* Start:/bitrix/templates/aspro-premier/css/cases.css?17808488419478*/
/* =====================================================================
   VISTLAN — cases & blog (iblock 16 / Проекты) scoped styles + animation
   Loaded on /blog/proekty/ index and on case detail pages.
   ===================================================================== */

:root{
  --vc-blue:#2256AC;
  --vc-cyan:#59C7DB;
  --vc-navy:#06122B;
  --vc-ink:#1f2a44;
  --vc-muted:#6b7896;
  --vc-line:#e2ebfa;
  --vc-bg:#F4F7FF;
}

/* ---------- shared reveal-on-scroll ---------- */
.vc-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.vc-reveal.is-visible{opacity:1;transform:none}

/* =====================================================================
   CASE DETAIL ARTICLE
   ===================================================================== */
.vlan-case{max-width:920px}
.vlan-case *{box-sizing:border-box}
.vlan-case .vc-block{margin:0 0 34px}
.vlan-case h2{font-size:24px;line-height:1.25;color:var(--vc-navy);margin:0 0 14px;font-weight:700}
.vlan-case .vc-eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--vc-blue);background:rgba(34,86,172,.08);border-radius:30px;padding:5px 14px;margin:0 0 14px}

/* (a) backstory */
.vc-backstory{position:relative;background:linear-gradient(135deg,#2256AC 0%,#59C7DB 100%);color:#fff;border-radius:20px;padding:30px 32px 18px;box-shadow:0 18px 40px rgba(34,86,172,.22);overflow:hidden}
.vc-backstory::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.vc-backstory .vc-eyebrow{color:#fff;background:rgba(255,255,255,.16)}
.vc-lead{font-size:17.5px;line-height:1.7;color:#eef5ff;margin:0 0 22px;position:relative;z-index:1}

/* animated process timeline */
.vc-steps{list-style:none;margin:0;padding:0;position:relative;z-index:1}
.vc-steps::before{content:"";position:absolute;left:14px;top:8px;bottom:18px;width:2px;background:rgba(255,255,255,.30);transform-origin:top;transform:scaleY(0);transition:transform 1s ease .15s}
.vc-steps.is-visible::before{transform:scaleY(1)}
.vc-step{position:relative;padding:0 0 18px 44px;opacity:0;transform:translateX(14px);transition:opacity .55s ease,transform .55s ease}
.vc-steps.is-visible .vc-step{opacity:1;transform:none}
.vc-steps.is-visible .vc-step:nth-child(1){transition-delay:.18s}
.vc-steps.is-visible .vc-step:nth-child(2){transition-delay:.34s}
.vc-steps.is-visible .vc-step:nth-child(3){transition-delay:.50s}
.vc-steps.is-visible .vc-step:nth-child(4){transition-delay:.66s}
.vc-steps.is-visible .vc-step:nth-child(5){transition-delay:.82s}
.vc-step__dot{position:absolute;left:5px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.18)}
.vc-steps.is-visible .vc-step:last-child .vc-step__dot{background:var(--vc-cyan);box-shadow:0 0 0 5px rgba(89,199,219,.35);animation:vc-pulse 2.2s ease-in-out infinite}
.vc-step b{display:block;font-size:15.5px;font-weight:700;color:#fff;margin:0 0 3px}
.vc-step span{font-size:14px;line-height:1.55;color:#dfeaff}
@keyframes vc-pulse{0%,100%{box-shadow:0 0 0 5px rgba(89,199,219,.35)}50%{box-shadow:0 0 0 10px rgba(89,199,219,.08)}}

/* (b)/(c)/(e) text blocks */
.vc-text{font-size:16.5px;line-height:1.72;color:var(--vc-ink);margin:0}
.vc-text+.vc-text{margin-top:12px}
.vc-customer{border-left:4px solid var(--vc-cyan);padding-left:20px}

/* (c) spec list */
.vc-speclist{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vc-speclist li{position:relative;background:var(--vc-bg);border:1px solid var(--vc-line);border-radius:12px;padding:14px 16px 14px 46px;font-size:15px;line-height:1.5;color:var(--vc-ink);transition:transform .25s ease,box-shadow .25s ease}
.vc-speclist li:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(34,86,172,.12)}
.vc-speclist li::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--vc-blue),var(--vc-cyan))}
.vc-speclist li b{display:block;color:var(--vc-navy);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px}

/* (d) facts */
.vc-facts{background:var(--vc-bg);border:1px solid #dbe6fb;border-radius:18px;padding:26px 28px}
.vc-statstrip{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.vc-stat{flex:1 1 140px;background:#fff;border:1px solid var(--vc-line);border-radius:14px;padding:16px 18px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}
.vc-stat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(34,86,172,.12)}
.vc-stat b{display:block;font-size:30px;line-height:1;font-weight:800;background:linear-gradient(135deg,var(--vc-blue),var(--vc-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vc-stat span{display:block;font-size:12.5px;color:var(--vc-muted);margin-top:6px;letter-spacing:.02em}
.vc-facts__grid{display:grid;grid-template-columns:1fr;gap:0}
.vc-fact{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid var(--vc-line)}
.vc-fact:last-child{border-bottom:0}
.vc-fact__label{flex:0 0 190px;color:var(--vc-muted);font-weight:600}
.vc-fact__val{margin:0;color:var(--vc-ink);font-weight:600}
.vc-fact__val--sum{font-size:18px;color:var(--vc-blue)}
.vc-status{display:inline-block;background:#e3f7ec;color:#1c8a4d;border-radius:20px;padding:3px 16px;font-weight:700;font-size:14px}
.vc-status::before{content:"\2713  ";font-weight:800}

/* (f) CTA */
.vc-cta{background:linear-gradient(135deg,#06122B 0%,#2256AC 100%);border-radius:20px;padding:30px 32px;color:#fff;position:relative;overflow:hidden}
.vc-cta::after{content:"";position:absolute;right:-50px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(89,199,219,.30),transparent 70%)}
.vc-cta p{font-size:17px;line-height:1.6;color:#eef5ff;margin:0 0 20px;position:relative;z-index:1}
.vc-btns{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.vc-btn{display:inline-block;background:var(--vc-cyan);color:#06122B!important;font-weight:700;padding:14px 26px;border-radius:11px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.vc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(89,199,219,.4);text-decoration:none}
.vc-btn--ghost{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)}
.vc-btn--ghost:hover{background:rgba(255,255,255,.10);box-shadow:none}

@media(max-width:680px){
  .vlan-case h2{font-size:21px}
  .vc-backstory{padding:24px 20px 12px}
  .vc-speclist{grid-template-columns:1fr}
  .vc-facts{padding:20px}
  .vc-fact{flex-direction:column;gap:2px}
  .vc-fact__label{flex:none}
}

/* =====================================================================
   /blog/proekty/ INDEX — intro + stats strip + card polish
   ===================================================================== */
.vc-proj-intro{background:linear-gradient(135deg,#06122B 0%,#2256AC 60%,#3f86c9 100%);border-radius:22px;padding:38px 40px;color:#fff;margin:0 0 28px;position:relative;overflow:hidden}
.vc-proj-intro::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(89,199,219,.22),transparent 70%)}
.vc-proj-intro__in{position:relative;z-index:1;max-width:760px}
.vc-proj-intro h1,.vc-proj-intro .vc-h1{font-size:30px;line-height:1.2;font-weight:800;margin:0 0 14px;color:#fff}
.vc-proj-intro p{font-size:16.5px;line-height:1.7;color:#e7f0ff;margin:0 0 6px}
.vc-proj-intro .vc-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.vc-proj-intro .vc-tag{font-size:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:6px 14px;color:#eaf3ff}

.vc-proj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 32px}
.vc-proj-stats .vc-stat{background:#fff;border:1px solid var(--vc-line);border-radius:16px;padding:22px 16px;text-align:center}
.vc-proj-stats .vc-stat b{font-size:clamp(22px,3.2vw,32px);white-space:nowrap;letter-spacing:-.01em}
@media(max-width:760px){.vc-proj-stats{grid-template-columns:repeat(2,1fr)}.vc-proj-intro{padding:28px 22px}.vc-proj-intro h1,.vc-proj-intro .vc-h1{font-size:24px}}

/* even, premium case cards on the proekty index (Aspro .blog-item grid) */
.section-proekty .blog-item,
.section-proekty .news-item{height:100%}
.section-proekty .blog-item .image,
.section-proekty .blog-item .preview_picture{border-radius:14px 14px 0 0;overflow:hidden}
.section-proekty .blog-item img{transition:transform .5s ease}
.section-proekty .blog-item:hover img{transform:scale(1.05)}
.section-proekty .blog-item{transition:transform .3s ease,box-shadow .3s ease;border-radius:16px;overflow:hidden}
.section-proekty .blog-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(34,86,172,.16)}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .vc-reveal,.vc-step,.vc-steps::before{opacity:1!important;transform:none!important;transition:none!important}
  .vc-steps.is-visible .vc-step:last-child .vc-step__dot{animation:none}
  .section-proekty .blog-item img,.section-proekty .blog-item{transition:none}
}

/* End */


/* Start:/bitrix/templates/aspro-premier/css/tabs.min.css?17400585534441*/
.tabs{margin-bottom:24px;}.tabs .bordered{border:none;box-shadow:none;}.tabs--in-section{margin-bottom:32px;}.tabs--no-margin{margin:0;}.tabs .nav-tabs>li>a{line-height:inherit;border:none;}.tabs .nav>li>a:hover,.tabs .nav>li>a:focus{background-color:transparent;}.tabs .tab-content{background-color:white;background-color:var(--black_bg_black);border:none;padding:40px 0 0;}.tabs .tab-content.not_tabs{padding-top:0;}.tabs .nav-tabs + .tab-content{border-top:0;}.tabs .nav-tabs li span{padding-top:11px;padding-bottom:11px;}.tabs .nav-tabs li a,.tabs .nav-tabs li>span,.tabs .nav-tabs .nav-tabs__item{cursor:pointer;display:block;color:var(--fill_dark_lite_white_hover);background-color:var(--secondary-black-dark-light-bg);padding:12px 20px;border-radius:var(--theme-button-border-radius);text-decoration:none;font-size:calc(1rem - 2px);line-height:calc(1em + 6px);}.tabs .nav-tabs li:not(.active) a:hover,.tabs .nav-tabs li:not(.active) span:hover,.tabs .nav-tabs .nav-tabs__item:not(.active):hover{background-color:var(--light,#E8E9ED) var(--dark,#4a4a53);}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;background:none;}.tabs .nav-tabs li.active a,.tabs .nav-tabs li.active>span,.tabs .nav-tabs .nav-tabs__item.active{background-color:var(--theme-base-color);color:var(--button_color_text);cursor:default;--nav-counter-color:var(--button_color_text);}.nav-tabs__counter{color:var(--nav-counter-color);}.tabs .nav-tabs li.active:hover{box-shadow:none;transform:none;border-color:#e5e5e5;border-color:var(--stroke_black);}.tabs .tab-content .content{margin:-8px 0 0;}.tabs .nav-tabs>li:before,.pagination>li:before{margin:0;padding:0;}.nav:after{clear:both;content:" ";display:table;}.nav-tabs{margin:0;display:flex;gap:8px;border:0;--nav-counter-color:var(--secondary);}.nav-tabs::before,.nav-tabs::after{display:none;}.nav-tabs li{margin:0;padding:0;float:left;}.nav-tabs li:before{display:none!important;}.tabs.horizontal-scrolling{margin:0;position:relative;overflow:hidden;}.tabs.horizontal-scrolling:before,.tabs.horizontal-scrolling:after{content:"";width:10px;height:48px;background:#fff;background:var(--black_bg_black);position:absolute;top:0;opacity:0;}.tabs.horizontal-scrolling:before{left:0;}.tabs.horizontal-scrolling:after{right:0;}.tabs.horizontal-scrolling .nav{margin:0;white-space:nowrap;padding:0;}.tabs.horizontal-scrolling .nav>li{float:none;display:inline-block;margin:0;}.tabs.horizontal-scrolling .nav>li:not(:last-of-type){margin-right:4px;}.tabs.horizontal-scrolling + .tab-content{margin-top:2.666rem;}.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type){margin-right:2.266rem;}.tabs.bottom-line li{background:none;}.tabs.bottom-line li a{padding:0 0 .466rem;}.tabs.bottom-line li.active:after{left:0;right:0;top:auto;bottom:0;border-radius:0;}.tabs.bottom-line + .tab-content{margin-top:1.666rem;}.tab-nav{display:flex;gap:8px;white-space:nowrap;margin:0;}.tab-nav li{margin:0;padding:0;}.tab-nav li::before{display:none;}.tab-nav .active,.tab-nav .active .tab-nav__item{cursor:default;color:#fff;background-color:transparent;}.arrow_scroll{max-height:65px;overflow:hidden;}.arrow_scroll .nav.nav-tabs{white-space:nowrap;min-width:300%;z-index:1;position:relative;}.arrow_scroll .nav.nav-tabs>li{float:none;display:inline-block;vertical-align:top;}.arrow_scroll_init .arrows_wrapper{position:absolute;top:0;bottom:0;width:100%;}.arrow_scroll_init .arrows_wrapper .arrow{position:absolute;width:38px;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;background:var(--black_bg_black);z-index:1;cursor:pointer;}.grey_block .arrow_scroll_init .arrows_wrapper .arrow{background-color:#f9f9fa;background-color:var(--darkerblack_bg_black);}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left{left:-14px;border-right:1px solid #ececec;border-color:var(--stroke_black);}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg{transform:rotate(-90deg);}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:-14px;border-left:1px solid #ececec;border-color:var(--stroke_black);}.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:14px;}.dropdown-select .arrow_scroll_init .arrows_wrapper{right:-14px;}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg{transform:rotate(90deg);}.arrow_scroll_init .arrows_wrapper .arrow.disabled{display:none;}.dropdown-select .line-block{position:relative;}
/* End */


/* Start:/bitrix/templates/aspro-premier/components/bitrix/news.list/news-list-masonry/style.min.css?1740058552397*/
.news-list-masonry__item--bg_img .ui-card__image{--aspect-ratio:none;height:100%;min-height:336px}.news-list-masonry__item--bg_img .ui-card__info{margin:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:24px;justify-content:end;gap:12px}.news-list-masonry__item--bg_img .ui-card__text{color:rgba(255,255,255,.72)}.news-list-masonry__item--bg_img .ui-card__title{color:#fff}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/ui-card.pattern.min.css?17400585532449*/
@media (min-width:601px){.ui-cards--26-in-loop-span-4-1st-from-1200 .ui-card:nth-of-type(26n+1),.ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14){display:flex;gap:12px;.ui-card__image,.ui-card__info{flex:1 1 50%}.ui-card__image{--aspect-ratio:1.88}.ui-card__info{margin:0;padding:clamp(24px,3vw,32px) clamp(16px,3vw,24px);border-top:1px solid var(--stroke_black);border-bottom:1px solid var(--stroke_black);gap:12px}.ui-card__title{font-size:clamp(1rem + 8px,2vw,1rem + 12px);line-height:calc(1em + 8px)}.ui-card__text{margin-top:auto}}.ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14){flex-direction:row-reverse}}@media(min-width:1200px){.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .ui-card:nth-of-type(14n+1),.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .ui-card:nth-of-type(14n+10){min-height:336px;.ui-card__image{--aspect-ratio:none;height:100%}.ui-card__image:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%)}.ui-card__info{margin:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:clamp(16px,3vw,24px) clamp(16px,3vw,24px);justify-content:end;gap:12px}.ui-card__title{color:#fff;font-size:clamp(1rem + 4px,2vw,1rem + 8px);line-height:calc(1em + 8px)}.ui-card__text{color:rgba(255,255,255,.72)}}.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1),.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10){.blog-item__image{height:100%;padding-bottom:50%}.blog-item__img{transition:scale .6s ease;will-change:scale}.blog-item__image:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%)}.blog-item__info{margin:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:end}.blog-item__title{color:#fff;font-size:clamp(1rem + 4px,2vw,1rem + 8px);line-height:calc(1em + 8px);margin:0}.blog-item__text{color:rgba(255,255,255,.72);margin-top:12px}}@media (any-hover:hover){.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1):hover .blog-item__img,.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10):hover .blog-item__img{scale:1.05}}}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17635029961947*/
.sticker{position:absolute;z-index:3;top:0;left:0;display:flex;flex-wrap:wrap;gap:4px;}.sticker--static{position:static;}.sticker--offset-16{top:16px;left:16px;}.sticker__item{--sticker_color:#0cbc3d;--sticker-height:24px;padding:1px 8px 1px 8px;color:#fff;background:var(--sticker_color);border-radius:var(--theme-sticker-border-radius);font-weight:500;position:relative;height:var(--sticker-height);display:inline-flex;align-items:center;}.sticker .sticker__item{line-height:12px;display:flex;}.sticker__item--bordered{color:#666;color:var(--lite_basic_text_black);border:1px solid #e5e5e5;border-color:var(--stroke_black);background:#fafafa;background:var(--light2_bg_black);}.sticker--upper .sticker__item{text-transform:uppercase;}.sticker__item--sale,.sticker__item--aktsiya,.sticker__item--stock{--sticker_color:#ffeca8;color:#222;}.sticker__item--new,.sticker__item--novinka{--sticker_color:#32cb41;}.sticker__item--hit,.sticker__item--khit{--sticker_color:#ff7455;}.sticker__item--recommend,.sticker__item--sovetuem{--sticker_color:#a56ffd;}.sticker__item--sale-text,.sticker__item--sale_text,.sticker__item--red{--sticker_color:#ff4f64;}.sticker__item--blur{--sticker_color:rgba(34,34,40,.32);}.sticker__item--light-green{--sticker_color:#def6e0;color:#222;}.status-icon{position:relative;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#32cb41;}.status-icon.nostock{color:#f91a35;}.status-icon.order{color:#25a4f1;}.status-icon.pending{color:#fc9e41;}.btn-fast-view{position:absolute;transform:translateX(-50%);bottom:40px;left:50%;z-index:4;opacity:0;transition:opacity .3s ease;}.btn-fast-view .btn-fast-view{bottom:0;}.grid-list__item:hover .btn-fast-view{opacity:1;}.btn-fast-view-container--cover .btn-fast-view{transform:none;inset:0;background-color:color-mix(in oklab,#FFF 80%,transparent);}.btn-fast-view-container--cover .fv-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%;}
/* End */
/* /bitrix/templates/aspro-premier/css/cases.css?17808488419478 */
/* /bitrix/templates/aspro-premier/css/tabs.min.css?17400585534441 */
/* /bitrix/templates/aspro-premier/components/bitrix/news.list/news-list-masonry/style.min.css?1740058552397 */
/* /bitrix/templates/aspro-premier/css/conditional/ui-card.pattern.min.css?17400585532449 */
/* /bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17635029961947 */