\u0411\u0430\u043d\u0441\u043a\u043e \u0423\u0442\u0440\u0435 \u2014 \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WORDPRESS FONT OVERRIDE STRATEGY\n \u2500 \u0412\u0441\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u0437\u0430 font-size \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0442 px + !important\n \u2500 \u0412\u0441\u0438\u0447\u043a\u043e \u0435 \u0432 .bm-page \u0437\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0441\u0442\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* \u2500\u2500 Reset inside wrapper \u2500\u2500 *\/\n .bm-page *, .bm-page *::before, .bm-page *::after { box-sizing: border-box; }\n\n \/* \u2500\u2500 Page shell \u2500\u2500 *\/\n .bm-page {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 16px !important;\n color: #1C2B3A !important;\n background: #F4F7FA !important;\n overflow-x: hidden;\n line-height: 1.6 !important;\n }\n\n \/* \u2550\u2550\u2550\u2550 TYPOGRAPHY \u2014 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u0438 px + !important \u2550\u2550\u2550\u2550 *\/\n\n \/* Hero H1 *\/\n .bm-page .t-h1 {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(40px, 6vw, 72px) !important;\n font-weight: 900 !important;\n line-height: 1.08 !important;\n color: #FFFFFF !important;\n }\n \/* Section H2 *\/\n .bm-page .t-h2 {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(28px, 3.5vw, 44px) !important;\n font-weight: 700 !important;\n line-height: 1.15 !important;\n color: #0B2244 !important;\n }\n \/* Card H3 *\/\n .bm-page .t-h3 {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 21px !important;\n font-weight: 600 !important;\n line-height: 1.3 !important;\n color: #0B2244 !important;\n }\n \/* Card paragraphs *\/\n .bm-page .t-p {\n font-size: 17px !important;\n font-weight: 400 !important;\n color: #5D6D7E !important;\n line-height: 1.65 !important;\n }\n \/* Badges \/ section labels *\/\n .bm-page .t-label {\n font-size: 14px !important;\n font-weight: 600 !important;\n letter-spacing: 0.14em !important;\n text-transform: uppercase !important;\n }\n \/* Small helper text *\/\n .bm-page .t-small {\n font-size: 14px !important;\n color: #8A9BB0 !important;\n line-height: 1.5 !important;\n }\n \/* Buttons *\/\n .bm-page .t-btn {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 1 !important;\n }\n \/* Stat numbers *\/\n .bm-page .t-stat {\n font-family: 'Playfair Display', serif !important;\n font-size: 52px !important;\n font-weight: 900 !important;\n line-height: 1 !important;\n color: #0B2244 !important;\n }\n \/* Hero stat numbers *\/\n .bm-page .t-hero-stat {\n font-family: 'Playfair Display', serif !important;\n font-size: 36px !important;\n font-weight: 900 !important;\n color: #FFFFFF !important;\n line-height: 1 !important;\n }\n \/* Nav brand *\/\n .bm-page .t-nav {\n font-size: 16px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n \/* Progress % *\/\n .bm-page .t-pct {\n font-size: 14px !important;\n font-weight: 700 !important;\n color: #0B2244 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n \/* Stat sub-label *\/\n .bm-page .t-stat-sub {\n font-size: 16px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n\n \/* \u2550\u2550\u2550\u2550 LAYOUT COMPONENTS \u2550\u2550\u2550\u2550 *\/\n\n \/* Top nav *\/\n .bm-topbar {\n position: fixed; top: 0; left: 0; right: 0; z-index: 999;\n background: rgba(255,255,255,0.97) !important;\n backdrop-filter: blur(16px);\n border-bottom: 1px solid #D5E3F0;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n }\n .bm-topbar-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 24px;\n display: flex; align-items: center; justify-content: space-between;\n height: 64px;\n }\n\n \/* Hero *\/\n .bm-hero {\n position: relative;\n background:\n linear-gradient(155deg, rgba(11,34,68,.93) 0%, rgba(26,86,160,.70) 55%, rgba(11,34,68,.92) 100%),\n url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b9\/Bansko_pirin.jpg\/1280px-Bansko_pirin.jpg')\n center\/cover no-repeat;\n min-height: 86vh;\n display: flex; flex-direction: column; justify-content: center;\n }\n .bm-hero::after {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0; height: 100px;\n background: linear-gradient(to bottom, transparent, #F4F7FA);\n pointer-events: none;\n }\n .bm-hero-grid {\n position: absolute; inset: 0; pointer-events: none;\n background-image:\n linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .bm-hero-inner {\n max-width: 1200px; margin: 0 auto;\n padding: 120px 24px 80px;\n position: relative; z-index: 10;\n }\n\n \/* Section wrapper *\/\n .bm-section { max-width: 1200px; margin: 0 auto; padding: 72px 24px; }\n .bm-section--bg { background: #EDF2F7 !important; padding: 72px 0; }\n .bm-section--bg .bm-section-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n @media (max-width: 640px) {\n .bm-section { padding: 48px 16px; }\n .bm-section--bg .bm-section-inner { padding: 0 16px; }\n }\n\n \/* Map *\/\n .bm-map {\n background: linear-gradient(135deg, #D6EAF8 0%, #EBF5FB 50%, #D6EAF8 100%);\n border: 1.5px solid #AED6F1;\n border-radius: 16px;\n position: relative; overflow: hidden;\n min-height: 420px;\n }\n .bm-map::before {\n content: ''; position: absolute; inset: 0; pointer-events: none;\n background-image:\n linear-gradient(rgba(26,86,160,.08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,86,160,.08) 1px, transparent 1px);\n background-size: 40px 40px;\n }\n\n \/* Map pins *\/\n .bm-pin {\n position: absolute; width: 16px; height: 16px;\n border-radius: 50%;\n border: 2.5px solid rgba(255,255,255,.75);\n cursor: pointer;\n transition: transform .25s;\n box-shadow: 0 2px 8px rgba(0,0,0,.18);\n }\n .bm-pin:hover { transform: scale(1.55); }\n .bm-pin::after {\n content: ''; position: absolute; top: 50%; left: 50%;\n width: 32px; height: 32px; border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: bm-ripple 2.2s ease-out infinite;\n border: 1.5px solid currentColor; opacity: .45;\n }\n @keyframes bm-ripple {\n 0% { transform: translate(-50%,-50%) scale(.4); opacity:.7; }\n 100% { transform: translate(-50%,-50%) scale(2.2); opacity:0; }\n }\n\n \/* Cards *\/\n .bm-card {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px;\n position: relative; overflow: hidden;\n transition: transform .3s, box-shadow .3s, border-color .3s;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n padding: 28px;\n }\n .bm-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: var(--card-accent);\n }\n .bm-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(11,34,68,.13);\n border-color: #AED6F1;\n }\n\n \/* Progress bar *\/\n .bm-track { background: #EBF5FB; border-radius: 999px; height: 9px; overflow: hidden; }\n .bm-fill {\n height: 100%; border-radius: 999px; width: 0;\n background: var(--bar-color);\n transition: width 1.6s cubic-bezier(.4,0,.2,1);\n position: relative;\n }\n .bm-fill::after {\n content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 40px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.5));\n border-radius: 999px;\n }\n\n \/* Status badge *\/\n .bm-badge {\n display: inline-flex; align-items: center; gap: 6px;\n padding: 5px 13px; border-radius: 999px;\n font-size: 14px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n border: 1.5px solid;\n }\n .bm-badge--blue { color: #1A56A0; background: #D6EAF8; border-color: #AED6F1; }\n .bm-badge--slate { color: #4A5568; background: #EDF2F7; border-color: #CBD5E0; }\n .bm-badge--green { color: #1D7A52; background: #D5F5E3; border-color: #A9DFBF; }\n\n \/* Icon badge *\/\n .bm-icon-badge {\n width: 52px; height: 52px; border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n\n \/* Stat card *\/\n .bm-stat-card {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n text-align: center; padding: 40px 24px;\n }\n\n \/* Before\/After panels *\/\n .bm-ba {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px; overflow: hidden;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n }\n .bm-ba-inner { width: 100%; padding-top: 63%; position: relative; }\n .bm-ba-content {\n position: absolute; inset: 0;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 8px;\n }\n\n \/* CTA block *\/\n .bm-cta {\n background: linear-gradient(135deg, #EBF5FB 0%, #EAFAF1 100%);\n border: 1.5px solid #AED6F1;\n border-radius: 20px;\n text-align: center; padding: 64px 40px;\n }\n @media (max-width: 640px) { .bm-cta { padding: 40px 20px; } }\n\n \/* Section label row *\/\n .bm-sec-label {\n display: flex; align-items: center; gap: 8px;\n margin-bottom: 10px;\n color: #1A56A0 !important;\n }\n\n \/* Grids *\/\n .bm-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\n .bm-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n @media (max-width: 900px) { .bm-grid-3 { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 600px) { .bm-grid-3 { grid-template-columns: 1fr; } }\n @media (max-width: 640px) { .bm-grid-2 { grid-template-columns: 1fr; } }\n\n \/* Hero stats row *\/\n .bm-hero-stats { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 48px; }\n .bm-hero-vdivider { width: 1px; background: rgba(255,255,255,.15); align-self: stretch; }\n\n \/* Fade-in animation *\/\n .bm-fade { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }\n .bm-fade.on { opacity: 1; transform: translateY(0); }\n\n \/* Footer *\/\n .bm-footer { background: #0B2244 !important; padding: 32px 24px; }\n .bm-footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; flex-wrap: wrap;\n align-items: center; justify-content: space-between; gap: 12px;\n }\n\n \/* Live pulse dot *\/\n .bm-live-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: #27AE78; display: inline-block;\n animation: bm-pulse 2s ease-in-out infinite;\n }\n @keyframes bm-pulse {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .5; transform: scale(.8); }\n }\n\n \/* Active dot inside badge *\/\n .bm-dot-active {\n width: 7px; height: 7px; border-radius: 50%;\n display: inline-block; flex-shrink: 0;\n animation: bm-pulse 2s ease-in-out infinite;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"bm-page\">\n\n \n <nav class=\"bm-topbar\" aria-label=\"\u0413\u043b\u0430\u0432\u043d\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f\">\n <div class=\"bm-topbar-inner\">\n\n \n <div style=\"display:flex;align-items:center;gap:10px;\">\n <div style=\"width:34px;height:34px;border-radius:8px;background:#1A56A0; display:flex;align-items:center;justify-content:center;\">\n <i class=\"fa-solid fa-city\" style=\"color:#fff;font-size:16px!important;\"><\/i>\n <\/div>\n <span class=\"t-nav\" style=\"color:#0B2244;\">\n <span style=\"color:#1A56A0;\">vbansko<\/span>.com\n <\/span>\n <\/div>\n\n \n <div style=\"display:flex;align-items:center;gap:16px;\">\n <span style=\"display:flex;align-items:center;gap:6px;\">\n <span class=\"bm-live-dot\"><\/span>\n <span class=\"t-small\">\u0410\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441<\/span>\n <\/span>\n <a href=\"#bm-feedback\" class=\"t-btn\"\n style=\"background:#1A56A0;color:#fff!important;padding:10px 22px; border-radius:999px;text-decoration:none;display:inline-block; transition:background .2s;\"\n onmouseover=\"this.style.background='#2E86C1'\"\n onmouseout=\"this.style.background='#1A56A0'\">\n \u0417\u0430\u0434\u0430\u0439 \u0432\u044a\u043f\u0440\u043e\u0441\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n\n \n <section class=\"bm-hero\" id=\"bm-hero\" aria-label=\"\u0417\u0430\u0433\u043b\u0430\u0432\u043d\u0430 \u0441\u0435\u043a\u0446\u0438\u044f\">\n <div class=\"bm-hero-grid\"><\/div>\n <div class=\"bm-hero-inner\">\n\n \n <div style=\"display:inline-flex;align-items:center;gap:8px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(8px);padding:8px 18px;border-radius:999px;margin-bottom:28px;\">\n <i class=\"fa-solid fa-signal\" style=\"color:#7EC8E3;font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#FFFFFF!important;\">\n \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0437\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u00b7 \u041e\u0431\u0449\u0438\u043d\u0430 <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/en\/for-bansko\/\" title=\"Bansko\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"9919\">Bansko<\/a>\n <\/span>\n <\/div>\n\n \n <h1 class=\"t-h1\" style=\"max-width:780px;margin-bottom:20px;\">\n \u0411\u0410\u041d\u0421\u041a\u041e \u0423\u0422\u0420\u0415:<br \/>\n <span style=\"color:#7EC8E3;\">\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/h1>\n\n \n <p class=\"t-p\" style=\"color:rgba(255,255,255,.72)!important;max-width:520px;\">\n \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0441\u043a\u0438\u0442\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0434\u0441\u043a\u0430\u0442\u0430 \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\n <strong style=\"color:#fff;\">2024\u20132027<\/strong>\n <\/p>\n\n \n <div class=\"bm-hero-stats\">\n <div>\n <div class=\"t-hero-stat\">4.5+<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u043c\u043b\u043d. \u043b\u0432. \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438<\/div>\n <\/div>\n <div class=\"bm-hero-vdivider\"><\/div>\n <div>\n <div class=\"t-hero-stat\">3<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u0430\u043a\u0442\u0438\u0432\u043d\u0438 \u043e\u0431\u0435\u043a\u0442\u0430<\/div>\n <\/div>\n <div class=\"bm-hero-vdivider\"><\/div>\n <div>\n <div class=\"t-hero-stat\">100%<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:52px;display:flex;align-items:center;gap:8px;\">\n <i class=\"fa-solid fa-chevron-down\"\n style=\"color:rgba(255,255,255,.35);font-size:14px!important; animation:bm-bounce 2s ease-in-out infinite;\"><\/i>\n <span class=\"t-small\" style=\"color:rgba(255,255,255,.35)!important;\">\u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/div>\n\n <style>\n @keyframes bm-bounce {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n }\n <\/style>\n <\/div>\n <\/section>\n\n\n \n <section class=\"bm-section\" id=\"bm-map\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:28px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-map-location-dot\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0413\u0435\u043e\u0433\u0440\u0430\u0444\u0441\u043a\u0438 \u043f\u0440\u0435\u0433\u043b\u0435\u0434<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435<\/h2>\n <\/div>\n\n \n <div class=\"bm-map bm-fade\" style=\"min-height:420px;\">\n\n \n <svg style=\"position:absolute;bottom:0;left:0;right:0;width:100%;opacity:.16;pointer-events:none;\"\n viewbox=\"0 0 800 120\" preserveaspectratio=\"none\">\n <polyline points=\"0,120 80,55 170,85 290,18 390,68 490,8 605,50 710,26 800,55 800,120\"\n fill=\"#1A56A0\"\/>\n <\/svg>\n\n \n <div style=\"position:absolute;top:16px;right:16px;opacity:.28;\">\n <i class=\"fa-solid fa-compass\" style=\"color:#1A56A0;font-size:32px!important;\"><\/i>\n <\/div>\n\n \n <div style=\"position:absolute;bottom:52px;right:16px;display:flex;flex-direction:column; align-items:flex-end;gap:4px;opacity:.45;\">\n <div style=\"height:2px;width:72px;background:#5D6D7E;\"><\/div>\n <span class=\"t-small\">500 \u043c<\/span>\n <\/div>\n\n \n <div class=\"bm-pin\" title=\"\u0414\u0413 \u21161 \u201e\u0420\u0430\u0434\u043e\u0441\u0442\" \u2014 \u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\"\n style=\"background:#2E86C1;color:#2E86C1;top:36%;left:42%;\"><\/div>\n <div class=\"bm-pin\" title=\"\u0423\u043b\u0438\u0446\u0438 \u201e\u0420\u0430\u0434\u043e\u043d \u0422\u043e\u0434\u0435\u0432\" \u0438 \u201e\u041b\u0430\u0437\u0430\u0440 \u0422\u043e\u043c\u043e\u0432\"\"\n style=\"background:#607D8B;color:#607D8B;top:53%;left:57%;\"><\/div>\n <div class=\"bm-pin\" title=\"\u0412\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434 \u2014 \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435\"\n style=\"background:#1D7A52;color:#1D7A52;top:70%;left:30%;\"><\/div>\n\n \n <div style=\"position:absolute;inset:0;display:flex;flex-direction:column; align-items:center;justify-content:center;pointer-events:none;\">\n <div style=\"background:rgba(255,255,255,.9);border:1.5px solid #AED6F1; backdrop-filter:blur(6px);padding:12px 22px;border-radius:12px; display:inline-flex;align-items:center;gap:10px; box-shadow:0 4px 20px rgba(11,34,68,.10);\">\n <i class=\"fa-solid fa-map\" style=\"color:#1A56A0;font-size:18px!important;\"><\/i>\n <span class=\"t-nav\" style=\"color:#0B2244!important;\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/div>\n <span class=\"t-small\" style=\"margin-top:8px;\">\u0429\u0440\u0430\u043a\u043d\u0435\u0442\u0435 \u0432\u044a\u0440\u0445\u0443 \u043f\u0438\u043d \u0437\u0430 \u0434\u0435\u0442\u0430\u0439\u043b\u0438<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bm-fade\" style=\"display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;\">\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#2E86C1;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">Education<\/span>\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#607D8B;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">Infrastructure<\/span>\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#1D7A52;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">\u0420\u0435\u0433\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <div class=\"bm-section--bg\" id=\"bm-projects\">\n <div class=\"bm-section-inner\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-hard-hat\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0412 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0410\u043a\u0442\u0438\u0432\u043d\u0438 \u043e\u0431\u0435\u043a\u0442\u0438<\/h2>\n <\/div>\n\n <div class=\"bm-grid-3\">\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#3B9EDB,#1A56A0);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#D6EAF8;\">\n <i class=\"fa-solid fa-school\" style=\"color:#1A56A0;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--blue\">\n <span class=\"bm-dot-active\" style=\"background:#1A56A0;\"><\/span>\n \u0412 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#1A56A0!important;margin-bottom:8px;\">Education<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0440\u0435\u043c\u043e\u043d\u0442 \u043d\u0430 \u0414\u0413 \u21161 \u201e\u0420\u0430\u0434\u043e\u0441\u0442\" (\u0413\u043e\u043b\u0435\u0432\u0430 \u0434\u0435\u0442\u0441\u043a\u0430 \u0433\u0440\u0430\u0434\u0438\u043d\u0430)\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041e\u0441\u0438\u0433\u0443\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u043d\u0430 \u0438 \u0441\u0438\u0433\u0443\u0440\u043d\u0430 \u0441\u0440\u0435\u0434\u0430 \u0437\u0430 \u0434\u0435\u0446\u0430\u0442\u0430 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">80%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"80%\"\n style=\"--bar-color:linear-gradient(90deg,#3B9EDB,#1A56A0);\"><\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#90A4AE,#607D8B);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#ECEFF1;\">\n <i class=\"fa-solid fa-road\" style=\"color:#607D8B;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--slate\">\n <span class=\"bm-dot-active\" style=\"background:#607D8B;\"><\/span>\n \u0412 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#607D8B!important;margin-bottom:8px;\">\u041f\u044a\u0442\u043d\u0430 \u043c\u0440\u0435\u0436\u0430<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u0420\u0435\u0445\u0430\u0431\u0438\u043b\u0438\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u0443\u043b\u0438\u0446\u0438 \u201e\u0420\u0430\u0434\u043e\u043d \u0422\u043e\u0434\u0435\u0432\" \u0438 \u201e\u041b\u0430\u0437\u0430\u0440 \u0422\u043e\u043c\u043e\u0432\" \u0438 \u043d\u043e\u0432 \u043f\u0430\u0440\u043a\u0438\u043d\u0433\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041d\u0430\u043c\u0430\u043b\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u0432 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u0438 \u0443\u043b\u0435\u0441\u043d\u0435\u043d\u0438\u0435 \u0437\u0430 \u0436\u0438\u0442\u0435\u043b\u0438\u0442\u0435.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">45%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"45%\"\n style=\"--bar-color:linear-gradient(90deg,#90A4AE,#607D8B);\"><\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#27AE78,#1D7A52);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#D5F5E3;\">\n <i class=\"fa-solid fa-droplet\" style=\"color:#1D7A52;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--green\">\n <span style=\"width:7px;height:7px;border-radius:50%;background:#1D7A52; display:inline-block;flex-shrink:0;\"><\/span>\n \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#1D7A52!important;margin-bottom:8px;\">\u0420\u0435\u0433\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u0414\u043e\u0432\u0435\u0436\u0434\u0430\u0449 \u0432\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434 \u0437\u0430 \u0433\u0440. \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041e\u0441\u0438\u0433\u0443\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0434\u0430\u0432\u0430\u043d\u0435 \u0437\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u0442\u043e \u043d\u0430 \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">15%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"15%\"\n style=\"--bar-color:linear-gradient(90deg,#27AE78,#1D7A52);\"><\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section class=\"bm-section\" id=\"bm-transparency\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-eye\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">Documentation<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u043d\u0430 \u0436\u0438\u0432\u043e<\/h2>\n <p class=\"t-p\" style=\"max-width:500px;margin-top:8px;\">\n \u0424\u043e\u0442\u043e\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043e\u0442 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\u0442\u043e \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435 \u2014 \u043f\u0440\u0435\u0434\u0438 \u0438 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0440\u0435\u043c\u043e\u043d\u0442\u0430.\n <\/p>\n <\/div>\n\n <div class=\"bm-grid-2\">\n\n \n <div class=\"bm-ba bm-fade\">\n <div class=\"bm-ba-inner\" style=\"background:linear-gradient(135deg,#F5F8FA,#EDF2F7);\">\n <div class=\"bm-ba-content\">\n <div style=\"width:64px;height:64px;border-radius:50%; background:#EDF2F7;border:1.5px solid #D5E3F0; display:flex;align-items:center;justify-content:center;\">\n <i class=\"fa-regular fa-image\" style=\"color:#8A9BB0;font-size:24px!important;\"><\/i>\n <\/div>\n <span class=\"t-small\">\u0421\u043d\u0438\u043c\u043a\u0430 \u2014 \u043f\u0440\u0435\u0434\u0438 \u0440\u0435\u043c\u043e\u043d\u0442\u0430<\/span>\n <\/div>\n <\/div>\n <div style=\"padding:12px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #EDF2F7;\">\n <span style=\"width:8px;height:8px;border-radius:50%;background:#E74C3C;display:inline-block;\"><\/span>\n <span class=\"t-label\" style=\"color:#5D6D7E!important;\">\u041f\u0440\u0435\u0434\u0438 \u0440\u0435\u043c\u043e\u043d\u0442\u0430<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bm-ba bm-fade\">\n <div class=\"bm-ba-inner\" style=\"background:linear-gradient(135deg,#EBF5FB,#D6EAF8);\">\n <div class=\"bm-ba-content\">\n \n <div style=\"position:relative;width:80px;height:80px;\">\n <svg viewbox=\"0 0 80 80\" style=\"width:80px;height:80px;transform:rotate(-90deg);\">\n <circle cx=\"40\" cy=\"40\" r=\"34\" stroke=\"#D6EAF8\" stroke-width=\"7\" fill=\"none\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"34\" stroke=\"#1A56A0\" stroke-width=\"7\" fill=\"none\"\n stroke-dasharray=\"213\" stroke-dashoffset=\"55\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div style=\"position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\">\n <span class=\"t-pct\">74%<\/span>\n <\/div>\n <\/div>\n <span class=\"t-small\" style=\"margin-top:4px;\">\u0422\u0435\u043a\u0443\u0449\u043e \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435<\/span>\n <\/div>\n <\/div>\n <div style=\"padding:12px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #EDF2F7;\">\n <span class=\"bm-live-dot\"><\/span>\n <span class=\"t-label\" style=\"color:#5D6D7E!important;\">\u0422\u0435\u043a\u0443\u0449\u043e \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <p class=\"t-small bm-fade\" style=\"text-align:center;margin-top:16px;\">\n <i class=\"fa-solid fa-camera\" style=\"font-size:14px!important;margin-right:4px;\"><\/i>\n \u0421\u043d\u0438\u043c\u043a\u0438\u0442\u0435 \u0441\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u0442 \u0441\u0435\u0434\u043c\u0438\u0447\u043d\u043e \u043e\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u044f \u0435\u043a\u0438\u043f \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0430\u0442\u0430.\n <\/p>\n <\/section>\n\n\n \n <div class=\"bm-section--bg\" id=\"bm-stats\">\n <div class=\"bm-section-inner\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-chart-line\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0426\u0438\u0444\u0440\u0438<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 2024<\/h2>\n <\/div>\n\n <div class=\"bm-grid-3\">\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#FEF9E7; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-coins\" style=\"color:#B7860B;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">4.5+<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1A56A0!important;\">\u043c\u043b\u043d. \u043b\u0432.<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">Capital program<\/div>\n <\/div>\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#D6EAF8; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-location-dot\" style=\"color:#1A56A0;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">3+<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1A56A0!important;\">\u041e\u0431\u043d\u043e\u0432\u0435\u043d\u0438<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">\u041e\u0431\u0435\u043a\u0442\u0430 \u0438 \u043d\u0430\u0441\u0435\u043b\u0435\u043d\u0438 \u043c\u0435\u0441\u0442\u0430<\/div>\n <\/div>\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#D5F5E3; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-shield-halved\" style=\"color:#1D7A52;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">100%<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1D7A52!important;\">Transparency<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">\u0417\u0430 \u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0438\u0442\u0435 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section class=\"bm-section\" id=\"bm-feedback\">\n <div class=\"bm-cta bm-fade\">\n\n <div style=\"width:64px;height:64px;border-radius:18px;background:#D6EAF8; border:1.5px solid #AED6F1;display:flex;align-items:center; justify-content:center;margin:0 auto 24px;\">\n <i class=\"fa-solid fa-comments\" style=\"color:#1A56A0;font-size:26px!important;\"><\/i>\n <\/div>\n\n <div class=\"bm-sec-label\" style=\"justify-content:center;\">\n <i class=\"fa-solid fa-people-group\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438 \u0444\u0438\u0439\u0434\u0431\u0435\u043a<\/span>\n <\/div>\n\n <h2 class=\"t-h2\" style=\"margin:12px 0 16px;\">\n \u0418\u043c\u0430\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441 \u043e\u0442\u043d\u043e\u0441\u043d\u043e \u043d\u0430\u043f\u0440\u0435\u0434\u044a\u043a\u0430<br \/>\u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u0435\u043d \u043e\u0431\u0435\u043a\u0442?\n <\/h2>\n\n <p class=\"t-p\" style=\"max-width:440px;margin:0 auto 32px;\">\n \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u0442\u0430 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0432 \u0440\u0430\u043c\u043a\u0438\u0442\u0435 \u043d\u0430 3 \u0440\u0430\u0431\u043e\u0442\u043d\u0438 \u0434\u043d\u0438.\n \u0412\u0430\u0448\u0438\u044f\u0442 \u0433\u043b\u0430\u0441 \u043f\u043e\u043c\u0430\u0433\u0430 \u0437\u0430 \u043f\u043e-\u0434\u043e\u0431\u0440\u0430 \u0411\u0430\u043d\u0441\u043a\u043e.\n <\/p>\n\n <a href=\"mailto:info@bansko.bg\" class=\"t-btn\"\n style=\"display:inline-flex;align-items:center;gap:10px; background:#1A56A0;color:#fff!important; padding:16px 32px;border-radius:999px;text-decoration:none; box-shadow:0 8px 24px rgba(26,86,160,.25); transition:background .2s,transform .2s;\"\n onmouseover=\"this.style.background='#2E86C1';this.style.transform='translateY(-2px)'\"\n onmouseout=\"this.style.background='#1A56A0';this.style.transform='translateY(0)'\">\n <i class=\"fa-solid fa-paper-plane\" style=\"font-size:16px!important;\"><\/i>\n \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441 \u043a\u044a\u043c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u0442\u0430\n <\/a>\n\n <p class=\"t-small\" style=\"margin-top:20px;\">\n <i class=\"fa-solid fa-lock\" style=\"font-size:14px!important;margin-right:4px;\"><\/i>\n \u0414\u0430\u043d\u043d\u0438\u0442\u0435 \u0441\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u0442 \u0441\u044a\u0433\u043b\u0430\u0441\u043d\u043e GDPR. \u0412\u0430\u0448\u0430\u0442\u0430 \u043f\u043e\u0432\u0435\u0440\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442 \u0435 \u0437\u0430\u0449\u0438\u0442\u0435\u043d\u0430.\n <\/p>\n <\/div>\n <\/section>\n\n\n \n <footer class=\"bm-footer\">\n <div class=\"bm-footer-inner\">\n <p style=\"font-size:14px!important;color:rgba(255,255,255,.45)!important; font-family:'DM Sans',sans-serif!important;\">\n \u00a9 2024 vbansko.com \u00b7 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u0437\u0430 \u0411\u0430\u043d\u0441\u043a\u043e\n <\/p>\n <p style=\"font-size:14px!important;color:rgba(255,255,255,.3)!important; font-family:'DM Sans',sans-serif!important;\">\n \u0414\u0430\u043d\u043d\u0438\u0442\u0435 \u0441\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0435\u043d\u0438 \u043e\u0442 \u041e\u0431\u0449\u0438\u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e\n <\/p>\n <\/div>\n <\/footer>\n\n<\/div>\n\n\n\n<script>\n(function () {\n 'use strict';\n\n \/* \u2500\u2500\u2500 1. Animate progress bars on scroll \u2500\u2500\u2500 *\/\n const barObs = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const fill = entry.target.querySelector('.bm-fill');\n if (!fill) return;\n \/\/ Short delay makes the animation feel intentional\n setTimeout(() => {\n fill.style.width = fill.getAttribute('data-width');\n }, 200);\n obs.unobserve(entry.target);\n });\n }, { threshold: 0.35 });\n\n document.querySelectorAll('.bm-card').forEach(card => barObs.observe(card));\n\n \/* \u2500\u2500\u2500 2. Fade-in on scroll \u2500\u2500\u2500 *\/\n const fadeObs = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (!entry.isIntersecting) return;\n \/\/ Stagger siblings slightly\n entry.target.style.transitionDelay = (i % 3) * 0.1 + 's';\n entry.target.classList.add('on');\n fadeObs.unobserve(entry.target);\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.bm-fade').forEach(el => fadeObs.observe(el));\n\n \/* \u2500\u2500\u2500 3. Map pin click \u2014 show toast \u2500\u2500\u2500 *\/\n document.querySelectorAll('.bm-pin').forEach(pin => {\n pin.addEventListener('click', () => {\n \/\/ Remove existing toast\n const old = document.getElementById('bm-toast');\n if (old) old.remove();\n\n const toast = document.createElement('div');\n toast.id = 'bm-toast';\n toast.textContent = pin.getAttribute('title');\n \/\/ NOTE: inline style on a dynamically created element outside .bm-page\n \/\/ no need for !important here \u2014 WP theme won't target #bm-toast\n Object.assign(toast.style, {\n position: 'fixed',\n bottom: '28px',\n left: '50%',\n transform: 'translateX(-50%)',\n background: '#0B2244',\n color: '#fff',\n fontFamily: '\"DM Sans\", sans-serif',\n fontSize: '14px',\n fontWeight: '500',\n padding: '10px 22px',\n borderRadius: '999px',\n boxShadow: '0 8px 28px rgba(0,0,0,.22)',\n zIndex: '99999',\n whiteSpace: 'nowrap',\n transition: 'opacity .3s',\n });\n\n document.body.appendChild(toast);\n \/\/ Fade out then remove\n setTimeout(() => { toast.style.opacity = '0'; }, 1900);\n setTimeout(() => toast.remove(), 2250);\n });\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0411\u0430\u043d\u0441\u043a\u043e \u0423\u0442\u0440\u0435 \u2014 \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435 vbansko.com \u0410\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441 \u0417\u0430\u0434\u0430\u0439 \u0432\u044a\u043f\u0440\u043e\u0441 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0437\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u00b7 \u041e\u0431\u0449\u0438\u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e \u0411\u0410\u041d\u0421\u041a\u041e \u0423\u0422\u0420\u0415: \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0441\u043a\u0438\u0442\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0434\u0441\u043a\u0430\u0442\u0430 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-50318","page","type-page","status-publish","hentry"],"acf":[],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/comments?post=50318"}],"version-history":[{"count":4,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318\/revisions"}],"predecessor-version":[{"id":50322,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318\/revisions\/50322"}],"wp:attachment":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/media?parent=50318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u0411\u0430\u043d\u0441\u043a\u043e \u0423\u0442\u0440\u0435 \u2014 \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WORDPRESS FONT OVERRIDE STRATEGY\n \u2500 \u0412\u0441\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u0437\u0430 font-size \u0438\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u0442 px + !important\n \u2500 \u0412\u0441\u0438\u0447\u043a\u043e \u0435 \u0432 .bm-page \u0437\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u043e\u0441\u0442\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* \u2500\u2500 Reset inside wrapper \u2500\u2500 *\/\n .bm-page *, .bm-page *::before, .bm-page *::after { box-sizing: border-box; }\n\n \/* \u2500\u2500 Page shell \u2500\u2500 *\/\n .bm-page {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 16px !important;\n color: #1C2B3A !important;\n background: #F4F7FA !important;\n overflow-x: hidden;\n line-height: 1.6 !important;\n }\n\n \/* \u2550\u2550\u2550\u2550 TYPOGRAPHY \u2014 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u0438 px + !important \u2550\u2550\u2550\u2550 *\/\n\n \/* Hero H1 *\/\n .bm-page .t-h1 {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(40px, 6vw, 72px) !important;\n font-weight: 900 !important;\n line-height: 1.08 !important;\n color: #FFFFFF !important;\n }\n \/* Section H2 *\/\n .bm-page .t-h2 {\n font-family: 'Playfair Display', serif !important;\n font-size: clamp(28px, 3.5vw, 44px) !important;\n font-weight: 700 !important;\n line-height: 1.15 !important;\n color: #0B2244 !important;\n }\n \/* Card H3 *\/\n .bm-page .t-h3 {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 21px !important;\n font-weight: 600 !important;\n line-height: 1.3 !important;\n color: #0B2244 !important;\n }\n \/* Card paragraphs *\/\n .bm-page .t-p {\n font-size: 17px !important;\n font-weight: 400 !important;\n color: #5D6D7E !important;\n line-height: 1.65 !important;\n }\n \/* Badges \/ section labels *\/\n .bm-page .t-label {\n font-size: 14px !important;\n font-weight: 600 !important;\n letter-spacing: 0.14em !important;\n text-transform: uppercase !important;\n }\n \/* Small helper text *\/\n .bm-page .t-small {\n font-size: 14px !important;\n color: #8A9BB0 !important;\n line-height: 1.5 !important;\n }\n \/* Buttons *\/\n .bm-page .t-btn {\n font-family: 'DM Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 600 !important;\n line-height: 1 !important;\n }\n \/* Stat numbers *\/\n .bm-page .t-stat {\n font-family: 'Playfair Display', serif !important;\n font-size: 52px !important;\n font-weight: 900 !important;\n line-height: 1 !important;\n color: #0B2244 !important;\n }\n \/* Hero stat numbers *\/\n .bm-page .t-hero-stat {\n font-family: 'Playfair Display', serif !important;\n font-size: 36px !important;\n font-weight: 900 !important;\n color: #FFFFFF !important;\n line-height: 1 !important;\n }\n \/* Nav brand *\/\n .bm-page .t-nav {\n font-size: 16px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n \/* Progress % *\/\n .bm-page .t-pct {\n font-size: 14px !important;\n font-weight: 700 !important;\n color: #0B2244 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n \/* Stat sub-label *\/\n .bm-page .t-stat-sub {\n font-size: 16px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n }\n\n \/* \u2550\u2550\u2550\u2550 LAYOUT COMPONENTS \u2550\u2550\u2550\u2550 *\/\n\n \/* Top nav *\/\n .bm-topbar {\n position: fixed; top: 0; left: 0; right: 0; z-index: 999;\n background: rgba(255,255,255,0.97) !important;\n backdrop-filter: blur(16px);\n border-bottom: 1px solid #D5E3F0;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n }\n .bm-topbar-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 24px;\n display: flex; align-items: center; justify-content: space-between;\n height: 64px;\n }\n\n \/* Hero *\/\n .bm-hero {\n position: relative;\n background:\n linear-gradient(155deg, rgba(11,34,68,.93) 0%, rgba(26,86,160,.70) 55%, rgba(11,34,68,.92) 100%),\n url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b9\/Bansko_pirin.jpg\/1280px-Bansko_pirin.jpg')\n center\/cover no-repeat;\n min-height: 86vh;\n display: flex; flex-direction: column; justify-content: center;\n }\n .bm-hero::after {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0; height: 100px;\n background: linear-gradient(to bottom, transparent, #F4F7FA);\n pointer-events: none;\n }\n .bm-hero-grid {\n position: absolute; inset: 0; pointer-events: none;\n background-image:\n linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .bm-hero-inner {\n max-width: 1200px; margin: 0 auto;\n padding: 120px 24px 80px;\n position: relative; z-index: 10;\n }\n\n \/* Section wrapper *\/\n .bm-section { max-width: 1200px; margin: 0 auto; padding: 72px 24px; }\n .bm-section--bg { background: #EDF2F7 !important; padding: 72px 0; }\n .bm-section--bg .bm-section-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n\n @media (max-width: 640px) {\n .bm-section { padding: 48px 16px; }\n .bm-section--bg .bm-section-inner { padding: 0 16px; }\n }\n\n \/* Map *\/\n .bm-map {\n background: linear-gradient(135deg, #D6EAF8 0%, #EBF5FB 50%, #D6EAF8 100%);\n border: 1.5px solid #AED6F1;\n border-radius: 16px;\n position: relative; overflow: hidden;\n min-height: 420px;\n }\n .bm-map::before {\n content: ''; position: absolute; inset: 0; pointer-events: none;\n background-image:\n linear-gradient(rgba(26,86,160,.08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(26,86,160,.08) 1px, transparent 1px);\n background-size: 40px 40px;\n }\n\n \/* Map pins *\/\n .bm-pin {\n position: absolute; width: 16px; height: 16px;\n border-radius: 50%;\n border: 2.5px solid rgba(255,255,255,.75);\n cursor: pointer;\n transition: transform .25s;\n box-shadow: 0 2px 8px rgba(0,0,0,.18);\n }\n .bm-pin:hover { transform: scale(1.55); }\n .bm-pin::after {\n content: ''; position: absolute; top: 50%; left: 50%;\n width: 32px; height: 32px; border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: bm-ripple 2.2s ease-out infinite;\n border: 1.5px solid currentColor; opacity: .45;\n }\n @keyframes bm-ripple {\n 0% { transform: translate(-50%,-50%) scale(.4); opacity:.7; }\n 100% { transform: translate(-50%,-50%) scale(2.2); opacity:0; }\n }\n\n \/* Cards *\/\n .bm-card {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px;\n position: relative; overflow: hidden;\n transition: transform .3s, box-shadow .3s, border-color .3s;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n padding: 28px;\n }\n .bm-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: var(--card-accent);\n }\n .bm-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(11,34,68,.13);\n border-color: #AED6F1;\n }\n\n \/* Progress bar *\/\n .bm-track { background: #EBF5FB; border-radius: 999px; height: 9px; overflow: hidden; }\n .bm-fill {\n height: 100%; border-radius: 999px; width: 0;\n background: var(--bar-color);\n transition: width 1.6s cubic-bezier(.4,0,.2,1);\n position: relative;\n }\n .bm-fill::after {\n content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 40px;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.5));\n border-radius: 999px;\n }\n\n \/* Status badge *\/\n .bm-badge {\n display: inline-flex; align-items: center; gap: 6px;\n padding: 5px 13px; border-radius: 999px;\n font-size: 14px !important;\n font-weight: 600 !important;\n font-family: 'DM Sans', sans-serif !important;\n border: 1.5px solid;\n }\n .bm-badge--blue { color: #1A56A0; background: #D6EAF8; border-color: #AED6F1; }\n .bm-badge--slate { color: #4A5568; background: #EDF2F7; border-color: #CBD5E0; }\n .bm-badge--green { color: #1D7A52; background: #D5F5E3; border-color: #A9DFBF; }\n\n \/* Icon badge *\/\n .bm-icon-badge {\n width: 52px; height: 52px; border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n\n \/* Stat card *\/\n .bm-stat-card {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n text-align: center; padding: 40px 24px;\n }\n\n \/* Before\/After panels *\/\n .bm-ba {\n background: #FFFFFF;\n border: 1.5px solid #E2ECF5;\n border-radius: 16px; overflow: hidden;\n box-shadow: 0 2px 16px rgba(11,34,68,.06);\n }\n .bm-ba-inner { width: 100%; padding-top: 63%; position: relative; }\n .bm-ba-content {\n position: absolute; inset: 0;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 8px;\n }\n\n \/* CTA block *\/\n .bm-cta {\n background: linear-gradient(135deg, #EBF5FB 0%, #EAFAF1 100%);\n border: 1.5px solid #AED6F1;\n border-radius: 20px;\n text-align: center; padding: 64px 40px;\n }\n @media (max-width: 640px) { .bm-cta { padding: 40px 20px; } }\n\n \/* Section label row *\/\n .bm-sec-label {\n display: flex; align-items: center; gap: 8px;\n margin-bottom: 10px;\n color: #1A56A0 !important;\n }\n\n \/* Grids *\/\n .bm-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\n .bm-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n @media (max-width: 900px) { .bm-grid-3 { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 600px) { .bm-grid-3 { grid-template-columns: 1fr; } }\n @media (max-width: 640px) { .bm-grid-2 { grid-template-columns: 1fr; } }\n\n \/* Hero stats row *\/\n .bm-hero-stats { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 48px; }\n .bm-hero-vdivider { width: 1px; background: rgba(255,255,255,.15); align-self: stretch; }\n\n \/* Fade-in animation *\/\n .bm-fade { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }\n .bm-fade.on { opacity: 1; transform: translateY(0); }\n\n \/* Footer *\/\n .bm-footer { background: #0B2244 !important; padding: 32px 24px; }\n .bm-footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; flex-wrap: wrap;\n align-items: center; justify-content: space-between; gap: 12px;\n }\n\n \/* Live pulse dot *\/\n .bm-live-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: #27AE78; display: inline-block;\n animation: bm-pulse 2s ease-in-out infinite;\n }\n @keyframes bm-pulse {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .5; transform: scale(.8); }\n }\n\n \/* Active dot inside badge *\/\n .bm-dot-active {\n width: 7px; height: 7px; border-radius: 50%;\n display: inline-block; flex-shrink: 0;\n animation: bm-pulse 2s ease-in-out infinite;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"bm-page\">\n\n \n <nav class=\"bm-topbar\" aria-label=\"\u0413\u043b\u0430\u0432\u043d\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f\">\n <div class=\"bm-topbar-inner\">\n\n \n <div style=\"display:flex;align-items:center;gap:10px;\">\n <div style=\"width:34px;height:34px;border-radius:8px;background:#1A56A0; display:flex;align-items:center;justify-content:center;\">\n <i class=\"fa-solid fa-city\" style=\"color:#fff;font-size:16px!important;\"><\/i>\n <\/div>\n <span class=\"t-nav\" style=\"color:#0B2244;\">\n <span style=\"color:#1A56A0;\">vbansko<\/span>.com\n <\/span>\n <\/div>\n\n \n <div style=\"display:flex;align-items:center;gap:16px;\">\n <span style=\"display:flex;align-items:center;gap:6px;\">\n <span class=\"bm-live-dot\"><\/span>\n <span class=\"t-small\">\u0410\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441<\/span>\n <\/span>\n <a href=\"#bm-feedback\" class=\"t-btn\"\n style=\"background:#1A56A0;color:#fff!important;padding:10px 22px; border-radius:999px;text-decoration:none;display:inline-block; transition:background .2s;\"\n onmouseover=\"this.style.background='#2E86C1'\"\n onmouseout=\"this.style.background='#1A56A0'\">\n \u0417\u0430\u0434\u0430\u0439 \u0432\u044a\u043f\u0440\u043e\u0441\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n\n \n <section class=\"bm-hero\" id=\"bm-hero\" aria-label=\"\u0417\u0430\u0433\u043b\u0430\u0432\u043d\u0430 \u0441\u0435\u043a\u0446\u0438\u044f\">\n <div class=\"bm-hero-grid\"><\/div>\n <div class=\"bm-hero-inner\">\n\n \n <div style=\"display:inline-flex;align-items:center;gap:8px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(8px);padding:8px 18px;border-radius:999px;margin-bottom:28px;\">\n <i class=\"fa-solid fa-signal\" style=\"color:#7EC8E3;font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#FFFFFF!important;\">\n \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0437\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u00b7 \u041e\u0431\u0449\u0438\u043d\u0430 <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/en\/for-bansko\/\" title=\"Bansko\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"9919\">Bansko<\/a>\n <\/span>\n <\/div>\n\n \n <h1 class=\"t-h1\" style=\"max-width:780px;margin-bottom:20px;\">\n \u0411\u0410\u041d\u0421\u041a\u041e \u0423\u0422\u0420\u0415:<br \/>\n <span style=\"color:#7EC8E3;\">\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/h1>\n\n \n <p class=\"t-p\" style=\"color:rgba(255,255,255,.72)!important;max-width:520px;\">\n \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0441\u043a\u0438\u0442\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0434\u0441\u043a\u0430\u0442\u0430 \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\n <strong style=\"color:#fff;\">2024\u20132027<\/strong>\n <\/p>\n\n \n <div class=\"bm-hero-stats\">\n <div>\n <div class=\"t-hero-stat\">4.5+<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u043c\u043b\u043d. \u043b\u0432. \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438<\/div>\n <\/div>\n <div class=\"bm-hero-vdivider\"><\/div>\n <div>\n <div class=\"t-hero-stat\">3<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u0430\u043a\u0442\u0438\u0432\u043d\u0438 \u043e\u0431\u0435\u043a\u0442\u0430<\/div>\n <\/div>\n <div class=\"bm-hero-vdivider\"><\/div>\n <div>\n <div class=\"t-hero-stat\">100%<\/div>\n <div class=\"t-small\" style=\"color:rgba(255,255,255,.55)!important;margin-top:4px;\">\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:52px;display:flex;align-items:center;gap:8px;\">\n <i class=\"fa-solid fa-chevron-down\"\n style=\"color:rgba(255,255,255,.35);font-size:14px!important; animation:bm-bounce 2s ease-in-out infinite;\"><\/i>\n <span class=\"t-small\" style=\"color:rgba(255,255,255,.35)!important;\">\u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/div>\n\n <style>\n @keyframes bm-bounce {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n }\n <\/style>\n <\/div>\n <\/section>\n\n\n \n <section class=\"bm-section\" id=\"bm-map\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:28px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-map-location-dot\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0413\u0435\u043e\u0433\u0440\u0430\u0444\u0441\u043a\u0438 \u043f\u0440\u0435\u0433\u043b\u0435\u0434<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435<\/h2>\n <\/div>\n\n \n <div class=\"bm-map bm-fade\" style=\"min-height:420px;\">\n\n \n <svg style=\"position:absolute;bottom:0;left:0;right:0;width:100%;opacity:.16;pointer-events:none;\"\n viewbox=\"0 0 800 120\" preserveaspectratio=\"none\">\n <polyline points=\"0,120 80,55 170,85 290,18 390,68 490,8 605,50 710,26 800,55 800,120\"\n fill=\"#1A56A0\"\/>\n <\/svg>\n\n \n <div style=\"position:absolute;top:16px;right:16px;opacity:.28;\">\n <i class=\"fa-solid fa-compass\" style=\"color:#1A56A0;font-size:32px!important;\"><\/i>\n <\/div>\n\n \n <div style=\"position:absolute;bottom:52px;right:16px;display:flex;flex-direction:column; align-items:flex-end;gap:4px;opacity:.45;\">\n <div style=\"height:2px;width:72px;background:#5D6D7E;\"><\/div>\n <span class=\"t-small\">500 \u043c<\/span>\n <\/div>\n\n \n <div class=\"bm-pin\" title=\"\u0414\u0413 \u21161 \u201e\u0420\u0430\u0434\u043e\u0441\u0442\" \u2014 \u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\"\n style=\"background:#2E86C1;color:#2E86C1;top:36%;left:42%;\"><\/div>\n <div class=\"bm-pin\" title=\"\u0423\u043b\u0438\u0446\u0438 \u201e\u0420\u0430\u0434\u043e\u043d \u0422\u043e\u0434\u0435\u0432\" \u0438 \u201e\u041b\u0430\u0437\u0430\u0440 \u0422\u043e\u043c\u043e\u0432\"\"\n style=\"background:#607D8B;color:#607D8B;top:53%;left:57%;\"><\/div>\n <div class=\"bm-pin\" title=\"\u0412\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434 \u2014 \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435\"\n style=\"background:#1D7A52;color:#1D7A52;top:70%;left:30%;\"><\/div>\n\n \n <div style=\"position:absolute;inset:0;display:flex;flex-direction:column; align-items:center;justify-content:center;pointer-events:none;\">\n <div style=\"background:rgba(255,255,255,.9);border:1.5px solid #AED6F1; backdrop-filter:blur(6px);padding:12px 22px;border-radius:12px; display:inline-flex;align-items:center;gap:10px; box-shadow:0 4px 20px rgba(11,34,68,.10);\">\n <i class=\"fa-solid fa-map\" style=\"color:#1A56A0;font-size:18px!important;\"><\/i>\n <span class=\"t-nav\" style=\"color:#0B2244!important;\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435<\/span>\n <\/div>\n <span class=\"t-small\" style=\"margin-top:8px;\">\u0429\u0440\u0430\u043a\u043d\u0435\u0442\u0435 \u0432\u044a\u0440\u0445\u0443 \u043f\u0438\u043d \u0437\u0430 \u0434\u0435\u0442\u0430\u0439\u043b\u0438<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bm-fade\" style=\"display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;\">\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#2E86C1;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">Education<\/span>\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#607D8B;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">Infrastructure<\/span>\n <\/div>\n <div style=\"display:flex;align-items:center;gap:8px;\">\n <span style=\"width:12px;height:12px;border-radius:50%;background:#1D7A52;flex-shrink:0;display:block;\"><\/span>\n <span class=\"t-small\">\u0420\u0435\u0433\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <div class=\"bm-section--bg\" id=\"bm-projects\">\n <div class=\"bm-section-inner\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-hard-hat\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0412 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0410\u043a\u0442\u0438\u0432\u043d\u0438 \u043e\u0431\u0435\u043a\u0442\u0438<\/h2>\n <\/div>\n\n <div class=\"bm-grid-3\">\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#3B9EDB,#1A56A0);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#D6EAF8;\">\n <i class=\"fa-solid fa-school\" style=\"color:#1A56A0;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--blue\">\n <span class=\"bm-dot-active\" style=\"background:#1A56A0;\"><\/span>\n \u0412 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#1A56A0!important;margin-bottom:8px;\">Education<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u041e\u0441\u043d\u043e\u0432\u0435\u043d \u0440\u0435\u043c\u043e\u043d\u0442 \u043d\u0430 \u0414\u0413 \u21161 \u201e\u0420\u0430\u0434\u043e\u0441\u0442\" (\u0413\u043e\u043b\u0435\u0432\u0430 \u0434\u0435\u0442\u0441\u043a\u0430 \u0433\u0440\u0430\u0434\u0438\u043d\u0430)\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041e\u0441\u0438\u0433\u0443\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u043d\u0430 \u0438 \u0441\u0438\u0433\u0443\u0440\u043d\u0430 \u0441\u0440\u0435\u0434\u0430 \u0437\u0430 \u0434\u0435\u0446\u0430\u0442\u0430 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">80%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"80%\"\n style=\"--bar-color:linear-gradient(90deg,#3B9EDB,#1A56A0);\"><\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#90A4AE,#607D8B);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#ECEFF1;\">\n <i class=\"fa-solid fa-road\" style=\"color:#607D8B;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--slate\">\n <span class=\"bm-dot-active\" style=\"background:#607D8B;\"><\/span>\n \u0412 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#607D8B!important;margin-bottom:8px;\">\u041f\u044a\u0442\u043d\u0430 \u043c\u0440\u0435\u0436\u0430<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u0420\u0435\u0445\u0430\u0431\u0438\u043b\u0438\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u0443\u043b\u0438\u0446\u0438 \u201e\u0420\u0430\u0434\u043e\u043d \u0422\u043e\u0434\u0435\u0432\" \u0438 \u201e\u041b\u0430\u0437\u0430\u0440 \u0422\u043e\u043c\u043e\u0432\" \u0438 \u043d\u043e\u0432 \u043f\u0430\u0440\u043a\u0438\u043d\u0433\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041d\u0430\u043c\u0430\u043b\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u0432 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u0438 \u0443\u043b\u0435\u0441\u043d\u0435\u043d\u0438\u0435 \u0437\u0430 \u0436\u0438\u0442\u0435\u043b\u0438\u0442\u0435.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">45%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"45%\"\n style=\"--bar-color:linear-gradient(90deg,#90A4AE,#607D8B);\"><\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"bm-card bm-fade\" style=\"--card-accent:linear-gradient(90deg,#27AE78,#1D7A52);\">\n\n <div style=\"display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;\">\n <div class=\"bm-icon-badge\" style=\"background:#D5F5E3;\">\n <i class=\"fa-solid fa-droplet\" style=\"color:#1D7A52;font-size:22px!important;\"><\/i>\n <\/div>\n <span class=\"bm-badge bm-badge--green\">\n <span style=\"width:7px;height:7px;border-radius:50%;background:#1D7A52; display:inline-block;flex-shrink:0;\"><\/span>\n \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435\n <\/span>\n <\/div>\n\n <p class=\"t-label\" style=\"color:#1D7A52!important;margin-bottom:8px;\">\u0420\u0435\u0433\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435<\/p>\n\n <h3 class=\"t-h3\" style=\"margin-bottom:12px;\">\n \u0414\u043e\u0432\u0435\u0436\u0434\u0430\u0449 \u0432\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434 \u0437\u0430 \u0433\u0440. \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435\n <\/h3>\n\n <p class=\"t-p\" style=\"margin-bottom:20px;\">\n \u041e\u0441\u0438\u0433\u0443\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0441\u0438\u0433\u0443\u0440\u043d\u043e \u0432\u043e\u0434\u043e\u043f\u043e\u0434\u0430\u0432\u0430\u043d\u0435 \u0437\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435\u0442\u043e \u043d\u0430 \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435.\n <\/p>\n\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span class=\"t-small\">\u041d\u0430\u043f\u0440\u0435\u0434\u044a\u043a<\/span>\n <span class=\"t-pct\">15%<\/span>\n <\/div>\n <div class=\"bm-track\">\n <div class=\"bm-fill\" data-width=\"15%\"\n style=\"--bar-color:linear-gradient(90deg,#27AE78,#1D7A52);\"><\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section class=\"bm-section\" id=\"bm-transparency\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-eye\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">Documentation<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u043d\u0430 \u0436\u0438\u0432\u043e<\/h2>\n <p class=\"t-p\" style=\"max-width:500px;margin-top:8px;\">\n \u0424\u043e\u0442\u043e\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043e\u0442 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\u0442\u043e \u043d\u0430 \u043e\u0431\u0435\u043a\u0442\u0438\u0442\u0435 \u2014 \u043f\u0440\u0435\u0434\u0438 \u0438 \u043f\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u0440\u0435\u043c\u043e\u043d\u0442\u0430.\n <\/p>\n <\/div>\n\n <div class=\"bm-grid-2\">\n\n \n <div class=\"bm-ba bm-fade\">\n <div class=\"bm-ba-inner\" style=\"background:linear-gradient(135deg,#F5F8FA,#EDF2F7);\">\n <div class=\"bm-ba-content\">\n <div style=\"width:64px;height:64px;border-radius:50%; background:#EDF2F7;border:1.5px solid #D5E3F0; display:flex;align-items:center;justify-content:center;\">\n <i class=\"fa-regular fa-image\" style=\"color:#8A9BB0;font-size:24px!important;\"><\/i>\n <\/div>\n <span class=\"t-small\">\u0421\u043d\u0438\u043c\u043a\u0430 \u2014 \u043f\u0440\u0435\u0434\u0438 \u0440\u0435\u043c\u043e\u043d\u0442\u0430<\/span>\n <\/div>\n <\/div>\n <div style=\"padding:12px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #EDF2F7;\">\n <span style=\"width:8px;height:8px;border-radius:50%;background:#E74C3C;display:inline-block;\"><\/span>\n <span class=\"t-label\" style=\"color:#5D6D7E!important;\">\u041f\u0440\u0435\u0434\u0438 \u0440\u0435\u043c\u043e\u043d\u0442\u0430<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bm-ba bm-fade\">\n <div class=\"bm-ba-inner\" style=\"background:linear-gradient(135deg,#EBF5FB,#D6EAF8);\">\n <div class=\"bm-ba-content\">\n \n <div style=\"position:relative;width:80px;height:80px;\">\n <svg viewbox=\"0 0 80 80\" style=\"width:80px;height:80px;transform:rotate(-90deg);\">\n <circle cx=\"40\" cy=\"40\" r=\"34\" stroke=\"#D6EAF8\" stroke-width=\"7\" fill=\"none\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"34\" stroke=\"#1A56A0\" stroke-width=\"7\" fill=\"none\"\n stroke-dasharray=\"213\" stroke-dashoffset=\"55\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div style=\"position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\">\n <span class=\"t-pct\">74%<\/span>\n <\/div>\n <\/div>\n <span class=\"t-small\" style=\"margin-top:4px;\">\u0422\u0435\u043a\u0443\u0449\u043e \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435<\/span>\n <\/div>\n <\/div>\n <div style=\"padding:12px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #EDF2F7;\">\n <span class=\"bm-live-dot\"><\/span>\n <span class=\"t-label\" style=\"color:#5D6D7E!important;\">\u0422\u0435\u043a\u0443\u0449\u043e \u0441\u044a\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <p class=\"t-small bm-fade\" style=\"text-align:center;margin-top:16px;\">\n <i class=\"fa-solid fa-camera\" style=\"font-size:14px!important;margin-right:4px;\"><\/i>\n \u0421\u043d\u0438\u043c\u043a\u0438\u0442\u0435 \u0441\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u0442 \u0441\u0435\u0434\u043c\u0438\u0447\u043d\u043e \u043e\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u044f \u0435\u043a\u0438\u043f \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0430\u0442\u0430.\n <\/p>\n <\/section>\n\n\n \n <div class=\"bm-section--bg\" id=\"bm-stats\">\n <div class=\"bm-section-inner\">\n\n <div class=\"bm-fade\" style=\"margin-bottom:36px;\">\n <div class=\"bm-sec-label\">\n <i class=\"fa-solid fa-chart-line\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0426\u0438\u0444\u0440\u0438<\/span>\n <\/div>\n <h2 class=\"t-h2\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 2024<\/h2>\n <\/div>\n\n <div class=\"bm-grid-3\">\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#FEF9E7; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-coins\" style=\"color:#B7860B;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">4.5+<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1A56A0!important;\">\u043c\u043b\u043d. \u043b\u0432.<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">Capital program<\/div>\n <\/div>\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#D6EAF8; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-location-dot\" style=\"color:#1A56A0;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">3+<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1A56A0!important;\">\u041e\u0431\u043d\u043e\u0432\u0435\u043d\u0438<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">\u041e\u0431\u0435\u043a\u0442\u0430 \u0438 \u043d\u0430\u0441\u0435\u043b\u0435\u043d\u0438 \u043c\u0435\u0441\u0442\u0430<\/div>\n <\/div>\n\n \n <div class=\"bm-stat-card bm-fade\">\n <div style=\"width:52px;height:52px;border-radius:14px;background:#D5F5E3; display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n <i class=\"fa-solid fa-shield-halved\" style=\"color:#1D7A52;font-size:22px!important;\"><\/i>\n <\/div>\n <div class=\"t-stat\" style=\"margin-bottom:4px;\">100%<\/div>\n <div class=\"t-stat-sub\" style=\"color:#1D7A52!important;\">Transparency<\/div>\n <div class=\"t-small\" style=\"margin-top:4px;\">\u0417\u0430 \u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0438\u0442\u0435 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n\n \n <section class=\"bm-section\" id=\"bm-feedback\">\n <div class=\"bm-cta bm-fade\">\n\n <div style=\"width:64px;height:64px;border-radius:18px;background:#D6EAF8; border:1.5px solid #AED6F1;display:flex;align-items:center; justify-content:center;margin:0 auto 24px;\">\n <i class=\"fa-solid fa-comments\" style=\"color:#1A56A0;font-size:26px!important;\"><\/i>\n <\/div>\n\n <div class=\"bm-sec-label\" style=\"justify-content:center;\">\n <i class=\"fa-solid fa-people-group\" style=\"font-size:14px!important;\"><\/i>\n <span class=\"t-label\" style=\"color:#1A56A0!important;\">\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438 \u0444\u0438\u0439\u0434\u0431\u0435\u043a<\/span>\n <\/div>\n\n <h2 class=\"t-h2\" style=\"margin:12px 0 16px;\">\n \u0418\u043c\u0430\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441 \u043e\u0442\u043d\u043e\u0441\u043d\u043e \u043d\u0430\u043f\u0440\u0435\u0434\u044a\u043a\u0430<br \/>\u043d\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u0435\u043d \u043e\u0431\u0435\u043a\u0442?\n <\/h2>\n\n <p class=\"t-p\" style=\"max-width:440px;margin:0 auto 32px;\">\n \u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u0442\u0430 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0432 \u0440\u0430\u043c\u043a\u0438\u0442\u0435 \u043d\u0430 3 \u0440\u0430\u0431\u043e\u0442\u043d\u0438 \u0434\u043d\u0438.\n \u0412\u0430\u0448\u0438\u044f\u0442 \u0433\u043b\u0430\u0441 \u043f\u043e\u043c\u0430\u0433\u0430 \u0437\u0430 \u043f\u043e-\u0434\u043e\u0431\u0440\u0430 \u0411\u0430\u043d\u0441\u043a\u043e.\n <\/p>\n\n <a href=\"mailto:info@bansko.bg\" class=\"t-btn\"\n style=\"display:inline-flex;align-items:center;gap:10px; background:#1A56A0;color:#fff!important; padding:16px 32px;border-radius:999px;text-decoration:none; box-shadow:0 8px 24px rgba(26,86,160,.25); transition:background .2s,transform .2s;\"\n onmouseover=\"this.style.background='#2E86C1';this.style.transform='translateY(-2px)'\"\n onmouseout=\"this.style.background='#1A56A0';this.style.transform='translateY(0)'\">\n <i class=\"fa-solid fa-paper-plane\" style=\"font-size:16px!important;\"><\/i>\n \u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441 \u043a\u044a\u043c \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u0442\u0430\n <\/a>\n\n <p class=\"t-small\" style=\"margin-top:20px;\">\n <i class=\"fa-solid fa-lock\" style=\"font-size:14px!important;margin-right:4px;\"><\/i>\n \u0414\u0430\u043d\u043d\u0438\u0442\u0435 \u0441\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430\u0442 \u0441\u044a\u0433\u043b\u0430\u0441\u043d\u043e GDPR. \u0412\u0430\u0448\u0430\u0442\u0430 \u043f\u043e\u0432\u0435\u0440\u0438\u0442\u0435\u043b\u043d\u043e\u0441\u0442 \u0435 \u0437\u0430\u0449\u0438\u0442\u0435\u043d\u0430.\n <\/p>\n <\/div>\n <\/section>\n\n\n \n <footer class=\"bm-footer\">\n <div class=\"bm-footer-inner\">\n <p style=\"font-size:14px!important;color:rgba(255,255,255,.45)!important; font-family:'DM Sans',sans-serif!important;\">\n \u00a9 2024 vbansko.com \u00b7 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u0437\u0430 \u0411\u0430\u043d\u0441\u043a\u043e\n <\/p>\n <p style=\"font-size:14px!important;color:rgba(255,255,255,.3)!important; font-family:'DM Sans',sans-serif!important;\">\n \u0414\u0430\u043d\u043d\u0438\u0442\u0435 \u0441\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0435\u043d\u0438 \u043e\u0442 \u041e\u0431\u0449\u0438\u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e\n <\/p>\n <\/div>\n <\/footer>\n\n<\/div>\n\n\n\n<script>\n(function () {\n 'use strict';\n\n \/* \u2500\u2500\u2500 1. Animate progress bars on scroll \u2500\u2500\u2500 *\/\n const barObs = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n const fill = entry.target.querySelector('.bm-fill');\n if (!fill) return;\n \/\/ Short delay makes the animation feel intentional\n setTimeout(() => {\n fill.style.width = fill.getAttribute('data-width');\n }, 200);\n obs.unobserve(entry.target);\n });\n }, { threshold: 0.35 });\n\n document.querySelectorAll('.bm-card').forEach(card => barObs.observe(card));\n\n \/* \u2500\u2500\u2500 2. Fade-in on scroll \u2500\u2500\u2500 *\/\n const fadeObs = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (!entry.isIntersecting) return;\n \/\/ Stagger siblings slightly\n entry.target.style.transitionDelay = (i % 3) * 0.1 + 's';\n entry.target.classList.add('on');\n fadeObs.unobserve(entry.target);\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.bm-fade').forEach(el => fadeObs.observe(el));\n\n \/* \u2500\u2500\u2500 3. Map pin click \u2014 show toast \u2500\u2500\u2500 *\/\n document.querySelectorAll('.bm-pin').forEach(pin => {\n pin.addEventListener('click', () => {\n \/\/ Remove existing toast\n const old = document.getElementById('bm-toast');\n if (old) old.remove();\n\n const toast = document.createElement('div');\n toast.id = 'bm-toast';\n toast.textContent = pin.getAttribute('title');\n \/\/ NOTE: inline style on a dynamically created element outside .bm-page\n \/\/ no need for !important here \u2014 WP theme won't target #bm-toast\n Object.assign(toast.style, {\n position: 'fixed',\n bottom: '28px',\n left: '50%',\n transform: 'translateX(-50%)',\n background: '#0B2244',\n color: '#fff',\n fontFamily: '\"DM Sans\", sans-serif',\n fontSize: '14px',\n fontWeight: '500',\n padding: '10px 22px',\n borderRadius: '999px',\n boxShadow: '0 8px 28px rgba(0,0,0,.22)',\n zIndex: '99999',\n whiteSpace: 'nowrap',\n transition: 'opacity .3s',\n });\n\n document.body.appendChild(toast);\n \/\/ Fade out then remove\n setTimeout(() => { toast.style.opacity = '0'; }, 1900);\n setTimeout(() => toast.remove(), 2250);\n });\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0411\u0430\u043d\u0441\u043a\u043e \u0423\u0442\u0440\u0435 \u2014 \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435 vbansko.com \u0410\u043a\u0442\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u043e \u0434\u043d\u0435\u0441 \u0417\u0430\u0434\u0430\u0439 \u0432\u044a\u043f\u0440\u043e\u0441 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0437\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u00b7 \u041e\u0431\u0449\u0438\u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e \u0411\u0410\u041d\u0421\u041a\u041e \u0423\u0422\u0420\u0415: \u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0442\u0435 \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u043d\u0430 \u043a\u0430\u0440\u0442\u0430 \u043d\u0430 \u043e\u0431\u0449\u0438\u043d\u0441\u043a\u0438\u0442\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0434\u0441\u043a\u0430\u0442\u0430 […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-50318","page","type-page","status-publish","hentry"],"acf":[],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/comments?post=50318"}],"version-history":[{"count":4,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318\/revisions"}],"predecessor-version":[{"id":50322,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/50318\/revisions\/50322"}],"wp:attachment":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/media?parent=50318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}