CBC \u2014 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --dark: #252D3A;\n --dark2: #434B58;\n --orange: #F57220;\n --white: #FFFFFF;\n --light: #EDEDEF;\n --mint: #CDDDDA;\n --muted: #6B7280;\n --border: #E5E7EB;\n\n \/* Annotation system *\/\n --ann-bg: #FFFBF0;\n --ann-border: #F0C060;\n --ann-label: #B45309;\n --ann-num: #F57220;\n}\n\nbody {\n font-family: 'Poppins', sans-serif;\n background: #F4F5F7;\n color: var(--dark);\n}\n\n\/* \u2500\u2500\u2500 LAYOUT WRAPPER \u2500\u2500\u2500 *\/\n.page-wrap {\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 24px;\n}\n\n\/* \u2500\u2500\u2500 PAGE HEADER \u2500\u2500\u2500 *\/\n.doc-header {\n background: var(--dark);\n padding: 28px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: sticky;\n top: 0;\n z-index: 100;\n border-bottom: 3px solid var(--orange);\n}\n.doc-logo {\n font-size: 22px;\n font-weight: 800;\n color: var(--white);\n letter-spacing: -0.5px;\n}\n.doc-logo span { color: var(--orange); }\n.doc-meta {\n font-size: 12px;\n color: var(--mint);\n font-weight: 300;\n letter-spacing: 1px;\n}\n.doc-tag {\n background: var(--orange);\n color: var(--white);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 3px;\n}\n\n\/* \u2500\u2500\u2500 BLOCK WRAPPER \u2500\u2500\u2500 *\/\n.block-wrap {\n position: relative;\n margin-bottom: 32px;\n}\n\n\/* Number badge *\/\n.block-num {\n position: absolute;\n top: -16px;\n left: -16px;\n width: 40px;\n height: 40px;\n background: var(--orange);\n color: var(--white);\n font-size: 16px;\n font-weight: 800;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n box-shadow: 0 4px 12px rgba(245,114,32,0.4);\n}\n\n\/* Annotation panel *\/\n.ann {\n background: var(--ann-bg);\n border: 1.5px solid var(--ann-border);\n border-radius: 8px;\n padding: 16px 20px;\n margin-top: 10px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 16px;\n}\n.ann-col { }\n.ann-title {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--ann-label);\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.ann-title::before {\n content: '';\n width: 12px; height: 2px;\n background: var(--ann-border);\n display: inline-block;\n}\n.ann-text {\n font-size: 12px;\n color: #78716C;\n line-height: 1.7;\n font-weight: 300;\n}\n.ann-text strong {\n color: var(--dark);\n font-weight: 600;\n}\n.plugin-badge {\n display: inline-block;\n background: #FEF3C7;\n border: 1px solid #F59E0B;\n color: #92400E;\n font-size: 10px;\n font-weight: 600;\n padding: 2px 8px;\n border-radius: 10px;\n margin: 2px 2px 2px 0;\n letter-spacing: 0.5px;\n}\n.free-badge {\n background: #D1FAE5;\n border-color: #10B981;\n color: #065F46;\n}\n.paid-badge {\n background: #FEE2E2;\n border-color: #EF4444;\n color: #991B1B;\n}\n\n\/* \u2500\u2500\u2500 MOCK CONTENT \u2500\u2500\u2500 *\/\n\n\/* --- NAVIGATION --- *\/\n.mock-nav {\n background: var(--white);\n padding: 0 48px;\n height: 72px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--border);\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n}\n.mock-nav-logo {\n font-size: 22px;\n font-weight: 800;\n color: var(--dark);\n}\n.mock-nav-logo span { color: var(--orange); }\n.mock-nav-links {\n display: flex;\n gap: 32px;\n list-style: none;\n}\n.mock-nav-links a {\n font-size: 13px;\n font-weight: 500;\n color: var(--dark2);\n text-decoration: none;\n padding: 4px 0;\n border-bottom: 2px solid transparent;\n transition: color .2s;\n}\n.mock-nav-links a.active,\n.mock-nav-links a:hover {\n color: var(--orange);\n border-color: var(--orange);\n}\n.nav-cta {\n background: var(--orange);\n color: var(--white) !important;\n padding: 10px 22px !important;\n border-radius: 4px;\n border-bottom: none !important;\n font-weight: 600 !important;\n font-size: 12px !important;\n letter-spacing: 0.5px;\n}\n.nav-cta:hover { background: #D4611A; }\n\n\/* --- HERO --- *\/\n.mock-hero {\n min-height: 640px;\n background: var(--dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n position: relative;\n}\n.mock-hero-left {\n padding: 80px 64px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.mock-hero-left::after {\n content: '';\n position: absolute;\n right: -80px; top: 50%;\n transform: translateY(-50%);\n width: 200px; height: 200px;\n border-radius: 50%;\n border: 1px solid rgba(245,114,32,0.2);\n pointer-events: none;\n}\n.hero-pretag {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.hero-pretag::before {\n content: '';\n width: 28px; height: 2px;\n background: var(--orange);\n}\n.mock-hero-h1 {\n font-size: 60px;\n font-weight: 800;\n line-height: 1.08;\n color: var(--white);\n margin-bottom: 24px;\n letter-spacing: -1px;\n}\n.mock-hero-h1 em {\n font-style: normal;\n color: var(--orange);\n}\n.mock-hero-sub {\n font-size: 16px;\n color: rgba(255,255,255,0.55);\n font-weight: 300;\n line-height: 1.7;\n max-width: 420px;\n margin-bottom: 40px;\n}\n.hero-btns {\n display: flex;\n gap: 12px;\n margin-bottom: 56px;\n}\n.btn-o {\n background: var(--orange);\n color: var(--white);\n padding: 14px 28px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n.btn-w {\n background: transparent;\n color: var(--white);\n border: 1.5px solid rgba(255,255,255,0.25);\n padding: 13px 24px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n.hero-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n border-top: 1px solid rgba(255,255,255,0.08);\n padding-top: 32px;\n}\n.hero-stat {\n padding-right: 24px;\n border-right: 1px solid rgba(255,255,255,0.08);\n}\n.hero-stat:last-child { border: none; }\n.hero-stat-num {\n font-size: 36px;\n font-weight: 800;\n color: var(--orange);\n line-height: 1;\n display: block;\n}\n.hero-stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.4);\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-top: 4px;\n}\n.mock-hero-right {\n position: relative;\n overflow: hidden;\n}\n.mock-hero-photo {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #2E3849 0%, #1A2130 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.mock-hero-photo-inner {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 8px;\n padding: 20px 32px;\n text-align: center;\n}\n.photo-placeholder-label {\n font-size: 12px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n.photo-placeholder-sub {\n font-size: 11px;\n color: rgba(245,114,32,0.5);\n margin-top: 6px;\n}\n\n\/* --- SERVICES STRIP --- *\/\n.mock-services-strip {\n background: var(--orange);\n padding: 0;\n overflow: hidden;\n}\n.services-strip-inner {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n}\n.srv-item {\n padding: 28px 20px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.2);\n cursor: pointer;\n transition: background .2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n}\n.srv-item:last-child { border: none; }\n.srv-item:hover { background: rgba(0,0,0,0.1); }\n.srv-icon {\n width: 40px; height: 40px;\n background: rgba(255,255,255,0.15);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n color: var(--white);\n}\n.srv-name {\n font-size: 11px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n.srv-desc {\n font-size: 10px;\n color: rgba(255,255,255,0.65);\n line-height: 1.4;\n font-weight: 300;\n}\n\n\/* --- COUNTERS --- *\/\n.mock-counters {\n background: var(--dark);\n padding: 64px 64px;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 2px;\n}\n.counter-item {\n text-align: center;\n padding: 32px 16px;\n border-right: 1px solid rgba(255,255,255,0.06);\n}\n.counter-item:last-child { border: none; }\n.counter-num {\n font-size: 56px;\n font-weight: 800;\n color: var(--orange);\n line-height: 1;\n letter-spacing: -2px;\n}\n.counter-suffix {\n font-size: 28px;\n font-weight: 400;\n color: var(--orange);\n}\n.counter-label {\n font-size: 12px;\n color: rgba(255,255,255,0.45);\n margin-top: 8px;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-weight: 400;\n}\n\n\/* --- COWORKING PROMO --- *\/\n.mock-cw-promo {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 480px;\n background: var(--white);\n}\n.cw-photo-side {\n background: linear-gradient(135deg, #3A4558, #252D3A);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.cw-photo-side::after {\n content: '\u0424\u041e\u0422\u041e \u041a\u041e\u0412\u041e\u0420\u041a\u0418\u041d\u0413\u0410';\n font-size: 11px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 3px;\n font-weight: 600;\n}\n.cw-content-side {\n padding: 64px 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.sec-pretag {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--orange);\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 14px;\n}\n.sec-pretag::before { content: ''; width: 24px; height: 2px; background: var(--orange); }\n.sec-h2 {\n font-size: 40px;\n font-weight: 800;\n line-height: 1.15;\n color: var(--dark);\n margin-bottom: 16px;\n letter-spacing: -0.5px;\n}\n.sec-h2 em { font-style: normal; color: var(--orange); }\n.sec-sub {\n font-size: 15px;\n color: var(--muted);\n font-weight: 300;\n line-height: 1.7;\n margin-bottom: 28px;\n}\n.feature-row {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n}\n.feature-row:last-of-type { border: none; margin-bottom: 28px; }\n.feat-dot {\n width: 8px; height: 8px;\n background: var(--orange);\n border-radius: 50%;\n margin-top: 6px;\n flex-shrink: 0;\n}\n.feat-text { font-size: 13px; color: var(--dark2); line-height: 1.6; font-weight: 400; }\n.feat-text strong { color: var(--dark); font-weight: 600; }\n\n\/* --- OFFICES CATALOG --- *\/\n.mock-offices {\n background: var(--light);\n padding: 80px 64px;\n}\n.section-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 40px;\n}\n.section-header-left .sec-h2 { margin-bottom: 8px; }\n.view-all {\n font-size: 12px;\n font-weight: 600;\n color: var(--orange);\n text-decoration: none;\n letter-spacing: 0.5px;\n display: flex;\n align-items: center;\n gap: 6px;\n padding-bottom: 24px;\n}\n.offices-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 16px;\n}\n.office-card {\n background: var(--white);\n border-radius: 6px;\n overflow: hidden;\n border: 1.5px solid var(--border);\n}\n.office-card-photo {\n height: 180px;\n background: linear-gradient(135deg, #3A4558, #252D3A);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.office-card-photo.featured { height: 220px; }\n.photo-label {\n font-size: 10px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n.status-badge {\n position: absolute;\n top: 14px; right: 14px;\n font-size: 10px;\n font-weight: 700;\n padding: 5px 12px;\n border-radius: 20px;\n letter-spacing: 0.5px;\n}\n.status-free { background: #D1FAE5; color: #065F46; }\n.status-busy { background: #FEE2E2; color: #991B1B; }\n.block-badge {\n position: absolute;\n top: 14px; left: 14px;\n background: var(--orange);\n color: var(--white);\n font-size: 10px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 3px;\n}\n.office-card-body {\n padding: 18px 20px;\n}\n.office-name {\n font-size: 18px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 8px;\n}\n.office-specs {\n display: flex;\n gap: 16px;\n margin-bottom: 12px;\n}\n.spec {\n font-size: 11px;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.spec-val { font-weight: 600; color: var(--dark2); }\n.office-price {\n font-size: 22px;\n font-weight: 800;\n color: var(--dark);\n margin-bottom: 12px;\n}\n.office-price small {\n font-size: 12px;\n font-weight: 300;\n color: var(--muted);\n}\n.office-cta {\n width: 100%;\n padding: 10px;\n background: var(--orange);\n color: var(--white);\n border: none;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n\n\/* --- EVENT HALL PROMO --- *\/\n.mock-event-promo {\n min-height: 500px;\n background: var(--dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n}\n.event-content {\n padding: 80px 64px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.event-photo-side {\n background: linear-gradient(135deg, #2E3849, #1A2130);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.event-photo-side::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 4px;\n background: var(--orange);\n}\n.event-photo-side::after {\n content: '\u0424\u041e\u0422\u041e EVENT HALL';\n font-size: 11px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 3px;\n font-weight: 600;\n}\n.event-specs-row {\n display: flex;\n gap: 0;\n margin: 32px 0;\n background: rgba(255,255,255,0.05);\n border-radius: 6px;\n overflow: hidden;\n}\n.event-spec {\n flex: 1;\n padding: 18px 16px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.07);\n}\n.event-spec:last-child { border: none; }\n.event-spec-val {\n font-size: 28px;\n font-weight: 800;\n color: var(--orange);\n display: block;\n line-height: 1;\n margin-bottom: 4px;\n}\n.event-spec-key {\n font-size: 10px;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n.event-types {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 32px;\n}\n.event-type-tag {\n font-size: 11px;\n color: var(--mint);\n border: 1px solid rgba(205,221,218,0.25);\n padding: 5px 12px;\n border-radius: 3px;\n font-weight: 400;\n}\n\n\/* --- SYNERGY\/ECOSYSTEM --- *\/\n.mock-synergy {\n background: var(--white);\n padding: 80px 64px;\n}\n.synergy-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 48px;\n}\n.synergy-card {\n background: var(--light);\n border-radius: 6px;\n padding: 28px 24px;\n border: 1.5px solid var(--border);\n position: relative;\n transition: border-color .2s;\n}\n.synergy-card:hover { border-color: var(--orange); }\n.syn-category {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 12px;\n}\n.syn-company {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 4px;\n}\n.syn-desc {\n font-size: 12px;\n color: var(--muted);\n line-height: 1.6;\n font-weight: 300;\n}\n.syn-count {\n position: absolute;\n top: 20px; right: 20px;\n font-size: 10px;\n color: var(--border);\n font-weight: 600;\n}\n\n\/* --- EVENTS --- *\/\n.mock-events {\n background: var(--light);\n padding: 80px 64px;\n}\n.events-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 20px;\n margin-top: 48px;\n}\n.event-card {\n background: var(--white);\n border-radius: 6px;\n overflow: hidden;\n border: 1.5px solid var(--border);\n}\n.event-card-img {\n height: 160px;\n background: linear-gradient(135deg, #3A4558, #2E3849);\n display: flex;\n align-items: flex-end;\n padding: 16px;\n position: relative;\n}\n.event-card-img.main { height: 220px; }\n.event-date-badge {\n background: var(--orange);\n color: var(--white);\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 3px;\n}\n.event-card-body {\n padding: 18px 20px;\n}\n.event-type {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 6px;\n}\n.event-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 6px;\n line-height: 1.3;\n}\n.event-meta {\n font-size: 11px;\n color: var(--muted);\n font-weight: 300;\n}\n.events-footer {\n text-align: center;\n margin-top: 32px;\n}\n.btn-outline-dark {\n padding: 13px 32px;\n border: 2px solid var(--dark);\n color: var(--dark);\n background: transparent;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n\n\/* --- TESTIMONIALS --- *\/\n.mock-reviews {\n background: var(--dark);\n padding: 80px 64px;\n}\n.reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 48px;\n}\n.review-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n padding: 28px;\n transition: background .2s;\n}\n.review-card:hover { background: rgba(255,255,255,0.07); }\n.review-stars {\n color: var(--orange);\n font-size: 14px;\n letter-spacing: 2px;\n margin-bottom: 14px;\n}\n.review-text {\n font-size: 14px;\n color: rgba(255,255,255,0.65);\n line-height: 1.75;\n font-weight: 300;\n font-style: italic;\n margin-bottom: 20px;\n}\n.review-author {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.review-avatar {\n width: 40px; height: 40px;\n border-radius: 50%;\n background: rgba(245,114,32,0.2);\n border: 2px solid rgba(245,114,32,0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n color: var(--orange);\n font-weight: 700;\n}\n.review-name { font-size: 13px; font-weight: 600; color: var(--white); }\n.review-role { font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 300; }\n.review-company { font-size: 11px; color: var(--orange); font-weight: 400; }\n\n\/* --- CTA STRIP --- *\/\n.mock-cta {\n background: var(--orange);\n padding: 80px 64px;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 48px;\n align-items: center;\n}\n.cta-h2 {\n font-size: 44px;\n font-weight: 800;\n color: var(--white);\n line-height: 1.1;\n letter-spacing: -0.5px;\n}\n.cta-sub {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n font-weight: 300;\n margin-top: 8px;\n}\n.cta-btns { display: flex; gap: 12px; }\n.btn-white {\n background: var(--white);\n color: var(--orange);\n padding: 16px 32px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n}\n.btn-outline-white {\n background: transparent;\n color: var(--white);\n border: 2px solid rgba(255,255,255,0.4);\n padding: 16px 28px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n white-space: nowrap;\n}\n\n\/* --- FOOTER --- *\/\n.mock-footer {\n background: #1A2130;\n padding: 60px 64px 32px;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px;\n margin-bottom: 48px;\n}\n.footer-brand-logo {\n font-size: 24px;\n font-weight: 800;\n color: var(--white);\n margin-bottom: 12px;\n}\n.footer-brand-logo span { color: var(--orange); }\n.footer-brand-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.4);\n font-weight: 300;\n line-height: 1.7;\n margin-bottom: 20px;\n}\n.footer-socials {\n display: flex;\n gap: 10px;\n}\n.social-btn {\n width: 36px; height: 36px;\n border-radius: 4px;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n cursor: pointer;\n font-weight: 700;\n}\n.social-btn:hover { background: var(--orange); color: var(--white); border-color: var(--orange); }\n.footer-col-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n margin-bottom: 16px;\n}\n.footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.footer-links a {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n font-weight: 300;\n transition: color .2s;\n}\n.footer-links a:hover { color: var(--orange); }\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.06);\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.footer-copy {\n font-size: 12px;\n color: rgba(255,255,255,0.25);\n font-weight: 300;\n}\n\n\/* \u2500\u2500\u2500 DIVIDERS \/ SECTION LABELS \u2500\u2500\u2500 *\/\n.section-divider {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 20px 0 8px;\n margin-top: 8px;\n}\n.section-divider-line {\n flex: 1;\n height: 1px;\n background: #E2E4E7;\n}\n.section-divider-label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: #9CA3AF;\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"doc-header\">\n <div class=\"doc-logo\">CBC <span>|<\/span> \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <div class=\"doc-meta\">\u041c\u0430\u043a\u0435\u0442 \u00b7 \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u043e\u0432 \u00b7 \u0421\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/div>\n <div class=\"doc-tag\">Wireframe v1<\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">1<\/div>\n <div class=\"mock-nav\">\n <div class=\"mock-nav-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <ul class=\"mock-nav-links\">\n <li><a href=\"#\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/a><\/li>\n <li><a href=\"#\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/a><\/li>\n <li><a href=\"#\" class=\"nav-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0424\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0448\u0430\u043f\u043a\u0430 (sticky) \u0441 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u043c, \u043f\u044f\u0442\u044c\u044e \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043a\u043d\u043e\u043f\u043a\u043e\u0439-\u043f\u0440\u0438\u0437\u044b\u0432\u043e\u043c \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e. \u041f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u0442\u0435\u043d\u044c \u0443\u0441\u0438\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0444\u043e\u043d \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0431\u0435\u043b\u044b\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>\u0422\u0435\u043c\u0430 WoodMart:<\/strong> \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 Header Builder \u2014 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0431\u0435\u0437 \u043a\u043e\u0434\u0430. \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b. Sticky-\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u2014 \u0433\u0430\u043b\u043e\u0447\u043a\u0430 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0445\u0435\u0434\u0435\u0440\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WoodMart Header Builder<\/span>\n <span class=\"plugin-badge free-badge\">WordPress Menus<\/span><br><br>\n \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u2014 \u0431\u0443\u0440\u0433\u0435\u0440 \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">2<\/div>\n <div class=\"mock-hero\">\n <div class=\"mock-hero-left\">\n <div class=\"hero-pretag\">CBC \u2014 \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/div>\n <h1 class=\"mock-hero-h1\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e<br>\u0434\u043b\u044f <em>\u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/em>,<br>\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0441\u0442\u0451\u0442<\/h1>\n <p class=\"mock-hero-sub\">\u041e\u0444\u0438\u0441\u044b, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433, \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446-\u0437\u0430\u043b \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n <div class=\"hero-btns\">\n <div class=\"btn-o\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/div>\n <div class=\"btn-w\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0438\u0434\u0435\u043e<\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">27<span style=\"font-size:22px\">+<\/span><\/span>\n <span class=\"hero-stat-label\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">4<\/span>\n <span class=\"hero-stat-label\">\u0413\u043e\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">150<\/span>\n <span class=\"hero-stat-label\">\u041c\u0435\u0441\u0442 \u0432 Event Hall<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">24\/7<\/span>\n <span class=\"hero-stat-label\">\u0414\u043e\u0441\u0442\u0443\u043f<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mock-hero-right\">\n <div class=\"mock-hero-photo\">\n <div class=\"mock-hero-photo-inner\">\n <div class=\"photo-placeholder-label\">\u0424\u043e\u0442\u043e \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0444\u0430\u0441\u0430\u0434\u0430 \/ CBC<\/div>\n <div class=\"photo-placeholder-sub\">\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440: 1200\u00d7900px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u2014 \u043f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c. \u041b\u0435\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + 2 \u043a\u043d\u043e\u043f\u043a\u0438 + 4 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0446\u0438\u0444\u0440\u044b. \u041f\u0440\u0430\u0432\u0430\u044f: \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 CBC.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u00ab2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\u00bb, \u043b\u0435\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a, \u043f\u0440\u0430\u0432\u0430\u044f \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043b\u043d\u044b\u043c \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u0435\u043c. \u0426\u0438\u0444\u0440\u044b \u2014 Row \u0441 4 \u044f\u0447\u0435\u0439\u043a\u0430\u043c\u0438. <strong>\u0418\u043b\u0438:<\/strong> Elementor \u00abHero\u00bb widget. \u041a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 WPBakery.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Text Block<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 <strong>\u0440\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f CBC<\/strong>. \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442, \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 Ultimate Addons \u00abCounter\u00bb \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">3<\/div>\n <div class=\"mock-services-strip\">\n <div class=\"services-strip-inner\">\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25a3<\/div>\n <div class=\"srv-name\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"srv-desc\">\u041e\u0442 200 MDL\/\u0434\u0435\u043d\u044c<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25a4<\/div>\n <div class=\"srv-name\">\u041e\u0444\u0438\u0441\u044b<\/div>\n <div class=\"srv-desc\">\u041e\u0442 15 \u043c\u00b2<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25c1<\/div>\n <div class=\"srv-name\">Event Hall<\/div>\n <div class=\"srv-desc\">\u0414\u043e 150 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25ce<\/div>\n <div class=\"srv-name\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <div class=\"srv-desc\">\u0414\u043e 12 \u0447\u0435\u043b\u043e\u0432\u0435\u043a<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25b2<\/div>\n <div class=\"srv-name\">\u042e\u0440. \u0430\u0434\u0440\u0435\u0441<\/div>\n <div class=\"srv-desc\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u041e\u041e\u041e<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25cf<\/div>\n <div class=\"srv-name\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <div class=\"srv-desc\">8:00 \u2013 20:00<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0434 Hero. \u0428\u0435\u0441\u0442\u044c \u043a\u043b\u0438\u043a\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043b\u0438\u0442\u043e\u043a \u2014 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u0430\u0436\u0434\u043e\u0439 \u0443\u0441\u043b\u0443\u0433\u0435. \u0418\u043a\u043e\u043d\u043a\u0430 + \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 + \u043a\u0440\u0430\u0442\u043a\u0430\u044f \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430. \u041f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u2014 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0443\u0441\u043b\u0443\u0433\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u0444\u043e\u043d\u043e\u043c, \u0432\u043d\u0443\u0442\u0440\u0438 Grid \u0438\u0437 6 \u044f\u0447\u0435\u0435\u043a. \u041a\u0430\u0436\u0434\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 Icon Box \u044d\u043b\u0435\u043c\u0435\u043d\u0442 (\u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442 + \u0441\u0441\u044b\u043b\u043a\u0430). <strong>\u0418\u043b\u0438<\/strong> Icon Grid \u0438\u0437 Ultimate Addons.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Icon Box<\/span>\n <span class=\"plugin-badge free-badge\">Ultimate Addons Icon Grid<\/span><br><br>\n \u0418\u043a\u043e\u043d\u043a\u0438 \u2014 Font Awesome \u0438\u043b\u0438 SVG. \u041e\u0434\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0435, \u0431\u0435\u043b\u044b\u0435 \u043d\u0430 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u043c \u0444\u043e\u043d\u0435.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">4<\/div>\n <div class=\"mock-counters\">\n <div class=\"counter-item\">\n <div class=\"counter-num\">27<span class=\"counter-suffix\">+<\/span><\/div>\n <div class=\"counter-label\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">4<\/div>\n <div class=\"counter-label\">\u0413\u043e\u0434\u0430 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">15<\/div>\n <div class=\"counter-label\">\u0421\u0444\u0435\u0440 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">500<span class=\"counter-suffix\">+<\/span><\/div>\n <div class=\"counter-label\">\u041f\u0440\u043e\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">150<\/div>\n <div class=\"counter-label\">\u041c\u0435\u0441\u0442 \u0432 Event Hall<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0422\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 5 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438 \u2014 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 CBC. \u0426\u0438\u0444\u0440\u044b \u00ab\u0441\u0447\u0438\u0442\u0430\u044e\u0442\u00bb \u0441 \u043d\u0443\u043b\u044f \u043f\u0440\u0438 \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 \u0437\u043e\u043d\u0443 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 (scroll animation). \u0423\u0441\u0438\u043b\u0438\u0432\u0430\u044e\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Ultimate Addons for WPBakery:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u00abAnimated Statistics\u00bb \u0438\u043b\u0438 \u00abCounter\u00bb. \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u0441\u0443\u0444\u0444\u0438\u043a\u0441 (+). \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0441\u0435\u043a\u0446\u0438\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge paid-badge\">Ultimate Addons for WPBakery $26<\/span><br><br>\n \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u0434\u043e \u0441\u0435\u043a\u0446\u0438\u0438. \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">5<\/div>\n <div class=\"mock-cw-promo\">\n <div class=\"cw-photo-side\"><\/div>\n <div class=\"cw-content-side\">\n <div class=\"sec-pretag\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <h2 class=\"sec-h2\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e <em>\u0433\u043e\u0442\u043e\u0432\u043e<\/em> \u2014<br>\u043a\u043e\u0433\u0434\u0430 \u0433\u043e\u0442\u043e\u0432 \u0442\u044b<\/h2>\n <p class=\"sec-sub\">\u0413\u0438\u0431\u043a\u043e\u0435 \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u043e\u0432, \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434. \u0411\u0435\u0437 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0445 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432.<\/p>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u0412\u044b\u0441\u043e\u043a\u043e\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u043d\u043e\u0439 Wi-Fi<\/strong> \u2014 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u0430\u043d\u0430\u043b 1 \u0413\u0431\u0438\u0442<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>24\/7 \u0434\u043e\u0441\u0442\u0443\u043f<\/strong> \u2014 \u0440\u0430\u0431\u043e\u0442\u0430\u0439 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u041a\u043e\u0444\u0435, \u043f\u0440\u0438\u043d\u0442\u0435\u0440, \u0441\u0435\u0439\u0444\u044b<\/strong> \u2014 \u0432\u0441\u0451 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/strong> \u2014 \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u044f<\/div><\/div>\n <div class=\"btn-o\" style=\"align-self:flex-start;margin-top:8px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0442\u0430\u0440\u0438\u0444\u044b \u2192<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u043e\u043c\u043e-\u0431\u043b\u043e\u043a \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430: \u0444\u043e\u0442\u043e \u0441\u043b\u0435\u0432\u0430, \u0442\u0435\u043a\u0441\u0442 \u0441\u043f\u0440\u0430\u0432\u0430. 4 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0444\u0438\u0447\u0438 \u0441 \u0442\u043e\u0447\u043a\u0430\u043c\u0438. \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430. \u041f\u0440\u0438\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u043e\u0432 \u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u00ab2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\u00bb 50\/50. \u041b\u0435\u0432\u0430\u044f \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 full-height stretch. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a + Icon List + Button. \u041e\u0442\u0441\u0442\u0443\u043f\u044b \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 Row Settings.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Icon List<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Button<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f. \u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u00ab\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u00bb.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">6<\/div>\n <div class=\"mock-offices\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/div>\n <h2 class=\"sec-h2\">\u041d\u0430\u0439\u0434\u0438 \u043e\u0444\u0438\u0441<br>\u043f\u043e\u0434 \u0441\u0432\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441<\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043e\u0444\u0438\u0441\u044b \u2192<\/a>\n <\/div>\n <div class=\"offices-grid\">\n \n <div class=\"office-card\">\n <div class=\"office-card-photo featured\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a Q<\/div>\n <div class=\"status-badge status-free\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">Q-502<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">65 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">5 \u044d\u0442\u0430\u0436<\/span><\/div>\n <div class=\"spec\">\u25ce <span class=\"spec-val\">\u0434\u043e 12 \u043c\u0435\u0441\u0442<\/span><\/div>\n <\/div>\n <div class=\"office-price\">18 500 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\">\u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438<\/button>\n <\/div>\n <\/div>\n \n <div class=\"office-card\">\n <div class=\"office-card-photo\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a A<\/div>\n <div class=\"status-badge status-busy\">\u0417\u0430\u043d\u044f\u0442<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">A-402<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">38 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">4 \u044d\u0442\u0430\u0436<\/span><\/div>\n <\/div>\n <div class=\"office-price\">11 200 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\" style=\"background:var(--light);color:var(--muted);\">\u041b\u0438\u0441\u0442 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/button>\n <\/div>\n <\/div>\n \n <div class=\"office-card\">\n <div class=\"office-card-photo\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a Q<\/div>\n <div class=\"status-badge status-free\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">Q-301<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">22 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">3 \u044d\u0442\u0430\u0436<\/span><\/div>\n <\/div>\n <div class=\"office-price\">7 800 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\">\u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432 \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 (featured + 2). \u041f\u0435\u0440\u0432\u044b\u0439 \u043e\u0444\u0438\u0441 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043c\u0435\u0441\u0442\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430: \u0444\u043e\u0442\u043e, \u0441\u0442\u0430\u0442\u0443\u0441, \u043f\u043b\u043e\u0449\u0430\u0434\u044c, \u0446\u0435\u043d\u0430, \u043a\u043d\u043e\u043f\u043a\u0430. \u0421\u0441\u044b\u043b\u043a\u0430 \u00ab\u0412\u0441\u0435 \u043e\u0444\u0438\u0441\u044b\u00bb \u0432\u0435\u0434\u0451\u0442 \u0432 \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Business Directory Plugin:<\/strong> shortcode \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043e\u0444\u0438\u0441\u044b \u0438\u0437 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u2014 shortcode \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c limit=3, category=featured. \u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u0442\u0430\u0442\u0443\u0441 \u0447\u0435\u0440\u0435\u0437 \u0430\u0434\u043c\u0438\u043d\u043a\u0443. <strong>\u0418\u043b\u0438 WPBakery<\/strong> Grid \u0441 \u0440\u0443\u0447\u043d\u044b\u043c\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">Business Directory Plugin<\/span><br>\n \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f: \u041f\u043b\u043e\u0449\u0430\u0434\u044c, \u042d\u0442\u0430\u0436, \u0411\u043b\u043e\u043a, \u0426\u0435\u043d\u0430, \u0421\u0442\u0430\u0442\u0443\u0441. \u0421\u0442\u0430\u0442\u0443\u0441 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 1 \u043a\u043b\u0438\u043a \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u0411\u0435\u0437 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">7<\/div>\n <div class=\"mock-event-promo\">\n <div class=\"event-content\">\n <div class=\"sec-pretag\" style=\"color:var(--mint)\">CBC Event Hall<\/div>\n <h2 class=\"sec-h2\" style=\"color:var(--white)\">\u0417\u0430\u043b \u0434\u043b\u044f <em style=\"color:var(--orange)\">\u043b\u044e\u0431\u043e\u0433\u043e<\/em><br>\u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/h2>\n <p class=\"sec-sub\" style=\"color:rgba(255,255,255,0.5)\">150 \u043c\u0435\u0441\u0442, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0432\u0443\u043a, LED-\u044d\u043a\u0440\u0430\u043d 165\". \u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438, \u0442\u0440\u0435\u043d\u0438\u043d\u0433\u0438, \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u044b.<\/p>\n <div class=\"event-types\">\n <span class=\"event-type-tag\">\u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438<\/span>\n <span class=\"event-type-tag\">\u0422\u0440\u0435\u043d\u0438\u043d\u0433\u0438<\/span>\n <span class=\"event-type-tag\">\u0421\u0435\u043c\u0438\u043d\u0430\u0440\u044b<\/span>\n <span class=\"event-type-tag\">\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/span>\n <span class=\"event-type-tag\">\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u044b<\/span>\n <span class=\"event-type-tag\">\u0424\u043e\u0440\u0443\u043c\u044b<\/span>\n <\/div>\n <div class=\"event-specs-row\">\n <div class=\"event-spec\"><span class=\"event-spec-val\">150<\/span><span class=\"event-spec-key\">\u043c\u0435\u0441\u0442<\/span><\/div>\n <div class=\"event-spec\"><span class=\"event-spec-val\">165\"<\/span><span class=\"event-spec-key\">\u044d\u043a\u0440\u0430\u043d<\/span><\/div>\n <div class=\"event-spec\"><span class=\"event-spec-val\">1 500<\/span><span class=\"event-spec-key\">MDL\/\u0447\u0430\u0441<\/span><\/div>\n <\/div>\n <div class=\"btn-o\" style=\"align-self:flex-start\">\u0417\u0430\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043b \u2192<\/div>\n <\/div>\n <div class=\"event-photo-side\"><\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0422\u0451\u043c\u043d\u044b\u0439 \u043f\u0440\u043e\u043c\u043e-\u0431\u043b\u043e\u043a \u0434\u043b\u044f Event Hall. \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u043b\u0435\u0432\u0430: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0442\u0435\u0433\u0438 \u0442\u0438\u043f\u043e\u0432 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 + 3 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 + \u043a\u043d\u043e\u043f\u043a\u0430. \u0424\u043e\u0442\u043e \u0437\u0430\u043b\u0430 \u0441\u043f\u0440\u0430\u0432\u0430. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c, 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041b\u0435\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442 + \u0442\u0435\u0433\u0438 (\u0441\u043f\u0438\u0441\u043e\u043a) + Row \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439 + \u043a\u043d\u043e\u043f\u043a\u0430. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0444\u043e\u0442\u043e \u043d\u0430 \u0432\u0441\u044e \u0432\u044b\u0441\u043e\u0442\u0443. \u0422\u0435\u0433\u0438 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u2014 Icon List \u0431\u0435\u0437 \u0438\u043a\u043e\u043d\u043e\u043a \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 Label \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Button<\/span><br><br>\n \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 CBC Event Hall. \u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0441\u0442\u0438\u043b\u0435\u043c \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">8<\/div>\n <div class=\"mock-synergy\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n <h2 class=\"sec-h2\">\u041d\u0430\u0448\u0438 <em>\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\" style=\"padding-bottom:20px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435\u0445 \u2192<\/a>\n <\/div>\n <div class=\"synergy-grid\">\n <div class=\"synergy-card\">\n <div class=\"syn-count\">01<\/div>\n <div class=\"syn-category\">IT & Tech<\/div>\n <div class=\"syn-company\">TechFlow MD<\/div>\n <div class=\"syn-desc\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/div>\n <\/div>\n <div class=\"synergy-card\">\n <div class=\"syn-count\">02<\/div>\n <div class=\"syn-category\">\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\n <div class=\"syn-company\">LexCorp Moldova<\/div>\n <div class=\"syn-desc\">\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u043e, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u043d\u0430\u043b\u043e\u0433\u043e\u0432\u044b\u0439 \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433<\/div>\n <\/div>\n <div class=\"synergy-card\">\n <div class=\"syn-count\">03<\/div>\n <div class=\"syn-category\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/div>\n <div class=\"syn-company\">Bright Agency<\/div>\n <div class=\"syn-desc\">Digital-\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433, SMM, \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u0430\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u0430<\/div>\n <\/div>\n <div class=\"synergy-card\" style=\"background:var(--dark);border-color:var(--orange)\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);margin-bottom:8px\">27+<\/div>\n <div style=\"font-size:13px;font-weight:600;color:var(--white);margin-bottom:4px\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:20px\">15 \u0441\u0444\u0435\u0440 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n <div class=\"btn-o\" style=\"font-size:11px;padding:10px 16px;text-align:center\">\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u0435\u0432\u044c\u044e \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u00ab\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u00bb \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 + \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430-CTA \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u0435 \u0441\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432 CBC. \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u0438\u0434\u0435\u044e \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>CPT UI + ACF:<\/strong> \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0435\u0439. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u2014 WPBakery Grid \u0441 \u043b\u0438\u043c\u0438\u0442\u043e\u043c 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438\u0437 CPT \u00ab\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u00bb. 4-\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u0430\u044f CTA. <strong>\u0418\u043b\u0438:<\/strong> \u0432\u0440\u0443\u0447\u043d\u0443\u044e 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 WPBakery, \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0440\u0443\u043a\u0430\u043c\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">CPT UI<\/span>\n <span class=\"plugin-badge free-badge\">Advanced Custom Fields<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Grid<\/span><br><br>\n \u041f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 CPT \u2014 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">9<\/div>\n <div class=\"mock-events\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f CBC<\/div>\n <h2 class=\"sec-h2\">\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 <em>\u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\" style=\"padding-bottom:20px\">\u0412\u0435\u0441\u044c \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u2192<\/a>\n <\/div>\n <div class=\"events-grid\">\n <div class=\"event-card\">\n <div class=\"event-card-img main\">\n <div class=\"event-date-badge\">15 \u041c\u0430\u0440\u0442\u0430 \u00b7 18:00<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f<\/div>\n <div class=\"event-title\">Digital Business Forum Moldova 2025<\/div>\n <div class=\"event-meta\">CBC Event Hall \u00b7 150 \u043c\u0435\u0441\u0442 \u00b7 \u0412\u0445\u043e\u0434 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439<\/div>\n <\/div>\n <\/div>\n <div class=\"event-card\">\n <div class=\"event-card-img\">\n <div class=\"event-date-badge\">22 \u041c\u0430\u0440\u0442\u0430<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u0422\u0440\u0435\u043d\u0438\u043d\u0433<\/div>\n <div class=\"event-title\">\u041a\u0430\u043a \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441 \u0432 2025<\/div>\n <div class=\"event-meta\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u00b7 12 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <\/div>\n <div class=\"event-card\">\n <div class=\"event-card-img\">\n <div class=\"event-date-badge\">1 \u0410\u043f\u0440\u0435\u043b\u044f<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u041d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"event-title\">CBC Networking Evening \u2014 April<\/div>\n <div class=\"event-meta\">\u0417\u043e\u043d\u0430 \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430 \u00b7 50 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"events-footer\">\n <button class=\"btn-outline-dark\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f<\/button>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u0435\u0432\u044c\u044e \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439: 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438\u0437 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u2014 \u0448\u0438\u0440\u043e\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0441\u043b\u0435\u0432\u0430. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Modern Events Calendar:<\/strong> shortcode \u0432\u044b\u0432\u043e\u0434\u0438\u0442 3 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438. \u0428\u0430\u0431\u043b\u043e\u043d \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0435. \u0412\u0441\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u2014 \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u0431\u0435\u0437 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge paid-badge\">Modern Events Calendar ~$59<\/span><br><br>\n Shortcode: <strong>[mec_skin skin=\"grid\" id=\"...\" ids=\"3\"]<\/strong><br>\n \u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u2014 \u043e\u043d\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0438 \u0443\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0441\u043b\u0435 \u0434\u0430\u0442\u044b \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">10<\/div>\n <div class=\"mock-reviews\">\n <div class=\"sec-pretag\" style=\"color:var(--mint)\">\u041e\u0442\u0437\u044b\u0432\u044b \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <h2 class=\"sec-h2\" style=\"color:var(--white);margin-bottom:0\">\u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 <em style=\"color:var(--orange)\">150+ \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/em><\/h2>\n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00abCBC \u0438\u0437\u043c\u0435\u043d\u0438\u043b \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435. \u041c\u044b \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b\u0438 \u0441\u044e\u0434\u0430 \u043a\u0430\u043a \u0441\u0442\u0430\u0440\u0442\u0430\u043f, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c \u0446\u0435\u043b\u044b\u0439 \u044d\u0442\u0430\u0436. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u2014 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043b\u044e\u0434\u0435\u0439 \u0432\u043e\u043a\u0440\u0443\u0433.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0414\u041c<\/div>\n <div>\n <div class=\"review-name\">\u0414\u043c\u0438\u0442\u0440\u0438\u0439 \u041c\u043e\u043b\u0434\u043e\u0432\u0430\u043d<\/div>\n <div class=\"review-role\">CEO \u00b7 TechFlow MD<\/div>\n <div class=\"review-company\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442 3 \u0433\u043e\u0434\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 CBC \u2014 \u043b\u0443\u0447\u0448\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0435. \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430, \u0442\u0438\u0448\u0438\u043d\u0430, \u043a\u043e\u0444\u0435 \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043b\u044e\u0434\u0438 \u0440\u044f\u0434\u043e\u043c. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0410\u0421<\/div>\n <div>\n <div class=\"review-name\">\u0410\u043d\u043d\u0430 \u0421\u0442\u043e\u044f\u043d\u043e\u0432\u0430<\/div>\n <div class=\"review-role\">Freelance Designer<\/div>\n <div class=\"review-company\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442 1.5 \u0433\u043e\u0434\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab\u041f\u0440\u043e\u0432\u0435\u043b\u0438 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e \u043d\u0430 120 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u2014 \u0432\u0441\u0451 \u043f\u0440\u043e\u0448\u043b\u043e \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e. Event Hall \u043e\u0441\u043d\u0430\u0449\u0451\u043d \u043f\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u043c\u0443 \u0441\u043b\u043e\u0432\u0443, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u0430.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0412\u041f<\/div>\n <div>\n <div class=\"review-name\">\u0412\u0438\u043a\u0442\u043e\u0440 \u041f\u043e\u043f\u0435\u0441\u043a\u0443<\/div>\n <div class=\"review-role\">Managing Partner \u00b7 LexCorp<\/div>\n <div class=\"review-company\">\u041a\u043b\u0438\u0435\u043d\u0442 Event Hall<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0421\u0435\u043a\u0446\u0438\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430: 3 \u043e\u0442\u0437\u044b\u0432\u0430 \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u0445. \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0438\u0440\u0443\u0435\u0442 \u0441 \u0431\u0435\u043b\u044b\u043c\u0438 \u0431\u043b\u043e\u043a\u0430\u043c\u0438. \u0417\u0432\u0451\u0437\u0434\u043d\u044b\u0439 \u0440\u0435\u0439\u0442\u0438\u043d\u0433, \u0446\u0438\u0442\u0430\u0442\u0430, \u0430\u0432\u0430\u0442\u0430\u0440, \u0438\u043c\u044f, \u0440\u043e\u043b\u044c, \u0441\u0440\u043e\u043a \u0430\u0440\u0435\u043d\u0434\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Strong Testimonials:<\/strong> \u043f\u043b\u0430\u0433\u0438\u043d \u0445\u0440\u0430\u043d\u0438\u0442 \u043e\u0442\u0437\u044b\u0432\u044b, \u0432\u044b\u0432\u043e\u0434\u0438\u0442 shortcode \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c Grid. \u041c\u043e\u0436\u043d\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 Google Reviews. \u0410\u0432\u0430\u0442\u0430\u0440 \u2014 \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u044b \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438. WPBakery-\u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043b\u0438 shortcode \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">Strong Testimonials<\/span><br><br>\n \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0433\u043e \u043e\u0442\u0437\u044b\u0432\u0430 \u0447\u0435\u0440\u0435\u0437 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u0411\u0435\u0437 \u043a\u043e\u0434\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 Google Reviews \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">11<\/div>\n <div class=\"mock-cta\">\n <div>\n <div class=\"cta-h2\">\u0413\u043e\u0442\u043e\u0432\u044b \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e<br>CBC Community?<\/div>\n <div class=\"cta-sub\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u2014 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0432\u0441\u0451 \u0432\u0436\u0438\u0432\u0443\u044e<\/div>\n <\/div>\n <div class=\"cta-btns\">\n <button class=\"btn-white\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/button>\n <button class=\"btn-outline-white\">+373 60 390 300<\/button>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u0437\u044b\u0432 \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e \u043f\u0435\u0440\u0435\u0434 \u0444\u0443\u0442\u0435\u0440\u043e\u043c. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u0444\u043e\u043d, \u043a\u0440\u0443\u043f\u043d\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, 2 \u043a\u043d\u043e\u043f\u043a\u0438: \u0437\u0430\u043f\u0438\u0441\u044c \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e (\u0444\u043e\u0440\u043c\u0430) \u0438 \u043f\u0440\u044f\u043c\u043e\u0439 \u0437\u0432\u043e\u043d\u043e\u043a. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043d\u0435\u0440\u0435\u0448\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u0444\u043e\u043d\u043e\u043c, \u0434\u0432\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 60\/40. \u041b\u0435\u0432\u0430\u044f \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0442\u0435\u043a\u0441\u0442. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\u00bb \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 Contact Form 7 \u0438\u043b\u0438 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u044f\u043a\u043e\u0440\u044c \u0444\u043e\u0440\u043c\u044b.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">Contact Form 7<\/span>\n <span class=\"plugin-badge free-badge\">Popup Maker (\u043e\u043f\u0446.)<\/span><br><br>\n \u0422\u0435\u043b\u0435\u0444\u043e\u043d \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043a\u043d\u043e\u043f\u043a\u0430 \u0441 href=\"tel:+37360390300\" \u2014 \u043a\u043b\u0438\u043a \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0441\u0440\u0430\u0437\u0443 \u0437\u0432\u043e\u043d\u0438\u0442.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">12<\/div>\n <div class=\"mock-footer\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"footer-brand-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"footer-brand-desc\">\u0411\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440 \u0432 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0435 \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u044f\u0442 \u0440\u0430\u0441\u0442\u0438. \u041e\u0444\u0438\u0441\u044b, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433, Event Hall, \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0435 \u043a\u043e\u043c\u043d\u0430\u0442\u044b.<\/div>\n <div class=\"footer-socials\">\n <div class=\"social-btn\">fb<\/div>\n <div class=\"social-btn\">in<\/div>\n <div class=\"social-btn\">ig<\/div>\n <div class=\"social-btn\">yt<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u0423\u0441\u043b\u0443\u0433\u0438<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/a><\/li>\n <li><a href=\"#\">\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/a><\/li>\n <li><a href=\"#\">CBC Event Hall<\/a><\/li>\n <li><a href=\"#\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/a><\/li>\n <li><a href=\"#\">\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441<\/a><\/li>\n <li><a href=\"#\">\u041a\u0430\u0444\u0435 CBC<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/a><\/li>\n <li><a href=\"#\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/a><\/li>\n <li><a href=\"#\">\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/a><\/li>\n <li><a href=\"#\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/a><\/li>\n <li><a href=\"#\">+373 60 390 300<\/a><\/li>\n <li><a href=\"#\">+373 22 401 323<\/a><\/li>\n <li><a href=\"#\">info@cbcenter.md<\/a><\/li>\n <li><a href=\"#\">\u041f\u043d\u2013\u041f\u0442: 8:00\u201320:00<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2025 Community Business Center. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/div>\n <div class=\"footer-copy\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u00b7 \u041a\u0430\u0440\u0442\u0430 \u0441\u0430\u0439\u0442\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0427\u0435\u0442\u044b\u0440\u0451\u0445\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0444\u0443\u0442\u0435\u0440: \u043b\u043e\u0433\u043e\u0442\u0438\u043f + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 + \u0441\u043e\u0446\u0441\u0435\u0442\u0438, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0423\u0441\u043b\u0443\u0433, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432. \u041a\u043e\u043f\u0438\u0440\u0430\u0439\u0442 \u0438 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432\u043d\u0438\u0437\u0443.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WoodMart Footer Builder:<\/strong> \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0437 \u043a\u043e\u0434\u0430 \u0447\u0435\u0440\u0435\u0437 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440. \u0427\u0435\u0442\u044b\u0440\u0435 \u0432\u0438\u0434\u0436\u0435\u0442-\u0437\u043e\u043d\u044b. \u0421\u043e\u0446\u0441\u0435\u0442\u0438 \u2014 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0435\u043c\u044b (Theme Settings \u2192 Social). \u0421\u0441\u044b\u043b\u043a\u0438 \u2014 WordPress \u043c\u0435\u043d\u044e \u00abFooter\u00bb.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WoodMart Footer Builder<\/span>\n <span class=\"plugin-badge free-badge\">WordPress Widget Areas<\/span><br><br>\n \u0421\u0441\u044b\u043b\u043a\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Dashboard \u2192 Appearance \u2192 Menus. \u0422\u0435\u043a\u0441\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 \u2014 \u0432 \u0432\u0438\u0434\u0436\u0435\u0442\u0435 \u00abText\u00bb \u0438\u043b\u0438 \u00abHTML\u00bb. \u0411\u0435\u0437 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CBC \u2014 \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f. \u041c\u0430\u043a\u0435\u0442 + \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root {\n --dark: #252D3A;\n --dark2: #434B58;\n --orange: #F57220;\n --white: #FFFFFF;\n --light: #EDEDEF;\n --mint: #CDDDDA;\n --muted: #6B7280;\n --border: #E5E7EB;\n --ann-bg: #FFFBF0;\n --ann-border: #F0C060;\n --ann-label: #B45309;\n}\nbody {\n font-family: 'Poppins', sans-serif;\n background: #F4F5F7;\n color: var(--dark);\n}\n\n\/* \u2500\u2500\u2500 DOC HEADER \u2500\u2500\u2500 *\/\n.doc-header {\n background: var(--dark);\n padding: 20px 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 3px solid var(--orange);\n position: sticky; top: 0; z-index: 9999;\n}\n.doc-logo { font-size: 18px; font-weight: 800; color: var(--white); }\n.doc-logo span { color: var(--orange); }\n.doc-tag { background: var(--orange); color: var(--white); font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 3px; }\n\n\/* \u2500\u2500\u2500 PAGE \u2500\u2500\u2500 *\/\n.page { max-width: 1300px; margin: 0 auto; padding: 40px 24px 80px; }\n\n\/* \u2500\u2500\u2500 SECTION LABEL \u2500\u2500\u2500 *\/\n.sec-label {\n display: flex; align-items: center; gap: 14px;\n margin-bottom: 16px; margin-top: 48px;\n}\n.sec-label-num {\n width: 36px; height: 36px; background: var(--orange); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 15px; font-weight: 800; color: var(--white);\n flex-shrink: 0;\n}\n.sec-label-text { font-size: 20px; font-weight: 700; color: var(--dark); }\n.sec-label-sub { font-size: 13px; color: var(--muted); font-weight: 300; margin-left: 4px; }\n\n\/* \u2500\u2500\u2500 ANNOTATION \u2500\u2500\u2500 *\/\n.ann {\n background: var(--ann-bg);\n border: 1.5px solid var(--ann-border);\n border-radius: 8px; padding: 16px 20px;\n margin-top: 10px;\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;\n}\n.ann-title {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--ann-label);\n margin-bottom: 6px; display: flex; align-items: center; gap: 6px;\n}\n.ann-title::before { content:''; width:12px; height:2px; background:var(--ann-border); }\n.ann-text { font-size: 12px; color: #78716C; line-height: 1.7; font-weight: 300; }\n.ann-text strong { color: var(--dark); font-weight: 600; }\n.badge { display: inline-block; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 10px; margin: 2px 2px 2px 0; letter-spacing: 0.5px; }\n.badge-free { background:#D1FAE5; border:1px solid #10B981; color:#065F46; }\n.badge-paid { background:#FEE2E2; border:1px solid #EF4444; color:#991B1B; }\n.badge-wp { background:#EEF2FF; border:1px solid #6366F1; color:#3730A3; }\n\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\n DESKTOP NAVBAR\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 *\/\n.nav-demo-wrap {\n background: var(--white);\n border-radius: 8px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n overflow: visible;\n position: relative;\n z-index: 100;\n}\n\n\/* Main bar *\/\n.navbar {\n height: 72px;\n padding: 0 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid var(--border);\n background: var(--white);\n border-radius: 8px 8px 0 0;\n position: relative; z-index: 200;\n}\n.nav-logo {\n font-size: 20px; font-weight: 800; color: var(--dark);\n white-space: nowrap; letter-spacing: -0.5px;\n}\n.nav-logo span { color: var(--orange); }\n.nav-links {\n display: flex; align-items: center; gap: 4px; list-style: none;\n}\n.nav-item { position: relative; }\n.nav-link {\n display: flex; align-items: center; gap: 5px;\n padding: 8px 14px;\n font-size: 13px; font-weight: 500; color: var(--dark2);\n text-decoration: none; border-radius: 4px;\n transition: all .2s; white-space: nowrap; cursor: pointer;\n border: none; background: none;\n font-family: 'Poppins', sans-serif;\n}\n.nav-link:hover, .nav-item.open > .nav-link { color: var(--orange); background: #FFF8F4; }\n.nav-link .chevron {\n font-size: 8px; color: var(--muted);\n transition: transform .2s; display: inline-block;\n}\n.nav-item.open > .nav-link .chevron { transform: rotate(180deg); color: var(--orange); }\n.nav-cta {\n background: var(--orange); color: var(--white) !important;\n padding: 10px 20px; border-radius: 4px;\n font-size: 12px; font-weight: 700; letter-spacing: 0.5px;\n white-space: nowrap; cursor: pointer;\n transition: background .2s;\n}\n.nav-cta:hover { background: #D4611A; }\n\n\/* Dropdown *\/\n.dropdown {\n position: absolute; top: calc(100% + 6px); left: 0;\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 8px;\n box-shadow: 0 16px 48px rgba(0,0,0,0.12);\n min-width: 220px;\n opacity: 0; visibility: hidden; transform: translateY(-6px);\n transition: all .22s cubic-bezier(0.23,1,0.32,1);\n z-index: 300;\n overflow: hidden;\n}\n.nav-item.open .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }\n\n\/* Wide dropdown for \u0423\u0441\u043b\u0443\u0433\u0438 *\/\n.dropdown-wide {\n min-width: 540px;\n display: grid; grid-template-columns: 1fr 1fr;\n left: 0;\n}\n.dropdown-col { padding: 8px 0; }\n.dropdown-col-header {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted);\n padding: 10px 20px 6px; border-bottom: 1px solid var(--light);\n margin-bottom: 4px;\n}\n\n.dropdown-item {\n display: flex; align-items: center; gap: 12px;\n padding: 10px 20px;\n font-size: 13px; color: var(--dark2); font-weight: 400;\n text-decoration: none; cursor: pointer;\n transition: all .15s;\n}\n.dropdown-item:hover { background: #FFF8F4; color: var(--orange); }\n.dropdown-item:hover .di-icon { background: var(--orange); color: var(--white); }\n.di-icon {\n width: 32px; height: 32px; border-radius: 6px;\n background: var(--light); display: flex; align-items: center; justify-content: center;\n font-size: 13px; flex-shrink: 0; transition: all .15s;\n color: var(--dark2); font-weight: 700;\n}\n.di-text strong { display: block; font-weight: 600; font-size: 13px; color: var(--dark); }\n.di-text span { font-size: 11px; color: var(--muted); font-weight: 300; }\n.dropdown-item:hover .di-text strong { color: var(--orange); }\n\n\/* Dropdown footer CTA *\/\n.dropdown-footer {\n padding: 12px 20px;\n background: var(--light);\n border-top: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n}\n.dropdown-footer-text { font-size: 12px; color: var(--muted); font-weight: 300; }\n.dropdown-footer-link { font-size: 12px; font-weight: 600; color: var(--orange); text-decoration: none; }\n\n\/* Simple dropdown *\/\n.dropdown-simple { padding: 8px 0; }\n.dropdown-simple .dropdown-item { padding: 10px 20px; }\n\n\/* \u2500\u2500\u2500 STATES DEMO \u2500\u2500\u2500 *\/\n.states-row {\n display: grid; grid-template-columns: 1fr 1fr 1fr;\n gap: 16px; margin-top: 12px;\n}\n.state-demo {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); overflow: hidden;\n}\n.state-demo-label {\n background: var(--light); padding: 8px 14px;\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted);\n border-bottom: 1px solid var(--border);\n}\n.state-demo-inner { padding: 20px; }\n\n\/* Default state *\/\n.mini-link {\n display: inline-flex; align-items: center; gap: 5px;\n padding: 8px 14px; font-size: 13px; font-weight: 500;\n border-radius: 4px; cursor: pointer; font-family: 'Poppins', sans-serif;\n}\n.mini-link.default { color: var(--dark2); }\n.mini-link.hover { color: var(--orange); background: #FFF8F4; }\n.mini-link.active { color: var(--orange); border-bottom: 2px solid var(--orange); border-radius: 0; padding-bottom: 6px; }\n\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\n STICKY BEHAVIOR DEMO\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 *\/\n.sticky-demo {\n border-radius: 8px; overflow: hidden; border: 1.5px solid var(--border);\n margin-top: 12px;\n}\n.sticky-row {\n display: grid; grid-template-columns: 1fr 1fr;\n}\n.sticky-state {\n padding: 20px 28px; position: relative;\n}\n.sticky-state:first-child { border-right: 1px solid var(--border); }\n.sticky-state-label {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted); margin-bottom: 14px;\n}\n\n\/* Top of page \u2014 white bg *\/\n.nav-mini-top {\n height: 52px; background: var(--white);\n border-radius: 4px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 20px; font-size: 12px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\/* Scrolled \u2014 shadow increases *\/\n.nav-mini-scrolled {\n height: 52px; background: var(--white);\n border-radius: 4px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 20px; font-size: 12px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.14);\n border-bottom: 3px solid var(--orange);\n}\n.nm-logo { font-size: 12px; font-weight: 800; color: var(--dark); }\n.nm-logo span { color: var(--orange); }\n.nm-links { display: flex; gap: 12px; font-size: 11px; color: var(--muted); }\n.nm-cta { background: var(--orange); color: var(--white); font-size: 10px; font-weight: 700; padding: 5px 12px; border-radius: 3px; }\n.sticky-desc { font-size: 12px; color: var(--muted); font-weight: 300; margin-top: 12px; line-height: 1.6; }\n.sticky-desc strong { color: var(--dark); font-weight: 600; }\n\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\n MOBILE MENU\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 *\/\n.mobile-demo {\n display: grid; grid-template-columns: 320px 1fr;\n gap: 24px; margin-top: 12px; align-items: start;\n}\n.mobile-phone {\n background: var(--dark);\n border-radius: 20px; overflow: hidden;\n border: 6px solid #1A2130;\n box-shadow: 0 24px 64px rgba(0,0,0,0.3);\n}\n.phone-bar {\n height: 50px; background: var(--white);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 16px; border-bottom: 1px solid var(--border);\n}\n.phone-logo { font-size: 13px; font-weight: 800; color: var(--dark); }\n.phone-logo span { color: var(--orange); }\n.burger {\n display: flex; flex-direction: column; gap: 4px; cursor: pointer;\n padding: 4px;\n}\n.burger-line { width: 20px; height: 2px; background: var(--dark); border-radius: 2px; }\n\n.mobile-menu-open {\n background: var(--dark);\n padding: 8px 0 20px;\n}\n.mob-section {\n border-bottom: 1px solid rgba(255,255,255,0.06);\n margin-bottom: 0;\n}\n.mob-item {\n display: flex; align-items: center; justify-content: space-between;\n padding: 14px 20px; font-size: 14px; font-weight: 500; color: var(--white);\n cursor: pointer; transition: background .15s;\n}\n.mob-item:hover { background: rgba(255,255,255,0.04); }\n.mob-item.active { color: var(--orange); }\n.mob-chevron { font-size: 10px; color: var(--muted); }\n.mob-sub {\n background: rgba(0,0,0,0.2);\n padding: 4px 0;\n}\n.mob-sub-item {\n display: flex; align-items: center; gap: 10px;\n padding: 10px 20px 10px 36px;\n font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.55);\n cursor: pointer;\n}\n.mob-sub-item::before { content: '\u2014'; color: var(--orange); font-size: 10px; }\n.mob-sub-item:hover { color: var(--orange); }\n.mob-cta-area { padding: 16px 20px 0; }\n.mob-cta-btn {\n display: block; text-align: center;\n background: var(--orange); color: var(--white);\n padding: 14px; border-radius: 6px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.5px;\n}\n.mob-contacts {\n padding: 16px 20px 0;\n display: flex; flex-direction: column; gap: 6px;\n}\n.mob-contact { font-size: 12px; color: rgba(255,255,255,0.35); font-weight: 300; }\n.mob-contact strong { color: rgba(255,255,255,0.55); }\n\n\/* Mobile instructions *\/\n.mobile-notes {\n display: flex; flex-direction: column; gap: 14px;\n}\n.note-card {\n background: var(--white); border: 1.5px solid var(--border);\n border-radius: 8px; padding: 18px 20px;\n}\n.note-card-title {\n font-size: 13px; font-weight: 700; color: var(--dark);\n margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\n}\n.note-card-title::before { content:''; width:3px; height:14px; background:var(--orange); border-radius:2px; }\n.note-card-text { font-size: 12px; color: var(--muted); line-height: 1.7; font-weight: 300; }\n.note-card-text strong { color: var(--dark); font-weight: 600; }\n.code-snippet {\n background: var(--dark); color: var(--mint);\n font-size: 11px; font-family: monospace;\n padding: 8px 12px; border-radius: 4px; margin-top: 8px;\n line-height: 1.6;\n}\n\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\n WORDPRESS SETUP\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 *\/\n.wp-steps {\n display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;\n margin-top: 12px;\n}\n.wp-step {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); padding: 20px;\n position: relative;\n}\n.wp-step-num {\n width: 32px; height: 32px; background: var(--orange);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 14px; font-weight: 800; color: var(--white);\n margin-bottom: 14px;\n}\n.wp-step-title { font-size: 13px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n.wp-step-text { font-size: 12px; color: var(--muted); line-height: 1.7; font-weight: 300; }\n.wp-step-text strong { color: var(--dark); font-weight: 600; }\n.wp-arrow {\n position: absolute; right: -12px; top: 50%;\n transform: translateY(-50%);\n font-size: 18px; color: var(--orange);\n z-index: 2; font-weight: 700;\n}\n.wp-step:last-child .wp-arrow { display: none; }\n\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\n MENU STRUCTURE TREE\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 *\/\n.tree-wrap {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); padding: 24px 28px;\n margin-top: 12px;\n}\n.tree-row {\n display: flex; align-items: center;\n padding: 7px 0; border-bottom: 1px solid var(--light);\n font-size: 13px;\n}\n.tree-row:last-child { border: none; }\n.tree-indent-0 { padding-left: 0; font-weight: 700; color: var(--dark); }\n.tree-indent-1 { padding-left: 32px; font-weight: 400; color: var(--dark2); }\n.tree-indent-2 { padding-left: 64px; font-weight: 300; color: var(--muted); font-size: 12px; }\n.tree-dot {\n width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; flex-shrink: 0;\n}\n.dot-orange { background: var(--orange); }\n.dot-dark { background: var(--dark2); }\n.dot-light { background: var(--border); }\n.tree-tag {\n margin-left: auto; font-size: 10px; font-weight: 700;\n padding: 2px 8px; border-radius: 10px;\n}\n.tag-top { background: #DBEAFE; color: #1D4ED8; }\n.tag-drop { background: #FEF3C7; color: #92400E; }\n.tag-link { background: #D1FAE5; color: #065F46; }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"doc-logo\">CBC <span>|<\/span> \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u2014 \u041c\u0430\u043a\u0435\u0442 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/div>\n <div class=\"doc-tag\">Menu Design<\/div>\n<\/div>\n\n<div class=\"page\">\n\n\n<div class=\"sec-label\">\n <div class=\"sec-label-num\">1<\/div>\n <div>\n <div class=\"sec-label-text\">\u0414\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043d\u0430\u0432\u0435\u0434\u0438 \u043d\u0430 \u043f\u0443\u043d\u043a\u0442\u044b \u043c\u0435\u043d\u044e \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u044b<\/span>\n <\/div>\n<\/div>\n\n<div class=\"nav-demo-wrap\">\n <nav class=\"navbar\">\n <div class=\"nav-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <ul class=\"nav-links\">\n\n \n <li class=\"nav-item\" id=\"ni-about\">\n <button class=\"nav-link\" onclick=\"toggle('ni-about')\">\n \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c9<\/div>\n <div class=\"di-text\"><strong>\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/strong><span>\u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 CBC<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a4<\/div>\n <div class=\"di-text\"><strong>\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/strong><span>\u0411\u043b\u043e\u043a\u0438 A \u0438 Q, \u043f\u043b\u0430\u043d\u044b<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25b2<\/div>\n <div class=\"di-text\"><strong>\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/strong><span>\u041f\u043b\u0430\u043d\u044b \u043d\u0430 2025\u20132026<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-services\">\n <button class=\"nav-link\" onclick=\"toggle('ni-services')\">\n \u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-wide\">\n <div class=\"dropdown-col\">\n <div class=\"dropdown-col-header\">\u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430<\/div>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a3<\/div>\n <div class=\"di-text\"><strong>\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/strong><span>\u041e\u0442 200 MDL\/\u0434\u0435\u043d\u044c<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a4<\/div>\n <div class=\"di-text\"><strong>\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/strong><span>\u041e\u0442 15 \u043c\u00b2, \u0411\u043b\u043e\u043a A \u0438 Q<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25ce<\/div>\n <div class=\"di-text\"><strong>\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430<\/strong><span>\u0414\u043e 12 \u0447\u0435\u043b\u043e\u0432\u0435\u043a<\/span><\/div>\n <\/a>\n <\/div>\n <div class=\"dropdown-col\">\n <div class=\"dropdown-col-header\">\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c1<\/div>\n <div class=\"di-text\"><strong>CBC Event Hall<\/strong><span>150 \u043c\u0435\u0441\u0442, LED 165\"<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c6<\/div>\n <div class=\"di-text\"><strong>\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441<\/strong><span>\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u041e\u041e\u041e<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25cf<\/div>\n <div class=\"di-text\"><strong>\u041a\u0430\u0444\u0435 CBC<\/strong><span>8:00\u201320:00, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/span><\/div>\n <\/a>\n <\/div>\n <div class=\"dropdown-footer\" style=\"grid-column:1\/-1\">\n <span class=\"dropdown-footer-text\">\u041f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/span>\n <a href=\"#\" class=\"dropdown-footer-link\">\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u2192<\/a>\n <\/div>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-community\">\n <button class=\"nav-link\" onclick=\"toggle('ni-community')\">\n \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25ce<\/div>\n <div class=\"di-text\"><strong>\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/strong><span>27+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 CBC<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u2605<\/div>\n <div class=\"di-text\"><strong>\u041e\u0442\u0437\u044b\u0432\u044b<\/strong><span>150+ \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\" style=\"background:var(--orange);color:#fff\">\u2192<\/div>\n <div class=\"di-text\"><strong>\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c<\/strong><span>\u041f\u043e\u0434\u0430\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-events\">\n <button class=\"nav-link\" onclick=\"toggle('ni-events')\">\n \u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a2<\/div>\n <div class=\"di-text\"><strong>\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c<\/strong><span>\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25eb<\/div>\n <div class=\"di-text\"><strong>\u0424\u043e\u0442\u043e\u043e\u0442\u0447\u0451\u0442\u044b<\/strong><span>\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a3<\/div>\n <div class=\"di-text\"><strong>\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0446\u0435\u043d\u0442\u0440\u0430<\/strong><span>\u0411\u043b\u043e\u0433 CBC<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n <\/li>\n\n \n <li class=\"nav-item\">\n <a class=\"nav-link nav-cta\" href=\"#\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/a>\n <\/li>\n\n <\/ul>\n <\/nav>\n<\/div>\n\n<div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"ann-text\">\n <strong>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u0423\u0441\u043b\u0443\u0433\u0438<\/strong> \u2014 6 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u0432 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438<br>\n <strong>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/strong> \u2014 \u043f\u0440\u044f\u043c\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430, \u0431\u0435\u0437 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0430<br>\n <strong>CTA-\u043a\u043d\u043e\u043f\u043a\u0430<\/strong> \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f, \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u043f\u0440\u0430\u0432\u0430\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WoodMart Header Builder:<\/strong> \u0441\u043e\u0437\u0434\u0430\u0451\u0448\u044c \u043c\u0435\u043d\u044e \u0447\u0435\u0440\u0435\u0437 Appearance \u2192 Menus, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0448\u044c \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b \u2014 \u0442\u0435\u043c\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d.<br><br>\n \u0428\u0438\u0440\u043e\u043a\u0438\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d (\u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e) \u0434\u043b\u044f \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u2014 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0433\u0430\u043b\u043e\u0447\u043a\u043e\u0439 \u00abEnable Megamenu\u00bb \u0432 WoodMart.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"badge badge-free\">WoodMart Header Builder<\/span>\n <span class=\"badge badge-wp\">WordPress Menus<\/span><br>\n <span class=\"badge badge-free\">WoodMart Megamenu<\/span><br><br>\n \u0412\u0441\u0451 \u0431\u0435\u0437 \u043a\u043e\u0434\u0430. \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432. \u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e \u2014 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b.\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">2<\/div>\n <div>\n <div class=\"sec-label-text\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043c\u0435\u043d\u044e \u2014 \u0434\u0435\u0440\u0435\u0432\u043e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432 WordPress \u2192 Appearance \u2192 Menus<\/span>\n <\/div>\n<\/div>\n\n<div class=\"tree-wrap\">\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0413\u043b\u0430\u0432\u043d\u0430\u044f <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"tree-tag tag-drop\">\u043c\u0435\u0433\u0430\u043c\u0435\u043d\u044e \u00d72<\/span><\/div>\n <div class=\"tree-row tree-indent-1\" style=\"font-style:italic;color:var(--muted);font-size:11px\"><div class=\"tree-dot dot-light\"><\/div> \u2014 \u043a\u043e\u043b\u043e\u043d\u043a\u0430 1: \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u2014<\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\" style=\"font-style:italic;color:var(--muted);font-size:11px\"><div class=\"tree-dot dot-light\"><\/div> \u2014 \u043a\u043e\u043b\u043e\u043d\u043a\u0430 2: \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u2014<\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> CBC Event Hall <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u0430\u0444\u0435 CBC <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e\u0442\u0437\u044b\u0432\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0424\u043e\u0442\u043e\u043e\u0442\u0447\u0451\u0442\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0446\u0435\u043d\u0442\u0440\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">3<\/div>\n <div>\n <div class=\"sec-label-text\">\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u043c\u0435\u043d\u044e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \/ \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \/ \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/span>\n <\/div>\n<\/div>\n\n<div class=\"states-row\">\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Default \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link default\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--muted)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #434B58 \u00b7 \u0424\u043e\u043d: \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439 \u00b7 \u0428\u0440\u0438\u0444\u0442: 13px, 500<\/p>\n <\/div>\n <\/div>\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Hover \u2014 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link hover\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--orange)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #F57220 \u00b7 \u0424\u043e\u043d: #FFF8F4 \u00b7 \u0420\u0430\u0434\u0438\u0443\u0441: 4px<\/p>\n <\/div>\n <\/div>\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Active \u2014 \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link active\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--orange)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #F57220 \u00b7 \u041d\u0438\u0436\u043d\u044f\u044f \u043b\u0438\u043d\u0438\u044f: 2px #F57220<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">4<\/div>\n <div>\n <div class=\"sec-label-text\">Sticky \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043c\u0435\u043d\u044e \u00ab\u043f\u0440\u0438\u043b\u0438\u043f\u0430\u0435\u0442\u00bb \u0438 \u043c\u0435\u043d\u044f\u0435\u0442 \u0432\u0438\u0434<\/span>\n <\/div>\n<\/div>\n\n<div class=\"sticky-demo\">\n <div class=\"sticky-row\">\n <div class=\"sticky-state\">\n <div class=\"sticky-state-label\">\u0412\u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b (0px)<\/div>\n <div class=\"nav-mini-top\">\n <div class=\"nm-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"nm-links\"><span>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span><span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><\/div>\n <div class=\"nm-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c<\/div>\n <\/div>\n <div class=\"sticky-desc\">\u0411\u0435\u043b\u044b\u0439 \u0444\u043e\u043d, \u043b\u0451\u0433\u043a\u0430\u044f \u0442\u0435\u043d\u044c, \u043d\u0438\u0436\u043d\u044f\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430 1px #E5E7EB. \u041f\u043e\u043b\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 <strong>72px<\/strong>.<\/div>\n <\/div>\n <div class=\"sticky-state\">\n <div class=\"sticky-state-label\">\u041f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 (> 80px)<\/div>\n <div class=\"nav-mini-scrolled\">\n <div class=\"nm-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"nm-links\"><span>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span><span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><\/div>\n <div class=\"nm-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c<\/div>\n <\/div>\n <div class=\"sticky-desc\">\u0422\u0435\u043d\u044c \u0443\u0441\u0438\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u041d\u0438\u0436\u043d\u044f\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430 <strong>3px #F57220<\/strong>. \u0412\u044b\u0441\u043e\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0441\u0436\u0430\u0442\u044c\u0441\u044f \u0434\u043e <strong>60px<\/strong>. \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 WoodMart: Header \u2192 Sticky Header \u2192 Enable.<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">5<\/div>\n <div>\n <div class=\"sec-label-text\">\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e (\u0431\u0443\u0440\u0433\u0435\u0440)<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435<\/span>\n <\/div>\n<\/div>\n\n<div class=\"mobile-demo\">\n \n <div class=\"mobile-phone\">\n <div class=\"phone-bar\">\n <div class=\"phone-logo\">CBC <span>|<\/span> Community<\/div>\n <div class=\"burger\"><div class=\"burger-line\"><\/div><div class=\"burger-line\" style=\"width:14px\"><\/div><div class=\"burger-line\"><\/div><\/div>\n <\/div>\n <div class=\"mobile-menu-open\">\n <div class=\"mob-section\">\n <div class=\"mob-item active\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"mob-chevron\">\u25b2<\/span><\/div>\n <div class=\"mob-sub\">\n <div class=\"mob-sub-item\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/div>\n <div class=\"mob-sub-item\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/div>\n <div class=\"mob-sub-item\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b<\/div>\n <\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\n <\/div>\n <div class=\"mob-cta-area\">\n <a class=\"mob-cta-btn\" href=\"#\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441 \u2192<\/a>\n <\/div>\n <div class=\"mob-contacts\">\n <div class=\"mob-contact\"><strong>+373 60 390 300<\/strong><\/div>\n <div class=\"mob-contact\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mobile-notes\">\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041a\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e<\/div>\n <div class=\"note-card-text\">\n \u0422\u0435\u043c\u0430 <strong>WoodMart<\/strong> \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0432\u0438\u0434 \u043f\u0440\u0438 \u0448\u0438\u0440\u0438\u043d\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u043c\u0435\u043d\u044c\u0448\u0435 1024px. \u0411\u0443\u0440\u0433\u0435\u0440-\u0438\u043a\u043e\u043d\u043a\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u0430.<br><br>\n \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u044b \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 <strong>\u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d\u044b<\/strong> \u2014 \u043a\u043b\u0438\u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b, \u043a\u043b\u0438\u043a \u0441\u043d\u043e\u0432\u0430 \u0441\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u0427\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e<\/div>\n <div class=\"note-card-text\">\n \u0422\u0435\u043b\u0435\u0444\u043e\u043d \u0438 \u0430\u0434\u0440\u0435\u0441 \u0432 \u043d\u0438\u0436\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u2014 \u0447\u0435\u0440\u0435\u0437 <strong>WoodMart Mobile Panel<\/strong> \u2192 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c HTML-\u0432\u0438\u0434\u0436\u0435\u0442 \u0441 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c\u0438.<br><br>\n CTA-\u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441\u00bb \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c <code style=\"background:var(--light);padding:1px 5px;border-radius:3px;font-size:11px\">highlighted<\/code> \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 WoodMart.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0431\u0440\u0435\u0439\u043a\u043f\u043e\u0438\u043d\u0442\u0430<\/div>\n <div class=\"note-card-text\">\n WoodMart: <strong>Theme Settings \u2192 Header \u2192 Mobile Breakpoint<\/strong><br>\n \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e: <strong>1024px<\/strong> \u2014 \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 \u0442\u043e\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0431\u0443\u0440\u0433\u0435\u0440. \u041f\u0440\u0438 1280px \u2014 \u043d\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u043e\u0432 \u043c\u0435\u043d\u044e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438<\/div>\n <div class=\"note-card-text\">\n \u041c\u043e\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u2014 \u0443\u043a\u043e\u0440\u043e\u0447\u0435\u043d\u043d\u044b\u0439 (\u0442\u043e\u043b\u044c\u043a\u043e \u00abCBC\u00bb). \u0412 WoodMart: <strong>Header Builder \u2192 Logo \u2192 Mobile Logo<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">6<\/div>\n <div>\n <div class=\"sec-label-text\">\u041a\u0430\u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432 WordPress \u2014 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u043a\u043e\u0434\u0430<\/span>\n <\/div>\n<\/div>\n\n<div class=\"wp-steps\">\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">1<\/div>\n <div class=\"wp-step-title\">\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0435\u043d\u044e<\/div>\n <div class=\"wp-step-text\">\n Dashboard \u2192 <strong>Appearance \u2192 Menus \u2192 Create new menu<\/strong><br><br>\n \u041d\u0430\u0437\u044b\u0432\u0430\u0435\u0448\u044c \u00abMain Navigation\u00bb, \u0441\u0442\u0430\u0432\u0438\u0448\u044c \u0433\u0430\u043b\u043e\u0447\u043a\u0443 \u00abPrimary Menu\u00bb \u2192 Save.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">2<\/div>\n <div class=\"wp-step-title\">\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <div class=\"wp-step-text\">\n \u0421\u043b\u0435\u0432\u0430 \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u041e\u0442\u043c\u0435\u0447\u0430\u0435\u0448\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0433\u0430\u043b\u043e\u0447\u043a\u043e\u0439 \u2192 <strong>Add to Menu<\/strong>. \u041f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0448\u044c \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">3<\/div>\n <div class=\"wp-step-title\">\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c<\/div>\n <div class=\"wp-step-text\">\n \u041f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b <strong>\u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0435\u0448\u044c \u043f\u0440\u0430\u0432\u0435\u0435<\/strong> \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430. WordPress \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u0435\u0440\u0435\u0432\u043e. \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u043c\u0443.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">4<\/div>\n <div class=\"wp-step-title\">\u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e (\u0423\u0441\u043b\u0443\u0433\u0438)<\/div>\n <div class=\"wp-step-text\">\n \u0412 WoodMart: \u043a\u043b\u0438\u043a\u0430\u0435\u0448\u044c \u043d\u0430 \u043f\u0443\u043d\u043a\u0442 \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043c\u0435\u043d\u044e \u2192 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 WoodMart \u2192 <strong>Enable Megamenu \u2192 2 columns<\/strong>. Save.\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"ann\" style=\"margin-top:16px\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0418\u0442\u043e\u0433\u043e \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e<\/div>\n <div class=\"ann-text\">\n <span class=\"badge badge-free\">WoodMart Theme<\/span>\n <span class=\"badge badge-wp\">WordPress Menus (\u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043e)<\/span><br><br>\n \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. WoodMart \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 Header Builder, Megamenu, Sticky Header, Mobile Panel.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0431\u0435\u0437 \u043a\u043e\u0434\u0430<\/div>\n <div class=\"ann-text\">\n \u0426\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 \u00b7 \u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u00b7 Hover-\u0446\u0432\u0435\u0442 \u00b7 \u0412\u044b\u0441\u043e\u0442\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 \u00b7 Sticky-\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u00b7 \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u00b7 \u0411\u0440\u0435\u0439\u043a\u043f\u043e\u0438\u043d\u0442 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u00b7 CTA-\u043a\u043d\u043e\u043f\u043a\u0430 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0412\u0440\u0435\u043c\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/div>\n <div class=\"ann-text\">\n \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0435\u043d\u044e \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u2014 <strong>15 \u043c\u0438\u043d\u0443\u0442<\/strong>.<br>\n \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 Megamenu \u0434\u043b\u044f \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u2014 <strong>10 \u043c\u0438\u043d\u0443\u0442<\/strong>.<br>\n \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e\u0434 \u0431\u0440\u0435\u043d\u0434\u0431\u0443\u043a CBC \u2014 <strong>20 \u043c\u0438\u043d\u0443\u0442<\/strong> \u0432 Theme Settings.<br>\n <strong>\u0418\u0442\u043e\u0433\u043e: ~45 \u043c\u0438\u043d\u0443\u0442<\/strong>\n <\/div>\n <\/div>\n<\/div>\n\n<\/div>\n\n<script>\nfunction toggle(id) {\n const item = document.getElementById(id);\n \/\/ Close others\n document.querySelectorAll('.nav-item.open').forEach(el => {\n if (el.id !== id) el.classList.remove('open');\n });\n item.classList.toggle('open');\n}\n\/\/ Close on outside click\ndocument.addEventListener('click', function(e) {\n if (!e.target.closest('.nav-item')) {\n document.querySelectorAll('.nav-item.open').forEach(el => el.classList.remove('open'));\n }\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n\/* \u2500\u2500 DOC HEADER \u2500\u2500 *\/\n.doc-header{\n background:var(--dark);padding:0 40px;height:60px;\n display:flex;align-items:center;justify-content:space-between;\n border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;\n box-shadow:0 4px 20px rgba(0,0,0,.3)\n}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-right{display:flex;align-items:center;gap:10px}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n.dh-nav{display:flex;gap:6px}\n.dh-nav a{font-size:11px;color:rgba(255,255,255,.4);padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:3px;text-decoration:none;transition:all .2s}\n.dh-nav a:hover{color:var(--white);border-color:rgba(255,255,255,.3)}\n\n\/* \u2500\u2500 PAGE \u2500\u2500 *\/\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n\/* \u2500\u2500 PAGE TITLE \u2500\u2500 *\/\n.pt{\n background:var(--white);border-radius:10px;padding:28px 32px;\n margin-bottom:28px;border:1.5px solid var(--border);\n display:flex;align-items:flex-start;gap:20px;\n box-shadow:0 2px 8px rgba(0,0,0,.04)\n}\n.pt-num{\n width:52px;height:52px;background:var(--orange);border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:22px;font-weight:800;color:var(--white);flex-shrink:0\n}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n\/* \u2500\u2500 BLOCK \u2500\u2500 *\/\n.bw{margin-bottom:28px}\n.bl{\n display:flex;align-items:center;gap:10px;\n margin-bottom:8px;padding:0 4px\n}\n.bl-num{\n width:28px;height:28px;background:var(--orange);border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\n}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n\/* \u2500\u2500 MOCK WRAP \u2500\u2500 *\/\n.mock{\n border-radius:8px;overflow:hidden;\n border:1.5px solid var(--border);\n box-shadow:0 4px 20px rgba(0,0,0,.07)\n}\n\n\/* \u2500\u2500 ANNOTATION \u2500\u2500 *\/\n.ann{\n background:var(--ann-bg);border:1.5px solid var(--ann-brd);\n border-radius:0 0 8px 8px;padding:18px 20px;\n display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;\n border-top:none\n}\n.ann-col{}\n.ann-t{\n font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\n color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px\n}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* \u2500\u2500 MOCK UI ELEMENTS \u2500\u2500 *\/\n.ph{\n background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);\n display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px\n}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:46px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:600px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n\/* sections *\/\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n\/* grids *\/\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}\n\n\/* cards *\/\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:22px}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctitle-w{color:var(--white)}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n.ctext-w{color:rgba(255,255,255,.5)}\n\n\/* list items *\/\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n\/* timeline *\/\n.tl{display:flex;flex-direction:column;position:relative}\n.tl::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border);z-index:0}\n.tl-i{display:flex;gap:22px;padding-bottom:28px;position:relative}\n.tl-i:last-child{padding-bottom:0}\n.tl-dot{\n width:40px;height:40px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:11px;font-weight:800;flex-shrink:0;z-index:1;position:relative\n}\n.tl-dot.done{background:var(--mint);color:var(--dark)}\n.tl-dot.now{background:var(--orange);color:var(--white)}\n.tl-dot.future{background:var(--light);border:2px solid var(--border);color:var(--muted)}\n.tl-body{padding-top:8px}\n.tl-year{font-size:11px;font-weight:700;color:var(--orange);letter-spacing:1px;margin-bottom:3px}\n.tl-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:4px}\n.tl-text{font-size:12px;color:var(--muted);line-height:1.65;font-weight:300}\n\n\/* values *\/\n.val-icon{font-size:28px;color:var(--orange);margin-bottom:12px;font-weight:800}\n.val-title{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px}\n.val-text{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300}\n\n\/* team *\/\n.team-card{background:var(--white);border-radius:8px;padding:24px;border:1.5px solid var(--border);text-align:center}\n.team-ava{width:80px;height:80px;border-radius:50%;background:var(--light);border:2px solid var(--border);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--dark2)}\n.team-name{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:4px}\n.team-role{font-size:11px;font-weight:600;color:var(--orange);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}\n.team-text{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300}\n\n\/* stats strip *\/\n.stats-dark{display:grid;padding-top:32px;margin-top:32px;border-top:1px solid rgba(255,255,255,.06)}\n.snum{font-size:48px;font-weight:800;color:var(--orange);line-height:1;letter-spacing:-1px}\n.slbl{font-size:11px;color:rgba(255,255,255,.4);margin-top:6px;letter-spacing:.5px;text-transform:uppercase}\n.stat-cell{text-align:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.06)}\n.stat-cell:last-child{border:none}\n\n\/* quote block *\/\n.quote{border-left:4px solid var(--orange);padding:20px 24px;background:var(--lo);border-radius:0 6px 6px 0;margin:24px 0}\n.quote-text{font-size:17px;color:var(--dark);line-height:1.7;font-style:italic;font-weight:300;margin-bottom:10px}\n.quote-author{font-size:12px;font-weight:700;color:var(--orange)}\n\n\/* form *\/\n.form-mock{display:flex;flex-direction:column;gap:10px}\n.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n.f-inp{height:42px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)}\n.f-ta{height:90px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)}\n.f-lbl{font-size:11px;font-weight:600;color:var(--dark2);margin-bottom:4px}\n.f-g{display:flex;flex-direction:column;gap:4px}\n\n\/* divider between sections *\/\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 1 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">1<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/b><\/div>\n <div class=\"pt-name\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/div>\n <div class=\"pt-sub\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u0420\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u044e CBC, \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u044d\u043c\u043e\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u0441 \u0431\u0440\u0435\u043d\u0434\u043e\u043c. \u041f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 \u0443 \u043b\u044e\u0434\u0435\u0439 \u2014 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043b\u044e\u0434\u0435\u0439 \u0437\u0430 CBC.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-g\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b: \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span>\n <span class=\"ptag ptag-b\">6 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">6<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0444\u043e\u0440\u043c\u0430<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">0<\/div><div class=\"pts-lbl\">\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~3\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0441 \u0446\u0438\u0442\u0430\u0442\u043e\u0439<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/span><\/span>\n <\/div>\n \n <div style=\"background:var(--dark);min-height:480px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative\">\n \n <div style=\"position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(245,114,32,.08);pointer-events:none\"><\/div>\n <div style=\"position:absolute;right:60px;bottom:-80px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(245,114,32,.05);pointer-events:none\"><\/div>\n \n <div style=\"padding:64px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2\">\n <div class=\"pretag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 CBC<\/div>\n <div class=\"h1\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f<br>\u0438 <em>\u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/em><\/div>\n <div style=\"font-size:18px;color:rgba(255,255,255,.55);font-style:italic;font-weight:300;border-left:4px solid var(--orange);padding-left:20px;line-height:1.65;margin-bottom:20px\">\n \"\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 CBC \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e, \u0433\u0434\u0435 \u0438\u0434\u0435\u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u0431\u0438\u0437\u043d\u0435\u0441, \u0430 \u0431\u0438\u0437\u043d\u0435\u0441 \u2014 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e.\"\n <\/div>\n <div style=\"font-size:11px;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px\">\u2014 \u041e\u0421\u041d\u041e\u0412\u0410\u0422\u0415\u041b\u042c CBC<\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <div class=\"btn-ow\">\u041d\u0430\u0448\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u2193<\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)\"><\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \/ \u043a\u043e\u043c\u0430\u043d\u0434\u044b CBC<br>\u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430<\/div>\n <div class=\"ph-s\">1000\u00d7900px \u00b7 portrait<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041b\u0435\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0446\u0438\u0442\u0430\u0442\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u043b\u043e\u0441\u043e\u0439 + 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438\u043b\u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0444\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430 CBC. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0442\u043e\u043d \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u0412 \u043b\u0435\u0432\u043e\u0439: \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c, \u0446\u0438\u0442\u0430\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 Custom CSS (border-left: 4px solid #F57220), \u0434\u0432\u0430 Button-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u0412 \u043f\u0440\u0430\u0432\u043e\u0439: Image \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 <code>object-fit: cover; height: 100%<\/code>.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bf\">WPBakery Row + Column<\/span><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f. \u041f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u041c\u0438\u043d\u0438\u043c\u0443\u043c 1000\u00d7900px. \u0411\u0435\u0437 \u0444\u043e\u0442\u043e \u2014 \u044d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 50% \u0441\u0432\u043e\u0435\u0439 \u0441\u0438\u043b\u044b.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start\">\n <div>\n <div class=\"pretag\">\u041d\u0430\u0448\u0435 \u0414\u041d\u041a<\/div>\n <div class=\"h2\">\u041c\u0438\u0441\u0441\u0438\u044f <em>CBC<\/em><\/div>\n <div class=\"subd\" style=\"margin-bottom:20px\">\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0440\u0435\u0434\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u0440\u0430\u0441\u0442\u0451\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u2014 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438.<\/div>\n <div class=\"quote\">\n <div class=\"quote-text\">\"\u041a\u043e\u0433\u0434\u0430 \u0440\u044f\u0434\u043e\u043c \u0441 \u0442\u043e\u0431\u043e\u0439 27 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u0442\u044b \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u0451\u0448\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u043e\u0434\u0438\u043d \u043d\u0430 \u043e\u0434\u0438\u043d.\"<\/div>\n <div class=\"quote-author\">\u2014 \u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:12px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px\">\u0422\u0440\u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:16px\">\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25a3<\/div>\n <div class=\"val-title\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/div>\n <div class=\"val-text\">\u0411\u0438\u0437\u043d\u0435\u0441 \u0440\u0430\u0441\u0442\u0451\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044f\u043c\u0438. \u0421\u0438\u043d\u0435\u0440\u0433\u0438\u044f \u2014 \u043d\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f, \u0430 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0432 CBC.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25c9<\/div>\n <div class=\"val-title\">\u0421\u0440\u0435\u0434\u0430<\/div>\n <div class=\"val-text\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c. \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 CBC \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b, \u0432\u0441\u0442\u0440\u0435\u0447 \u0438 \u0440\u043e\u0441\u0442\u0430.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25b2<\/div>\n <div class=\"val-title\">\u0420\u043e\u0441\u0442<\/div>\n <div class=\"val-text\">\u041e\u0442 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430 \u0434\u043e \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0446\u0438\u0438 \u2014 CBC \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0432\u0430\u0448\u0438\u043c \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0411\u043b\u043e\u043a \u0441 \u043c\u0438\u0441\u0441\u0438\u0435\u0439 \u0438 3 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438. \u0421\u043b\u0435\u0432\u0430 \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043c\u0438\u0441\u0441\u0438\u0438 + \u0446\u0438\u0442\u0430\u0442\u0430. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u043b\u0435\u0432\u044b\u043c \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c. \u0421\u0442\u0440\u043e\u0438\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0431\u0440\u0435\u043d\u0434\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041b\u0435\u0432\u0430\u044f: Text Block + \u0446\u0438\u0442\u0430\u0442\u0430 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c CSS. \u041f\u0440\u0430\u0432\u0430\u044f: 3 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 Row \u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 (\u043a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 Text Block \u0441 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u043c). \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441: <code>border-left: 4px solid #F57220; padding: 24px; background: #fff;<\/code> \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 Theme Settings \u2192 Custom CSS.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u2014 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0448\u043a\u0430\u043b\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041d\u0430\u0448 \u043f\u0443\u0442\u044c<\/div>\n <div class=\"h2\">\u041a\u0430\u043a \u0432\u0441\u0451 <em>\u043d\u0430\u0447\u0438\u043d\u0430\u043b\u043e\u0441\u044c<\/em><\/div>\n <div class=\"subd\">5 \u043b\u0435\u0442 \u043f\u0443\u0442\u0438 \u2014 \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u0432\u0435\u0434\u0443\u0449\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440\u0430 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430<\/div>\n <div class=\"g2\" style=\"align-items:start\">\n <div class=\"tl\">\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2020<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2020 \u2014 \u041e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435<\/div>\n <div class=\"tl-title\">\u041f\u0435\u0440\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u043d\u0430 \u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430<\/div>\n <div class=\"tl-text\">10 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u043d\u0430 30 \u043c\u0435\u0441\u0442, \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430. \u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f: \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u041c\u043e\u043b\u0434\u043e\u0432\u044b.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2021<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2021 \u2014 \u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435<\/div>\n <div class=\"tl-title\">\u0417\u0430\u043f\u0443\u0441\u043a \u0431\u043b\u043e\u043a\u0430 Q + Event Hall<\/div>\n <div class=\"tl-text\">\u041d\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0443\u0434\u0432\u043e\u0438\u043b \u043f\u043b\u043e\u0449\u0430\u0434\u044c. \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043b\u0430 \u043d\u0430 150 \u043c\u0435\u0441\u0442 \u2014 \u043f\u0435\u0440\u0432\u0430\u044f \u043a\u0440\u0443\u043f\u043d\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f Digital Moldova 2021.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2022<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2022 \u2014 \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n <div class=\"tl-title\">15+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0444\u0435\u0440<\/div>\n <div class=\"tl-text\">\u0421\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u043f\u0435\u0440\u0432\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430. \u041f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430\u043c\u0438.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2023<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2023 \u2014 \u0420\u0435\u043a\u043e\u0440\u0434\u044b<\/div>\n <div class=\"tl-title\">500+ \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u0437\u0430 \u0433\u043e\u0434<\/div>\n <div class=\"tl-text\">CBC \u0441\u0442\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430. \u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438, \u0442\u0440\u0435\u043d\u0438\u043d\u0433\u0438, \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433-\u0432\u0435\u0447\u0435\u0440\u0430.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot now\">2025<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2025 \u2014 \u0421\u0435\u0433\u043e\u0434\u043d\u044f<\/div>\n <div class=\"tl-title\">27+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u00b7 \u041d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442<\/div>\n <div class=\"tl-text\">\u041d\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0440\u043e\u0441\u0442\u0430, \u043e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0443\u0440\u043e\u0432\u043d\u044e CBC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"display:flex;flex-direction:column;gap:16px\">\n <div class=\"ph\" style=\"height:240px;border-radius:6px;overflow:hidden\">\n <div class=\"ph-l\">\u0410\u0440\u0445\u0438\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e CBC 2020<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div class=\"ph\" style=\"height:180px;border-radius:6px;overflow:hidden\">\n <div class=\"ph-l\">\u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 Event Hall 2021<\/div>\n <div class=\"ph-s\">800\u00d7450px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d \u0441 5 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0434\u0430\u0442\u0430\u043c\u0438. \u0422\u043e\u0447\u043a\u0430 \u043d\u0430 \u0448\u043a\u0430\u043b\u0435 \u043c\u0435\u043d\u044f\u0435\u0442 \u0446\u0432\u0435\u0442: \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u043d\u044b\u0435 \u044d\u0442\u0430\u043f\u044b \u2014 \u043c\u044f\u0442\u043d\u044b\u0439, \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 2 \u0430\u0440\u0445\u0438\u0432\u043d\u044b\u0445 \u0444\u043e\u0442\u043e. \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u043e\u0441\u0442\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 A \u2014 Ultimate Addons:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 Timeline. \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0443\u043d\u043a\u0442: \u0433\u043e\u0434, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u0442\u0435\u043a\u0441\u0442, \u0438\u043a\u043e\u043d\u043a\u0430. \u0426\u0432\u0435\u0442 \u0442\u043e\u0447\u0435\u043a \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f.<br><br>\n <strong>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 B \u2014 WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/strong> \u043b\u0435\u0432\u044b\u0439 border-left \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 + \u043a\u0440\u0443\u0433\u043b\u044b\u0435 div-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0447\u0435\u0440\u0435\u0437 CSS. \u0422\u0440\u0435\u0431\u0443\u0435\u0442 20 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons $26 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e)<\/span><br>\n <span class=\"b bf\">WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e (\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e)<\/span><br><br>\n \u0410\u0440\u0445\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0442\u043e: \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u0442\u043e \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f. \u041c\u0438\u043d\u0438\u043c\u0443\u043c 2\u20133 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0441\u043d\u0438\u043c\u043a\u0430.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u0432 \u0446\u0438\u0444\u0440\u0430\u0445<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sd\">\n <div style=\"text-align:center;margin-bottom:32px\">\n <div class=\"pretag\" style=\"justify-content:center\">CBC \u0432 \u0446\u0438\u0444\u0440\u0430\u0445<\/div>\n <div class=\"h2 h2w\">5 \u043b\u0435\u0442 \u2014 <em>\u0438\u0437\u043c\u0435\u0440\u0438\u043c\u044b\u0435<\/em> \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b<\/div>\n <\/div>\n <div class=\"stats-dark\" style=\"grid-template-columns:repeat(5,1fr)\">\n <div class=\"stat-cell\">\n <div class=\"snum\">27<span style=\"font-size:28px\">+<\/span><\/div>\n <div class=\"slbl\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">500<span style=\"font-size:28px\">+<\/span><\/div>\n <div class=\"slbl\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">15<\/div>\n <div class=\"slbl\">\u0421\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">150<\/div>\n <div class=\"slbl\">\u041c\u0435\u0441\u0442 Event Hall<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">5<\/div>\n <div class=\"slbl\">\u041b\u0435\u0442 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0422\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 5 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438. \u0427\u0438\u0441\u043b\u0430 \u00ab\u0441\u0447\u0438\u0442\u0430\u044e\u0442\u00bb \u0441 \u043d\u0443\u043b\u044f \u043f\u0440\u0438 \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 \u0437\u043e\u043d\u0443 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 (scroll animation). \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0432\u0435\u0441\u043e\u043c\u044b\u0439 \u0431\u043b\u043e\u043a \u2014 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043c\u0430\u0441\u0448\u0442\u0430\u0431 CBC \u0431\u0435\u0437 \u0441\u043b\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>Ultimate Addons \u2014 Counter:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 start value, end value, speed, suffix. \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 viewport.<br><br>\n \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u0441\u0435\u043a\u0446\u0438\u0438 \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 Row Background \u0432 WPBakery.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons $26<\/span><br>\n \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e Counter-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0437\u0430 1 \u043c\u0438\u043d\u0443\u0442\u0443.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC<\/div>\n <span class=\"bl-tag bl-tag-opt\">\u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u041b\u044e\u0434\u0438 CBC<\/div>\n <div class=\"h2\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f <em>\u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e<\/em><\/div>\n <div class=\"subd\">\u0417\u0430 \u043a\u0430\u0436\u0434\u044b\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c \u0441\u0442\u043e\u044f\u0442 \u043b\u044e\u0434\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0443\u043c\u0430\u044e\u0442 \u043e \u0432\u0430\u0448\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c.<\/div>\n <div class=\"g4\">\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0414\u041c<\/div>\n <div class=\"team-name\">\u0414\u043c\u0438\u0442\u0440\u0438\u0439 \u041c\u043e\u043b\u0434\u043e\u0432\u0430\u043d<\/div>\n <div class=\"team-role\">\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u00b7 CEO<\/div>\n <div class=\"team-text\">15 \u043b\u0435\u0442 \u0432 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0439 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u043e\u0441\u0442\u0438. \u0410\u0432\u0442\u043e\u0440 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 CBC.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0410\u0421<\/div>\n <div class=\"team-name\">\u0410\u043d\u043d\u0430 \u0421\u0442\u043e\u044f\u043d\u043e\u0432\u0430<\/div>\n <div class=\"team-role\">\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440<\/div>\n <div class=\"team-text\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435, \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b, \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u0441\u0435\u0440\u0432\u0438\u0441.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0412\u041a<\/div>\n <div class=\"team-name\">\u0412\u0438\u043a\u0442\u043e\u0440 \u041a\u0440\u0438\u0441\u0442\u044f<\/div>\n <div class=\"team-role\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/div>\n <div class=\"team-text\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 CBC.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0415\u041f<\/div>\n <div class=\"team-name\">\u0415\u043b\u0435\u043d\u0430 \u041f\u043e\u043f\u0430<\/div>\n <div class=\"team-role\">\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440<\/div>\n <div class=\"team-text\">\u0410\u0440\u0435\u043d\u0434\u0430 \u043e\u0444\u0438\u0441\u043e\u0432, \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u043d\u043e\u0432\u044b\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430.<\/div>\n <\/div>\n <\/div>\n <div class=\"btns\" style=\"justify-content:center;margin-top:28px\">\n <div class=\"btn-o\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">4 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0441 \u0444\u043e\u0442\u043e (\u0430\u0432\u0430\u0442\u0430\u0440), \u0438\u043c\u0435\u043d\u0435\u043c, \u0440\u043e\u043b\u044c\u044e \u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c. \u0427\u0435\u043b\u043e\u0432\u0435\u043a\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u2014 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0430\u0436\u0435\u043d \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u043e\u0433\u043e\u0432\u043e\u0440 \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c\u0438 \u043b\u044e\u0434\u044c\u043c\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>Ultimate Addons \u2014 Team:<\/strong> \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e. \u041a\u0440\u0443\u0433\u043b\u043e\u0435 \u0444\u043e\u0442\u043e, \u0438\u043c\u044f, \u0440\u043e\u043b\u044c, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u0441\u043e\u0446\u0441\u0435\u0442\u0438.<br><br>\n <strong>\u0418\u043b\u0438 WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/strong> 4 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 + \u0442\u0435\u043a\u0441\u0442.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons Team $26<\/span><br>\n <span class=\"b bf\">WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u044b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0440\u0442\u0440\u0435\u0442\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u0415\u0441\u043b\u0438 \u0444\u043e\u0442\u043e \u043d\u0435\u0442 \u2014 \u0430\u0432\u0430\u0442\u0430\u0440\u044b \u0441 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0430\u043c\u0438 \u043a\u0430\u043a \u0432 \u043c\u0430\u043a\u0435\u0442\u0435.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">CTA \u2014 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:36px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0425\u043e\u0442\u0438\u0442\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044c CBC<br><em style=\"font-style:normal;opacity:.75\">\u0432\u0436\u0438\u0432\u0443\u044e?<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0443\u044e \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u2014 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0437\u0430 30 \u043c\u0438\u043d\u0443\u0442<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">+373 60 390 300<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u0411\u043b\u043e\u043a\u0438 A \u0438 Q \u00b7 \u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438 \u00b7 \u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0444\u0438\u043d\u0430\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 CTA \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u043c. \u041d\u0438\u0436\u043d\u044f\u044f \u2014 \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb. \u041f\u043b\u0430\u0432\u043d\u043e \u0432\u0435\u0434\u0451\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0434\u0430\u043b\u044c\u0448\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>WPBakery Row \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430:<\/strong><br>\n 1. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f: 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\u00bb \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 Contact Form 7.<br>\n 2. \u0422\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439-\u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bf\">WPBakery Row<\/span>\n <span class=\"b bf\">Contact Form 7<\/span>\n <span class=\"b bf\">Popup Maker (\u043e\u043f\u0446.)<\/span><br><br>\n \u041a\u043d\u043e\u043f\u043a\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430: <code>href=\"tel:+37360390300\"<\/code> \u2014 \u043a\u043b\u0438\u043a \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0432\u043e\u043d\u0438\u0442.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u0441 \u0446\u0438\u0442\u0430\u0442\u043e\u0439 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u0412\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0448\u043a\u0430\u043b\u0430 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u0426\u0438\u0444\u0440\u044b CBC <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 <span style=\"color:var(--muted)\">\u043e\u043f\u0446.<\/span><\/div>\n <div>6. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bp\">Ultimate Addons $26 \u2014 \u0434\u043b\u044f \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u043e\u0432 \u0438 \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d\u0430<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u0424\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \/ \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/div>\n <div>\u0424\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430 \u0438\u043b\u0438 \u0444\u0430\u0441\u0430\u0434\u0430<\/div>\n <div>\u0410\u0440\u0445\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0442\u043e 2020\u20132021<\/div>\n <div>\u0426\u0438\u0442\u0430\u0442\u0430 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/div>\n <div>\u0422\u0435\u043a\u0441\u0442 \u043c\u0438\u0441\u0441\u0438\u0438 (2\u20133 \u0430\u0431\u0437\u0430\u0446\u0430)<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~1.5\u0447<\/div>\n <div>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0444\u043e\u0442\u043e: ~1\u0447<\/div>\n <div>\u0421\u0442\u0438\u043b\u0438 \u0438 \u0434\u043e\u0432\u043e\u0434\u043a\u0430: ~0.5\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~3 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n.doc-header{\n background:var(--dark);padding:0 40px;height:60px;\n display:flex;align-items:center;justify-content:space-between;\n border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;\n box-shadow:0 4px 20px rgba(0,0,0,.3)\n}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n.pt{background:var(--white);border-radius:10px;padding:28px 32px;margin-bottom:28px;border:1.5px solid var(--border);display:flex;align-items:flex-start;gap:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}\n.pt-num{width:52px;height:52px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--white);flex-shrink:0}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n.bw{margin-bottom:28px}\n.bl{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:0 4px}\n.bl-num{width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n.mock{border-radius:8px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.07)}\n\n.ann{background:var(--ann-bg);border:1.5px solid var(--ann-brd);border-radius:0 0 8px 8px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:none}\n.ann-col{}\n.ann-t{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* mock UI *\/\n.ph{background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:44px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:600px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btn-d{display:inline-block;background:transparent;border:2px solid var(--dark);color:var(--dark);padding:12px 24px;border-radius:4px;font-size:11px;font-weight:700;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}\n\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:22px}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 2 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">2<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/b><\/div>\n <div class=\"pt-name\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/div>\n <div class=\"pt-sub\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e CBC: \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430, \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438 \u044d\u0442\u0430\u0436\u0435\u0439, \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438 \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u043e\u0432. \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u00ab\u043f\u0440\u0438\u043c\u0435\u0440\u0438\u0442\u044c\u00bb \u043e\u0444\u0438\u0441 \u0437\u0430\u043e\u0447\u043d\u043e.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-b\">Image Map Pro $29<\/span>\n <span class=\"ptag ptag-g\">7 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">7<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">$29<\/div><div class=\"pts-lbl\">Image Map Pro<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~4\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430, \u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/span><\/span>\n <\/div>\n \n <div style=\"display:grid;grid-template-columns:1fr 1fr;min-height:420px;overflow:hidden\">\n \n <div style=\"background:var(--dark);padding:56px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden\">\n <div style=\"position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(245,114,32,.08)\"><\/div>\n <div class=\"pretag\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"h1\">\u0414\u0432\u0430 \u0431\u043b\u043e\u043a\u0430 \u2014<br><em>\u043e\u0434\u043d\u0430 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/em><\/div>\n <div class=\"sub\">\u0411\u043b\u043e\u043a A \u0438 \u0411\u043b\u043e\u043a Q \u2014 6 \u044d\u0442\u0430\u0436\u0435\u0439, 3 000 \u043c\u00b2 \u043e\u0444\u0438\u0441\u043d\u044b\u0445 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432, Event Hall \u043d\u0430 150 \u043c\u0435\u0441\u0442, \u043a\u0430\u0444\u0435 \u0438 \u0437\u043e\u043d\u044b \u043e\u0442\u0434\u044b\u0445\u0430.<\/div>\n \n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px\">\n <div style=\"background:rgba(255,255,255,.07);border-radius:6px;padding:14px 16px;border-left:3px solid var(--orange)\">\n <div style=\"font-size:18px;font-weight:800;color:var(--orange);margin-bottom:4px\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.45);font-weight:300\">\u041e\u0444\u0438\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u0430 B+<br>\u042d\u0442\u0430\u0436\u0438 1\u20136<\/div>\n <\/div>\n <div style=\"background:rgba(255,255,255,.07);border-radius:6px;padding:14px 16px;border-left:3px solid var(--mint)\">\n <div style=\"font-size:18px;font-weight:800;color:var(--mint);margin-bottom:4px\">\u0411\u043b\u043e\u043a Q<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.45);font-weight:300\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c-\u043e\u0444\u0438\u0441\u044b<br>\u042d\u0442\u0430\u0436\u0438 3\u20136<\/div>\n <\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438<\/div>\n <div class=\"btn-ow\">\u0421\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0435 \u043e\u0444\u0438\u0441\u044b<\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)\"><\/div>\n <div class=\"ph-l\">\u0410\u044d\u0440\u043e\u0444\u043e\u0442\u043e \/ \u0444\u0430\u0441\u0430\u0434 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430 CBC<br>\u0421\u043d\u0430\u0440\u0443\u0436\u0438 \u0438\u043b\u0438 \u0430\u0442\u0440\u0438\u0443\u043c<\/div>\n <div class=\"ph-s\">1200\u00d7900px<\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:#1E2535;display:grid;grid-template-columns:repeat(5,1fr)\">\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">6<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u042d\u0442\u0430\u0436\u0435\u0439<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">3 000<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u043c\u00b2 \u043f\u043b\u043e\u0449\u0430\u0434\u0438<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">2<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u0411\u043b\u043e\u043a\u0430<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">120<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u041f\u0430\u0440\u043a\u043e\u0432\u043e\u0447\u043d\u044b\u0445 \u043c\u0435\u0441\u0442<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">24\/7<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u0414\u043e\u0441\u0442\u0443\u043f<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">Split-hero \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u043b\u0435\u0432\u044b\u043c \u0431\u043b\u043e\u043a\u043e\u043c \u0438 \u0444\u043e\u0442\u043e \u0441\u043f\u0440\u0430\u0432\u0430. \u0412 \u0442\u0451\u043c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043c\u0438\u043d\u0438-\u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0434\u0432\u0443\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 A \u0438 Q, 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u043e\u0434 hero \u2014 \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441 5 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430. \u0421\u0440\u0430\u0437\u0443 \u0434\u0430\u0451\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041b\u0435\u0432\u0430\u044f: \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0431\u043b\u043e\u043a\u043e\u0432, \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u0440\u0430\u0432\u0430\u044f: Image cover. \u041f\u043e\u043b\u043e\u0441\u0430 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438 \u043f\u043e\u0434 hero \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 Row \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c \u0438 5 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438. \u0426\u0438\u0444\u0440\u044b \u2014 \u0442\u0435\u043a\u0441\u0442.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0424\u043e\u0442\u043e: \u0430\u044d\u0440\u043e\u0441\u044a\u0451\u043c\u043a\u0430 \u0437\u0434\u0430\u043d\u0438\u044f CBC \u0438\u043b\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0444\u0430\u0441\u0430\u0434\u0430 \u2014 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u0411\u0435\u0437 \u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a \u0442\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u0441\u0438\u043b\u044b.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u0411\u043b\u043e\u043a A \u0438 \u0411\u043b\u043e\u043a Q \u2014 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430<\/div>\n <div class=\"h2\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 <em>\u0441\u0432\u043e\u0439 \u0431\u043b\u043e\u043a<\/em><\/div>\n <div class=\"subd\">\u041e\u0431\u0430 \u0431\u043b\u043e\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430. \u0420\u0430\u0437\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u043c \u043e\u0442\u0434\u0435\u043b\u043a\u0438 \u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u044f\u043c\u0438 \u043e\u0444\u0438\u0441\u043e\u0432.<\/div>\n <div class=\"g2\">\n \n <div style=\"border-radius:8px;overflow:hidden;border:1.5px solid var(--border)\">\n <div class=\"ph\" style=\"height:200px;position:relative\">\n <div style=\"position:absolute;top:14px;left:14px;background:var(--dark);color:var(--white);font-size:12px;font-weight:700;padding:6px 14px;border-radius:4px\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"position:absolute;top:14px;right:14px;background:#D1FAE5;color:#065F46;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px\">3 \u043e\u0444\u0438\u0441\u0430 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0440\u0438\u0434\u043e\u0440\u0430 \/ \u043e\u0444\u0438\u0441\u043e\u0432 \u0411\u043b\u043e\u043a\u0430 A<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div style=\"padding:24px\">\n <div style=\"font-size:20px;font-weight:800;color:var(--dark);margin-bottom:6px\">\u0411\u043b\u043e\u043a A \u2014 \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442<\/div>\n <div style=\"font-size:13px;color:var(--muted);font-weight:300;margin-bottom:16px;line-height:1.6\">\u041e\u0444\u0438\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u0430 B+. \u041e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0446\u0435\u043d\u044b \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430. \u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043a\u043e\u043c\u0430\u043d\u0434 \u043e\u0442 2 \u0434\u043e 20 \u0447\u0435\u043b\u043e\u0432\u0435\u043a.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:0\">\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u0438:<\/strong> \u043e\u0442 15 \u0434\u043e 65 \u043c\u00b2<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u042d\u0442\u0430\u0436\u0438:<\/strong> 1\u20136<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041e\u0442\u0434\u0435\u043b\u043a\u0430:<\/strong> \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 B+, \u0433\u043e\u0442\u043e\u0432\u043e \u043a \u0440\u0430\u0431\u043e\u0442\u0435<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u0426\u0435\u043d\u0430:<\/strong> \u043e\u0442 7 800 MDL\/\u043c\u0435\u0441\u044f\u0446<\/div><\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 A<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-radius:8px;overflow:hidden;border:2px solid var(--orange)\">\n <div class=\"ph\" style=\"height:200px;position:relative\">\n <div style=\"position:absolute;top:14px;left:14px;background:var(--orange);color:var(--white);font-size:12px;font-weight:700;padding:6px 14px;border-radius:4px\">\u0411\u043b\u043e\u043a Q<\/div>\n <div style=\"position:absolute;top:14px;right:14px;background:#D1FAE5;color:#065F46;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px\">1 \u043e\u0444\u0438\u0441 \u0441\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0440\u0438\u0434\u043e\u0440\u0430 \/ \u043e\u0444\u0438\u0441\u043e\u0432 \u0411\u043b\u043e\u043a\u0430 Q (\u043f\u0440\u0435\u043c\u0438\u0443\u043c)<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div style=\"padding:24px\">\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px\">\n <div style=\"font-size:20px;font-weight:800;color:var(--dark)\">\u0411\u043b\u043e\u043a Q \u2014 \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/div>\n <div style=\"background:var(--lo);border:1px solid var(--orange);color:var(--orange);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px\">\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u041e<\/div>\n <\/div>\n <div style=\"font-size:13px;color:var(--muted);font-weight:300;margin-bottom:16px;line-height:1.6\">\u041e\u0444\u0438\u0441\u044b \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u0430. \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0435 \u043e\u043a\u043d\u0430, premium-\u043e\u0442\u0434\u0435\u043b\u043a\u0430. \u0414\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u0433\u0434\u0435 \u0432\u0430\u0436\u0435\u043d \u0438\u043c\u0438\u0434\u0436.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:0\">\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u0438:<\/strong> \u043e\u0442 22 \u0434\u043e 90 \u043c\u00b2<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u042d\u0442\u0430\u0436\u0438:<\/strong> 3\u20136, \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0439 \u0432\u0438\u0434<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041e\u0442\u0434\u0435\u043b\u043a\u0430:<\/strong> premium, \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0439 \u0440\u0435\u043c\u043e\u043d\u0442<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u0426\u0435\u043d\u0430:<\/strong> \u043e\u0442 12 000 MDL\/\u043c\u0435\u0441\u044f\u0446<\/div><\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 Q<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u0435 \u0440\u0430\u0432\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438-\u0431\u043b\u043e\u043a\u0430. \u0411\u043b\u043e\u043a A \u2014 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442, \u0411\u043b\u043e\u043a Q \u2014 \u043f\u0440\u0435\u043c\u0438\u0443\u043c (\u0432\u044b\u0434\u0435\u043b\u0435\u043d \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439 \u0440\u0430\u043c\u043a\u043e\u0439 + \u0431\u0435\u0439\u0434\u0436 \u00ab\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u00bb). \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430: \u0444\u043e\u0442\u043e \u0441 \u0431\u0435\u0439\u0434\u0436\u0435\u043c \u0441\u0442\u0430\u0442\u0443\u0441\u0430, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438, \u0446\u0435\u043d\u0430, \u043a\u043d\u043e\u043f\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0432\u0435\u0440\u0445\u0443 \u0438 \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0440\u0430\u043c\u043a\u0430 \u0443 \u0411\u043b\u043e\u043a\u0430 Q \u2014 CSS-\u043a\u043b\u0430\u0441\u0441 <code>border: 2px solid #F57220<\/code>. \u0421\u0442\u0430\u0442\u0443\u0441 \u00ab\u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\/\u0437\u0430\u043d\u044f\u0442\u043e\u00bb \u2014 \u0440\u0443\u0447\u043d\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u041a\u043d\u043e\u043f\u043a\u0438 \u0432\u0435\u0434\u0443\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443\u00bb \u0441 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u043c \u043f\u043e \u0431\u043b\u043e\u043a\u0443. \u0421\u0442\u0430\u0442\u0443\u0441 \u043e\u0444\u0438\u0441\u043e\u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u2014 1 \u043c\u0438\u043d\u0443\u0442\u0430.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0430 \u044d\u0442\u0430\u0436\u0435\u0439<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0430<\/div>\n <div class=\"h2\">\u041d\u0430\u0439\u0434\u0438\u0442\u0435 <em>\u0441\u0432\u043e\u0451 \u043c\u0435\u0441\u0442\u043e<\/em><\/div>\n <div class=\"subd\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u0437\u043e\u043d\u0443 \u043d\u0430 \u043f\u043b\u0430\u043d\u0435 \u2014 \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f<\/div>\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:32px;margin-top:24px;align-items:start\">\n\n \n <div style=\"border-radius:8px;overflow:hidden;border:1.5px solid var(--border);background:var(--white)\">\n \n <div style=\"padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark);margin-right:4px\">\u0411\u043b\u043e\u043a:<\/div>\n <div style=\"background:var(--orange);color:var(--white);padding:6px 16px;border-radius:4px;font-size:12px;font-weight:700\">A<\/div>\n <div style=\"background:var(--light);color:var(--dark2);padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;border:1.5px solid var(--border)\">Q<\/div>\n <div style=\"margin-left:auto;display:flex;align-items:center;gap:8px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark)\">\u042d\u0442\u0430\u0436:<\/div>\n <div style=\"display:flex;gap:4px\">\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--orange);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700\">3<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">4<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">5<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">6<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"height:340px;position:relative\">\n \n <div style=\"position:absolute;inset:20px;border:1px dashed rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px\">\n \n <div style=\"position:absolute;top:20px;left:20px;width:140px;height:80px;border:2px solid rgba(16,185,129,.5);background:rgba(16,185,129,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#10B981;font-weight:700;text-align:center\">A-301<br>22 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#10B981;margin-top:2px\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <\/div>\n <div style=\"position:absolute;top:20px;left:180px;width:160px;height:80px;border:2px solid rgba(239,68,68,.5);background:rgba(239,68,68,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#EF4444;font-weight:700;text-align:center\">A-302<br>38 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#EF4444;margin-top:2px\">\u0417\u0430\u043d\u044f\u0442<\/div>\n <\/div>\n <div style=\"position:absolute;top:20px;right:20px;width:120px;height:80px;border:2px solid rgba(16,185,129,.5);background:rgba(16,185,129,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#10B981;font-weight:700;text-align:center\">A-303<br>18 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#10B981;margin-top:2px\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <\/div>\n <div style=\"position:absolute;bottom:20px;left:20px;width:200px;height:70px;border:2px solid rgba(245,114,32,.5);background:rgba(245,114,32,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:var(--orange);font-weight:700\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div style=\"font-size:9px;color:var(--orange);margin-top:2px\">\u041e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u0437\u043e\u043d\u0430<\/div>\n <\/div>\n <div style=\"position:absolute;bottom:20px;right:20px;width:180px;height:70px;border:2px solid rgba(67,75,88,.5);background:rgba(67,75,88,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column\">\n <div style=\"font-size:10px;color:rgba(255,255,255,.4);font-weight:700\">\u041e\u0431\u0449\u0438\u0435 \u0437\u043e\u043d\u044b<\/div>\n <div style=\"font-size:9px;color:rgba(255,255,255,.3);margin-top:2px\">\u041a\u0443\u0445\u043d\u044f \u00b7 \u0422\u0443\u0430\u043b\u0435\u0442<\/div>\n <\/div>\n <div class=\"ph-l\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u044d\u0442\u0430\u0436\u0430<br>\u041a\u043b\u0438\u043a \u043f\u043e \u0437\u043e\u043d\u0435 \u2192 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div>\n <\/div>\n <\/div>\n \n <div style=\"padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:20px;align-items:center\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark)\">\u041b\u0435\u0433\u0435\u043d\u0434\u0430:<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(16,185,129,.3);border:2px solid #10B981;border-radius:2px\"><\/div>\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(239,68,68,.3);border:2px solid #EF4444;border-radius:2px\"><\/div>\u0417\u0430\u043d\u044f\u0442<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(245,114,32,.2);border:2px solid var(--orange);border-radius:2px\"><\/div>\u041e\u0431\u0449\u0430\u044f \u0437\u043e\u043d\u0430<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"width:260px;display:flex;flex-direction:column;gap:8px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0427\u0442\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u0436\u0435<\/div>\n <div style=\"background:var(--white);border-radius:6px;border:1.5px solid var(--border);overflow:hidden\">\n <div style=\"background:var(--light);padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted)\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"padding:4px 0\">\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">1 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041a\u0430\u0444\u0435 CBC \u00b7 \u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f \u00b7 \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">2 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">Event Hall \u00b7 2 \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0445<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start;background:var(--lo)\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">3 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:600;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b A-301 \u2014 A-310 \u00b7 \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<div style=\"font-weight:300;color:var(--muted)\">\u041f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442\u0435 \u0441\u0435\u0439\u0447\u0430\u0441<\/div><\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">4 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b A-401 \u2014 A-412<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">5\u20136 \u044d\u0442.<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 Q (\u043f\u0440\u0435\u043c\u0438\u0443\u043c)<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u044d\u0442\u0430\u0436\u0435\u0439. \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0431\u043b\u043e\u043a A\/Q \u0438 \u043d\u043e\u043c\u0435\u0440 \u044d\u0442\u0430\u0436\u0430. \u041d\u0430 \u043f\u043b\u0430\u043d\u0435 \u2014 \u0446\u0432\u0435\u0442\u043d\u044b\u0435 \u0437\u043e\u043d\u044b: \u0437\u0435\u043b\u0451\u043d\u044b\u0435 (\u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e), \u043a\u0440\u0430\u0441\u043d\u044b\u0435 (\u0437\u0430\u043d\u044f\u0442\u043e), \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0435 (\u043e\u0431\u0449\u0438\u0435 \u0437\u043e\u043d\u044b). \u041a\u043b\u0438\u043a \u043d\u0430 \u0437\u043e\u043d\u0443 \u2014 popup \u0441 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438. \u0420\u044f\u0434\u043e\u043c \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u0442\u0430\u0436\u0435\u0439 \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>Image Map Pro $29:<\/strong> \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0448\u044c PNG-\u043f\u043b\u0430\u043d \u044d\u0442\u0430\u0436\u0430, \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0448\u044c \u0437\u043e\u043d\u044b \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0448\u044c popup \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439. Shortcode \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 WPBakery. \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c \u044d\u0442\u0430\u0436\u0435\u0439 \u2014 \u0447\u0435\u0440\u0435\u0437 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 WPBakery \u0438\u043b\u0438 JS.<br><br><strong>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430:<\/strong> \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0435 PNG-\u0441\u0445\u0435\u043c\u044b + \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u0442\u0430\u0436\u0435\u0439 \u0440\u044f\u0434\u043e\u043c. \u0411\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bp\">Image Map Pro $29<\/span><br><span class=\"b bf\">WPBakery Tabs (\u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f)<\/span><br><br>\u041f\u043b\u0430\u043d\u044b \u044d\u0442\u0430\u0436\u0435\u0439 \u043d\u0443\u0436\u043d\u044b \u0432 PNG\/SVG. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0447\u0435\u0440\u0442\u0435\u0436\u0435\u0439 \u2014 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0445\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u043d \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0432 Figma \u0438\u043b\u0438 Canva.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"h2\">\u0412\u0441\u0451 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e <em>\u0443\u0436\u0435 \u0437\u0434\u0435\u0441\u044c<\/em><\/div>\n <div class=\"subd\">\u0410\u0440\u0435\u043d\u0434\u0443\u044f \u043e\u0444\u0438\u0441 \u0432 CBC \u2014 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0432\u0441\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440\u0430 \u0432 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443<\/div>\n <div class=\"g4\">\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">P<\/div><div class=\"ctitle\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><div class=\"ctext\">120 \u043c\u0435\u0441\u0442, \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 24\/7, \u043f\u043e\u0434\u0437\u0435\u043c\u043d\u044b\u0439 \u0438 \u043d\u0430\u0437\u0435\u043c\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c8<\/div><div class=\"ctitle\">\u041e\u0445\u0440\u0430\u043d\u0430<\/div><div class=\"ctext\">\u041a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u0430\u044f \u043e\u0445\u0440\u0430\u043d\u0430, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043f\u043e \u043a\u0430\u0440\u0442\u0435, \u0436\u0443\u0440\u043d\u0430\u043b \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0439<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25cf<\/div><div class=\"ctitle\">\u041a\u0430\u0444\u0435 CBC<\/div><div class=\"ctext\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e, \u0437\u0430\u0432\u0442\u0440\u0430\u043a\u0438, \u043e\u0431\u0435\u0434\u044b, \u043a\u043e\u0444\u0435. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 8:00\u201320:00<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25ce<\/div><div class=\"ctitle\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0435<\/div><div class=\"ctext\">4 \u043a\u043e\u043c\u043d\u0430\u0442\u044b \u043d\u0430 6\u201312 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0441 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 \u043a\u043e\u0444\u0435<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c1<\/div><div class=\"ctitle\">Event Hall<\/div><div class=\"ctext\">\u0417\u0430\u043b 150 \u043c\u0435\u0441\u0442 \u0441 LED-\u044d\u043a\u0440\u0430\u043d\u043e\u043c 165\" \u0434\u043b\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0439 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c6<\/div><div class=\"ctitle\">Wi-Fi<\/div><div class=\"ctext\">\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u0430\u043d\u0430\u043b 1 \u0413\u0431\u0438\u0442\/\u0441, \u0440\u0430\u0437\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 \u0434\u043b\u044f \u0433\u043e\u0441\u0442\u0435\u0439 \u0438 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25b2<\/div><div class=\"ctitle\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><div class=\"ctext\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u0433\u043e\u0441\u0442\u0435\u0439, \u043f\u0440\u0438\u0451\u043c \u043a\u043e\u0440\u0440\u0435\u0441\u043f\u043e\u043d\u0434\u0435\u043d\u0446\u0438\u0438, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25a4<\/div><div class=\"ctitle\">\u0423\u0431\u043e\u0440\u043a\u0430<\/div><div class=\"ctext\">\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0443\u0431\u043e\u0440\u043a\u0430 \u043e\u0444\u0438\u0441\u043e\u0432 \u0438 \u043e\u0431\u0449\u0438\u0445 \u0437\u043e\u043d \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0432 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0440\u0435\u043d\u0434\u044b<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">8 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432. \u0418\u043a\u043e\u043d\u043a\u0430 + \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441 \u00ab\u0430 \u0447\u0442\u043e \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0440\u0435\u043d\u0434\u044b?\u00bb \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0447\u0430\u0441\u0442\u044b\u0445 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043e \u0437\u0432\u043e\u043d\u043a\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery<\/strong> \u2014 4 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u00d7 2 \u0440\u044f\u0434\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 Icon Box (Ultimate Addons) \u0438\u043b\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a + CSS-\u043a\u043b\u0430\u0441\u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438. \u0418\u043a\u043e\u043d\u043a\u0438 \u2014 Font Awesome \u0438\u043b\u0438 \u043e\u0434\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0435 SVG.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bp\">Ultimate Addons Icon Box<\/span><br><span class=\"b bf\">WPBakery Column (\u0432\u0440\u0443\u0447\u043d\u0443\u044e)<\/span><br><br>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435. \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c\/\u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u2014 2 \u043c\u0438\u043d\u0443\u0442\u044b.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u044b<\/div>\n <div class=\"h2\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 <em>\u0438\u0437\u043d\u0443\u0442\u0440\u0438<\/em><\/div>\n \n <div style=\"display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:6px;margin-top:24px;border-radius:8px;overflow:hidden\">\n <div class=\"ph\" style=\"grid-row:1\/3;position:relative\">\n <div style=\"position:absolute;bottom:14px;left:14px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u0410\u0442\u0440\u0438\u0443\u043c CBC<\/div>\n <div class=\"ph-l\">\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0446\u0435\u043d\u0442\u0440\u0430 <\/div>\n <div class=\"ph-s\">800\u00d7900px<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">Event Hall<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e Event Hall<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <div class=\"ph-l\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <div class=\"ph-l\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <\/div>\n <\/div>\n \n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;border-radius:6px;overflow:hidden\">\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u041e\u0444\u0438\u0441 \u0411\u043b\u043e\u043a\u0430 Q<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u041e\u0444\u0438\u0441 Q<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\">\n <div style=\"position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px\">\n <div style=\"font-size:28px;font-weight:800;color:var(--white)\">+12<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.7)\">\u0435\u0449\u0451 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btns\" style=\"justify-content:center;margin-top:20px\">\n <div class=\"btn-d\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">Masonry-\u0433\u0430\u043b\u0435\u0440\u0435\u044f: \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 2 \u0441\u0442\u0440\u043e\u043a\u0438, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043f\u0440\u0430\u0432\u0430. \u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u044f\u0434 \u2014 4 \u0444\u043e\u0442\u043e + \u043f\u043b\u0430\u0448\u043a\u0430 \u00ab+12 \u0435\u0449\u0451\u00bb. \u041f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0412\u0441\u0435 \u0444\u043e\u0442\u043e\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u043f\u043e\u043b\u043d\u0443\u044e \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u0438\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 lightbox.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Image Gallery<\/strong> + CSS Grid \u0434\u043b\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0438. Lightbox \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 Gallery. \u041f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e \u2014 \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 alt \u0438\u043b\u0438 caption \u0432 \u043c\u0435\u0434\u0438\u0430\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 WordPress.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Image Gallery<\/span><br><span class=\"b bf\">Envira Gallery (\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430)<\/span><br><br>\u041d\u0443\u0436\u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0443\u043c 20 \u0444\u043e\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044e \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u043e\u0435 \u0432\u0430\u0436\u043d\u043e\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0441\u0430\u0439\u0442.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u043a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/div>\n <div class=\"h2\">CBC \u043d\u0430 <em>\u043a\u0430\u0440\u0442\u0435<\/em><\/div>\n <div class=\"g2\" style=\"align-items:start\">\n \n <div style=\"height:320px;background:linear-gradient(135deg,#D4DDE5,#C8D6E0);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden\">\n <div style=\"position:absolute;inset:0;background:url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2240%22 height=%2240%22><path d=%22M0 20h40M20 0v40%22 stroke=%22rgba(0,0,0,0.07)%22 stroke-width=%221%22\/><\/svg>')\"><\/div>\n <div style=\"background:var(--orange);color:var(--white);padding:12px 24px;border-radius:6px;font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(245,114,32,.4);position:relative;z-index:1\">\n CBC \u00b7 \u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10\n <\/div>\n <div style=\"position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.5);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">Google Maps embed<\/div>\n <\/div>\n \n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f:<\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25c9<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u0410\u0434\u0440\u0435\u0441<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432, \u041c\u043e\u043b\u0434\u043e\u0432\u0430<\/div><\/div>\n <\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25a3<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041d\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0435<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u2014 120 \u043c\u0435\u0441\u0442, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25c6<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u0422\u0440\u043e\u043b\u043b\u0435\u0439\u0431\u0443\u0441 \u21163, \u21168 \u2014 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u00ab\u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430\u00bb. 3 \u043c\u0438\u043d. \u043f\u0435\u0448\u043a\u043e\u043c.<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041a\u0430\u0440\u0442\u0430 Google Maps + 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 (\u0430\u0434\u0440\u0435\u0441, \u0430\u0432\u0442\u043e, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442). \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a \u043f\u0440\u0438\u0435\u0445\u0430\u0442\u044c \u0435\u0449\u0451 \u0434\u043e \u0437\u0432\u043e\u043d\u043a\u0430 \u2014 \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u0431\u0430\u0440\u044c\u0435\u0440 \u0434\u043b\u044f \u0432\u0438\u0437\u0438\u0442\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041b\u0435\u0432\u0430\u044f: Google Maps embed \u0447\u0435\u0440\u0435\u0437 WPBakery Google Maps \u044d\u043b\u0435\u043c\u0435\u043d\u0442 (\u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c API key \u0438 \u0430\u0434\u0440\u0435\u0441). \u041f\u0440\u0430\u0432\u0430\u044f: \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Google Maps<\/span><br>Google Maps API key \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0434\u043b\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0442\u0440\u0430\u0444\u0438\u043a\u0430. \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 5 \u043c\u0438\u043d\u0443\u0442.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">7<\/div>\n <div class=\"bl-title\">CTA \u2014 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u043e\u0444\u0438\u0441\u0430\u043c<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:34px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0413\u043e\u0442\u043e\u0432\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c <em style=\"font-style:normal;opacity:.8\">\u043e\u0444\u0438\u0441?<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u0421\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0445 \u043e\u0444\u0438\u0441\u043e\u0432 \u2014 \u0446\u0435\u043d\u044b, \u043f\u043b\u043e\u0449\u0430\u0434\u0438 \u0438 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center;padding:14px 32px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u2192<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u041f\u043b\u0430\u043d\u044b CBC \u043d\u0430 2025\u20132030<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0444\u0438\u043d\u0430\u043b: \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 CTA \u0441 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u043c \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432 + \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430-\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f\u00bb. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery<\/strong> \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 + \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0432\u043d\u0438\u0437\u0443. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443\u00bb. \u041a\u043d\u043e\u043f\u043a\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u0438 \u2014 Contact Form 7 \u0432 popup.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row<\/span> <span class=\"b bf\">Contact Form 7<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u0411\u043b\u043e\u043a A vs \u0411\u043b\u043e\u043a Q <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043b\u0430\u043d <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 (8 \u043a\u0430\u0440\u0442.) <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>6. \u041a\u0430\u0440\u0442\u0430 \/ \u041a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>7. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bp\">Image Map Pro $29 \u2014 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438<\/span><\/div>\n <div><span class=\"b bp\">Ultimate Addons $26 \u2014 \u0438\u043a\u043e\u043d\u043a\u0438<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <div><span class=\"b bf\">WPBakery Google Maps \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u0410\u044d\u0440\u043e\u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u0444\u0430\u0441\u0430\u0434\u0430<\/div>\n <div>20+ \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u043d\u044b\u0445 \u0444\u043e\u0442\u043e<\/div>\n <div>\u0424\u043e\u0442\u043e \u0411\u043b\u043e\u043a\u0430 A \u0438 \u0411\u043b\u043e\u043a\u0430 Q \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e<\/div>\n <div>PNG\/SVG \u043f\u043b\u0430\u043d\u044b \u044d\u0442\u0430\u0436\u0435\u0439<\/div>\n <div>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~2\u0447<\/div>\n <div>Image Map Pro (\u043f\u043b\u0430\u043d\u044b): ~1\u0447<\/div>\n <div>\u0413\u0430\u043b\u0435\u0440\u0435\u044f + \u043a\u043e\u043d\u0442\u0435\u043d\u0442: ~1\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~4 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n.doc-header{background:var(--dark);padding:0 40px;height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,.3)}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n.pt{background:var(--white);border-radius:10px;padding:28px 32px;margin-bottom:28px;border:1.5px solid var(--border);display:flex;align-items:flex-start;gap:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}\n.pt-num{width:52px;height:52px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--white);flex-shrink:0}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n.bw{margin-bottom:28px}\n.bl{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:0 4px}\n.bl-num{width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n.mock{border-radius:8px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.07)}\n.ann{background:var(--ann-bg);border:1.5px solid var(--ann-brd);border-radius:0 0 8px 8px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:none}\n.ann-t{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* mock UI *\/\n.ph{background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:44px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:620px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btn-d{display:inline-block;background:transparent;border:2px solid var(--dark);color:var(--dark);padding:12px 24px;border-radius:4px;font-size:11px;font-weight:700;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 3 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">3<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/b><\/div>\n <div class=\"pt-name\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <div class=\"pt-sub\">\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043a\u0443\u0434\u0430 \u0434\u0432\u0438\u0436\u0435\u0442\u0441\u044f CBC \u2014 \u0431\u0435\u0437 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0434\u0430\u0442 \u0438 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0439. \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u043e\u0433\u043e \u0438 \u0430\u043c\u0431\u0438\u0446\u0438\u043e\u0437\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u0430\u0436\u043d\u0430 \u0434\u043b\u044f \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432, \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0431\u0443\u0434\u0443\u0449\u0438\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-g\">\u0411\u0435\u0437 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/span>\n <span class=\"ptag ptag-b\">6 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">6<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0444\u043e\u0440\u043c\u0430 \u0438\u0434\u0435\u0439<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">0<\/div><div class=\"pts-lbl\">\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~2.5\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/span><\/span>\n <\/div>\n \n <div style=\"background:var(--dark);min-height:400px;display:flex;align-items:center;padding:72px 56px;position:relative;overflow:hidden\">\n \n <div style=\"position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(245,114,32,.06)\"><\/div>\n <div style=\"position:absolute;right:60px;bottom:-60px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(245,114,32,.04)\"><\/div>\n \n <div style=\"position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,transparent,var(--orange),transparent)\"><\/div>\n <div style=\"max-width:760px;position:relative;z-index:2\">\n <div class=\"pretag\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b CBC<\/div>\n <div class=\"h1\">CBC \u0437\u0430\u0432\u0442\u0440\u0430 \u2014<br><em>\u0431\u043e\u043b\u044c\u0448\u0435, \u043b\u0443\u0447\u0448\u0435, \u0441\u0438\u043b\u044c\u043d\u0435\u0435<\/em><\/div>\n <div class=\"sub\" style=\"max-width:600px;font-size:16px\">\u041c\u044b \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f. \u041a\u0430\u0436\u0434\u044b\u0439 \u0433\u043e\u0434 CBC \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u041c\u043e\u043b\u0434\u043e\u0432\u044b.<\/div>\n <div style=\"display:flex;gap:20px;margin-top:8px\">\n <div style=\"padding:16px 24px;background:rgba(255,255,255,.05);border-radius:6px;border:1px solid rgba(255,255,255,.08);text-align:center\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);line-height:1\">27+<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;letter-spacing:.5px\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0441\u0435\u0439\u0447\u0430\u0441<\/div>\n <\/div>\n <div style=\"display:flex;align-items:center;justify-content:center;padding:0 8px\">\n <div style=\"font-size:28px;color:var(--orange);font-weight:300\">\u2192<\/div>\n <\/div>\n <div style=\"padding:16px 24px;background:rgba(245,114,32,.1);border-radius:6px;border:1px solid rgba(245,114,32,.3);text-align:center\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);line-height:1\">50+<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;letter-spacing:.5px\">\u0426\u0435\u043b\u044c \u0440\u043e\u0441\u0442\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0442\u0451\u043c\u043d\u044b\u0439 hero \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0438 \u0434\u0432\u0443\u043c\u044f \u0446\u0438\u0444\u0440\u0430\u043c\u0438: \u0441\u0435\u0439\u0447\u0430\u0441 vs \u0446\u0435\u043b\u044c. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0430\u043c\u0431\u0438\u0446\u0438\u0438 CBC \u0431\u0435\u0437 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u0440\u043e\u043a\u043e\u0432. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441\u043b\u0435\u0432\u0430 \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u043f\u043e\u043b\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0431\u043b\u043e\u043a\u0438. \u0414\u0432\u0435 \u0446\u0438\u0444\u0440\u044b \u0440\u044f\u0434\u043e\u043c \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 2+1+2. \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0440\u0443\u0433\u0438 \u2014 CSS \u043f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u043b\u0438 SVG-\u0444\u043e\u043d.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442. \u041c\u0435\u043d\u044f\u0442\u044c \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0435\u0439 \u2014 1 \u043c\u0438\u043d\u0443\u0442\u0430 \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u0427\u0442\u043e \u0443\u0436\u0435 \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0443\u0442\u043e<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f<\/div>\n <div class=\"h2\">\u0421 \u0447\u0435\u0433\u043e \u043c\u044b <em>\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c<\/em> \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432\u043f\u0435\u0440\u0451\u0434<\/div>\n <div class=\"subd\">\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u2014 \u0432\u043e\u0442 \u0447\u0442\u043e CBC \u0443\u0436\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b<\/div>\n <div class=\"g3\">\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">5<\/div>\n <div class=\"ctitle\">\u041b\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\n <div class=\"ctext\">\u0421 2020 \u0433\u043e\u0434\u0430 CBC \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u0440\u0430\u0441\u0442\u0451\u0442. \u041d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0433\u043e\u0434\u0430 \u0432 \u043c\u0438\u043d\u0443\u0441. \u0427\u0438\u0441\u0442\u044b\u0439 \u0442\u0440\u0435\u043a-\u0440\u0435\u043a\u043e\u0440\u0434.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">27+<\/div>\n <div class=\"ctitle\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <div class=\"ctext\">15 \u0441\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u043f\u043e\u0434 \u043e\u0434\u043d\u043e\u0439 \u043a\u0440\u044b\u0448\u0435\u0439. \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0430.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">500+<\/div>\n <div class=\"ctitle\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043e<\/div>\n <div class=\"ctext\">CBC \u0441\u0442\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430. Event Hall \u2014 \u0432\u044b\u0431\u043e\u0440 \u21161 \u0434\u043b\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0439 \u0438 \u0444\u043e\u0440\u0443\u043c\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0438\u043b\u0443 CBC \u043a\u0430\u043a \u043e\u0441\u043d\u043e\u0432\u0443 \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0430. \u041b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434: \u00ab\u0412\u043e\u0442 \u0433\u0434\u0435 \u043c\u044b \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u043e \u0442\u043e\u043c, \u043a\u0443\u0434\u0430 \u0438\u0434\u0451\u043c\u00bb.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> 3 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041a\u0430\u0436\u0434\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u0447\u0438\u0441\u043b\u043e\u043c + \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u043b\u0435\u0432\u044b\u0439 border \u2014 \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441 \u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u043a\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Column<\/span><br>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0439. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0440\u0430\u0437 \u0432 \u0433\u043e\u0434. \u0411\u0435\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f CBC<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041a\u0443\u0434\u0430 \u043c\u044b \u0434\u0432\u0438\u0436\u0435\u043c\u0441\u044f<\/div>\n <div class=\"h2\">\u0427\u0435\u0442\u044b\u0440\u0435 <em>\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/em> \u0440\u043e\u0441\u0442\u0430<\/div>\n <div class=\"subd\">\u041d\u0435 \u0434\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0441 \u0434\u0430\u0442\u0430\u043c\u0438 \u2014 \u0430 \u0432\u0435\u043a\u0442\u043e\u0440\u0430, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c CBC \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441<\/div>\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px\">\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25a3<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0444\u0438\u0441\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043c\u0435\u0441\u0442. \u041d\u043e\u0432\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u2014 \u043e\u0442 \u043c\u0438\u043d\u0438-\u043e\u0444\u0438\u0441\u043e\u0432 \u0434\u043e \u0446\u0435\u043b\u044b\u0445 \u044d\u0442\u0430\u0436\u0435\u0439 \u043f\u043e\u0434 \u043e\u0434\u043d\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25c9<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u043c\u0435\u043d\u0442\u043e\u0440\u0441\u0442\u0432\u0430, \u0430\u043a\u0441\u0435\u043b\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 CBC. \u041f\u0440\u0435\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0435\u0434\u0441\u0442\u0432\u0430 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25c1<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">Event-\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">CBC \u043a\u0430\u043a \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u043e\u0440\u0443\u043c\u043e\u0432 \u041c\u043e\u043b\u0434\u043e\u0432\u044b. \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0444\u043b\u0430\u0433\u043c\u0430\u043d\u0441\u043a\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25b2<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0426\u0438\u0444\u0440\u043e\u0432\u0430\u044f \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u0423\u043c\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c: \u043e\u043d\u043b\u0430\u0439\u043d-\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 CBC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">4 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0440\u043e\u0441\u0442\u0430 \u0432 \u0441\u0435\u0442\u043a\u0435 2\u00d72. \u041a\u0430\u0436\u0434\u0430\u044f: \u0438\u043a\u043e\u043d\u043a\u0430 \u0432 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0435, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041d\u0430\u043c\u0435\u0440\u0435\u043d\u043d\u043e \u0431\u0435\u0437 \u0434\u0430\u0442 \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u0438\u043a\u0438 \u2014 \u044d\u0442\u043e \u0432\u0438\u0434\u0435\u043d\u0438\u0435, \u043d\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u044f. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u00d7 2 \u0440\u044f\u0434\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 Row \u0441 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438 (\u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442). \u0418\u043a\u043e\u043d\u043a\u0430 \u2014 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0439 div \u0441 CSS \u0438\u043b\u0438 Font Awesome \u0438\u043a\u043e\u043d\u043a\u0430 \u0432 \u043a\u0440\u0443\u0433\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0422\u0435\u043a\u0441\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 CBC. \u041c\u0435\u043d\u044f\u0442\u044c \u043b\u0435\u0433\u043a\u043e \u2014 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sd\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center\">\n <div>\n <div class=\"pretag\" style=\"color:var(--mint)\">\u041d\u0430\u0448 \u043f\u043e\u0434\u0445\u043e\u0434<\/div>\n <div class=\"h2 h2w\">\u041a\u0430\u043a \u043c\u044b <em>\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/em><\/div>\n <div style=\"font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-top:12px;margin-bottom:28px\">\u0420\u043e\u0441\u0442 CBC \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0445 \u043c\u0435\u0442\u0440\u043e\u0432. \u042d\u0442\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0440\u0435\u0434\u044b, \u0433\u043b\u0443\u0431\u0438\u043d\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">1<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">\u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u043d\u0435 \u0432\u0441\u0435\u0445 \u2014 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438\u0437 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b\u0445 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">2<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">\u0420\u0435\u0448\u0435\u043d\u0438\u044f \u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">3<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u041c\u043e\u043b\u0434\u043e\u0432\u0430 \u2014 \u043d\u0430\u0448 \u0440\u044b\u043d\u043e\u043a \u0438 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">CBC \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u043c\u0435\u0441\u0442\u043d\u044b\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u0438 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0430 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"height:420px;border-radius:8px;overflow:hidden\">\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043d\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0435<br>\u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 CBC<\/div>\n <div class=\"ph-s\">800\u00d7840px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0422\u0451\u043c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 3 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0438 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044e CBC \u2014 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0438\u0437\u043d\u0435\u0441, \u0430 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u0412\u0430\u0436\u0435\u043d \u0434\u043b\u044f B2B-\u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u0441 \u043a\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f, 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 55\/45. \u041b\u0435\u0432\u0430\u044f: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + 3 \u043f\u0443\u043d\u043a\u0442\u0430 (\u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 Row \u0441 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438 \u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442). \u041f\u0440\u0430\u0432\u0430\u044f: \u0444\u043e\u0442\u043e \u0441 cover.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0424\u043e\u0442\u043e: \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 CBC \u2014 \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0436\u0438\u0432\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u041d\u0435 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u0447\u043d\u043e\u0435 \u0444\u043e\u0442\u043e.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u0424\u043e\u0440\u043c\u0430 \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <span class=\"bl-tag bl-tag-opt\">\u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start\">\n \n <div>\n <div class=\"pretag\">\u0412\u0430\u0448 \u0433\u043e\u043b\u043e\u0441 \u0432\u0430\u0436\u0435\u043d<\/div>\n <div class=\"h2\">\u0415\u0441\u0442\u044c \u0438\u0434\u0435\u044f \u0434\u043b\u044f <em>CBC?<\/em><\/div>\n <div class=\"subd\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b CBC \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0438\u0434\u0435\u0439 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;margin-top:8px\">\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">1<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u2014 \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0438\u0434\u0435\u044e<\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">2<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">3<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u041b\u0443\u0447\u0448\u0438\u0435 \u0438\u0434\u0435\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u043b\u0430\u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <\/div>\n <\/div>\n \n <div style=\"margin-top:24px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u0435\u043c\u044b:<\/div>\n <div style=\"display:flex;flex-wrap:wrap;gap:8px\">\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041d\u043e\u0432\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/div>\n <div style=\"padding:6px 14px;background:var(--lo);border:1.5px solid var(--orange);border-radius:20px;font-size:11px;font-weight:600;color:var(--orange);cursor:pointer\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.06)\">\n <div style=\"font-size:15px;font-weight:700;color:var(--dark);margin-bottom:20px\">\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">Email \u0438\u043b\u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u0422\u0435\u043c\u0430 \u0438\u0434\u0435\u0438<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;color:var(--muted)\"><span>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e...<\/span><span>\u25bc<\/span><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0438\u0434\u0435\u044e<\/div>\n <div style=\"height:100px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div class=\"btn-o\" style=\"text-align:center;margin-top:4px\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <div style=\"font-size:11px;color:var(--muted);text-align:center;font-weight:300\">\u041e\u0442\u0432\u0435\u0447\u0430\u0435\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0424\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0434\u0435\u0439 \u043f\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e CBC. \u0421\u043b\u0435\u0432\u0430 \u2014 3 \u0448\u0430\u0433\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 + \u043e\u0431\u043b\u0430\u043a\u043e \u0442\u0435\u043c. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u0438\u043c\u044f\/\u043a\u043e\u043d\u0442\u0430\u043a\u0442\/\u0442\u0435\u043c\u0430\/\u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u0412\u043e\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0441\u0442\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>Contact Form 7:<\/strong> \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 text, email, select (\u0442\u0435\u043c\u044b), textarea. \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 email \u043a\u043e\u043c\u0430\u043d\u0434\u044b CBC. Shortcode \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u0430\u0432\u0443\u044e \u043a\u043e\u043b\u043e\u043d\u043a\u0443 WPBakery. \u0422\u0435\u0433\u0438-\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u2014 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0439 HTML.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">Contact Form 7<\/span> <span class=\"b bf\">WPBakery Row<\/span><br>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 email. \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u2014 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 Telegram \u0447\u0435\u0440\u0435\u0437 Telegram for CF7 \u043f\u043b\u0430\u0433\u0438\u043d.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">CTA \u2014 \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e CBC<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:34px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e CBC \u2014 <em style=\"font-style:normal;opacity:.8\">\u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a 27+ \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u0440\u043e\u044f\u0442 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u043e\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432\u043c\u0435\u0441\u0442\u0435<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center;padding:14px 32px\">\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c \u2192<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u0423\u0441\u043b\u0443\u0433\u0438 CBC \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u00b7 \u041e\u0444\u0438\u0441\u044b \u00b7 Event Hall \u00b7 \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 CTA + \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0443 \u0423\u0441\u043b\u0443\u0433\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 + \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u043d\u0438\u0436\u0435. \u041a\u043d\u043e\u043f\u043a\u0438 \u2014 WPBakery Button \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Button<\/span><br>\u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f\u00bb \u2014 Contact Form 7 popup \u0438\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u044f\u043a\u043e\u0440\u044c \u0444\u043e\u0440\u043c\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u2014 \u0446\u0438\u0444\u0440\u044b \u0441\u0435\u0439\u0447\u0430\u0441\/\u0446\u0435\u043b\u044c <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f (4) <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b + \u0444\u043e\u0442\u043e <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u0424\u043e\u0440\u043c\u0430 \u0438\u0434\u0435\u0439 <span style=\"color:var(--muted)\">\u043e\u043f\u0446.<\/span><\/div>\n <div>6. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u0423\u0441\u043b\u0443\u0433\u0430\u043c <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <div style=\"font-size:11px;color:var(--muted);font-weight:300;margin-top:4px\">\u0421\u0430\u043c\u0430\u044f \u0434\u0435\u0448\u0451\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u2014 0 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 4 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0440\u043e\u0441\u0442\u0430<\/div>\n <div>3 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f CBC<\/div>\n <div>\u0424\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0435<\/div>\n <div>\u0426\u0435\u043b\u0435\u0432\u044b\u0435 \u0446\u0438\u0444\u0440\u044b (50+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438 \u0434\u0440.)<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~1.5\u0447<\/div>\n <div>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0443\u0440\u0430: ~0.5\u0447<\/div>\n <div>CF7 \u0444\u043e\u0440\u043c\u0430: ~0.5\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~2.5 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"CBC \u2014 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041c\u0430\u043a\u0435\u0442 CBC | \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u041c\u0430\u043a\u0435\u0442 \u00b7 \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u043e\u0432 \u00b7 \u0421\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 Wireframe v1 1 CBC","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":30,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1604,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1604"}],"wp:attachment":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t

\n\t\t

\n\t\t\t\n\n\n\n\nCBC \u2014 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --dark: #252D3A;\n --dark2: #434B58;\n --orange: #F57220;\n --white: #FFFFFF;\n --light: #EDEDEF;\n --mint: #CDDDDA;\n --muted: #6B7280;\n --border: #E5E7EB;\n\n \/* Annotation system *\/\n --ann-bg: #FFFBF0;\n --ann-border: #F0C060;\n --ann-label: #B45309;\n --ann-num: #F57220;\n}\n\nbody {\n font-family: 'Poppins', sans-serif;\n background: #F4F5F7;\n color: var(--dark);\n}\n\n\/* \u2500\u2500\u2500 LAYOUT WRAPPER \u2500\u2500\u2500 *\/\n.page-wrap {\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 24px;\n}\n\n\/* \u2500\u2500\u2500 PAGE HEADER \u2500\u2500\u2500 *\/\n.doc-header {\n background: var(--dark);\n padding: 28px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: sticky;\n top: 0;\n z-index: 100;\n border-bottom: 3px solid var(--orange);\n}\n.doc-logo {\n font-size: 22px;\n font-weight: 800;\n color: var(--white);\n letter-spacing: -0.5px;\n}\n.doc-logo span { color: var(--orange); }\n.doc-meta {\n font-size: 12px;\n color: var(--mint);\n font-weight: 300;\n letter-spacing: 1px;\n}\n.doc-tag {\n background: var(--orange);\n color: var(--white);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 3px;\n}\n\n\/* \u2500\u2500\u2500 BLOCK WRAPPER \u2500\u2500\u2500 *\/\n.block-wrap {\n position: relative;\n margin-bottom: 32px;\n}\n\n\/* Number badge *\/\n.block-num {\n position: absolute;\n top: -16px;\n left: -16px;\n width: 40px;\n height: 40px;\n background: var(--orange);\n color: var(--white);\n font-size: 16px;\n font-weight: 800;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n box-shadow: 0 4px 12px rgba(245,114,32,0.4);\n}\n\n\/* Annotation panel *\/\n.ann {\n background: var(--ann-bg);\n border: 1.5px solid var(--ann-border);\n border-radius: 8px;\n padding: 16px 20px;\n margin-top: 10px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 16px;\n}\n.ann-col { }\n.ann-title {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--ann-label);\n margin-bottom: 6px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.ann-title::before {\n content: '';\n width: 12px; height: 2px;\n background: var(--ann-border);\n display: inline-block;\n}\n.ann-text {\n font-size: 12px;\n color: #78716C;\n line-height: 1.7;\n font-weight: 300;\n}\n.ann-text strong {\n color: var(--dark);\n font-weight: 600;\n}\n.plugin-badge {\n display: inline-block;\n background: #FEF3C7;\n border: 1px solid #F59E0B;\n color: #92400E;\n font-size: 10px;\n font-weight: 600;\n padding: 2px 8px;\n border-radius: 10px;\n margin: 2px 2px 2px 0;\n letter-spacing: 0.5px;\n}\n.free-badge {\n background: #D1FAE5;\n border-color: #10B981;\n color: #065F46;\n}\n.paid-badge {\n background: #FEE2E2;\n border-color: #EF4444;\n color: #991B1B;\n}\n\n\/* \u2500\u2500\u2500 MOCK CONTENT \u2500\u2500\u2500 *\/\n\n\/* --- NAVIGATION --- *\/\n.mock-nav {\n background: var(--white);\n padding: 0 48px;\n height: 72px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--border);\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n}\n.mock-nav-logo {\n font-size: 22px;\n font-weight: 800;\n color: var(--dark);\n}\n.mock-nav-logo span { color: var(--orange); }\n.mock-nav-links {\n display: flex;\n gap: 32px;\n list-style: none;\n}\n.mock-nav-links a {\n font-size: 13px;\n font-weight: 500;\n color: var(--dark2);\n text-decoration: none;\n padding: 4px 0;\n border-bottom: 2px solid transparent;\n transition: color .2s;\n}\n.mock-nav-links a.active,\n.mock-nav-links a:hover {\n color: var(--orange);\n border-color: var(--orange);\n}\n.nav-cta {\n background: var(--orange);\n color: var(--white) !important;\n padding: 10px 22px !important;\n border-radius: 4px;\n border-bottom: none !important;\n font-weight: 600 !important;\n font-size: 12px !important;\n letter-spacing: 0.5px;\n}\n.nav-cta:hover { background: #D4611A; }\n\n\/* --- HERO --- *\/\n.mock-hero {\n min-height: 640px;\n background: var(--dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n position: relative;\n}\n.mock-hero-left {\n padding: 80px 64px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.mock-hero-left::after {\n content: '';\n position: absolute;\n right: -80px; top: 50%;\n transform: translateY(-50%);\n width: 200px; height: 200px;\n border-radius: 50%;\n border: 1px solid rgba(245,114,32,0.2);\n pointer-events: none;\n}\n.hero-pretag {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.hero-pretag::before {\n content: '';\n width: 28px; height: 2px;\n background: var(--orange);\n}\n.mock-hero-h1 {\n font-size: 60px;\n font-weight: 800;\n line-height: 1.08;\n color: var(--white);\n margin-bottom: 24px;\n letter-spacing: -1px;\n}\n.mock-hero-h1 em {\n font-style: normal;\n color: var(--orange);\n}\n.mock-hero-sub {\n font-size: 16px;\n color: rgba(255,255,255,0.55);\n font-weight: 300;\n line-height: 1.7;\n max-width: 420px;\n margin-bottom: 40px;\n}\n.hero-btns {\n display: flex;\n gap: 12px;\n margin-bottom: 56px;\n}\n.btn-o {\n background: var(--orange);\n color: var(--white);\n padding: 14px 28px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n.btn-w {\n background: transparent;\n color: var(--white);\n border: 1.5px solid rgba(255,255,255,0.25);\n padding: 13px 24px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n.hero-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n border-top: 1px solid rgba(255,255,255,0.08);\n padding-top: 32px;\n}\n.hero-stat {\n padding-right: 24px;\n border-right: 1px solid rgba(255,255,255,0.08);\n}\n.hero-stat:last-child { border: none; }\n.hero-stat-num {\n font-size: 36px;\n font-weight: 800;\n color: var(--orange);\n line-height: 1;\n display: block;\n}\n.hero-stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.4);\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-top: 4px;\n}\n.mock-hero-right {\n position: relative;\n overflow: hidden;\n}\n.mock-hero-photo {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #2E3849 0%, #1A2130 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.mock-hero-photo-inner {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 8px;\n padding: 20px 32px;\n text-align: center;\n}\n.photo-placeholder-label {\n font-size: 12px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n.photo-placeholder-sub {\n font-size: 11px;\n color: rgba(245,114,32,0.5);\n margin-top: 6px;\n}\n\n\/* --- SERVICES STRIP --- *\/\n.mock-services-strip {\n background: var(--orange);\n padding: 0;\n overflow: hidden;\n}\n.services-strip-inner {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n}\n.srv-item {\n padding: 28px 20px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.2);\n cursor: pointer;\n transition: background .2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n}\n.srv-item:last-child { border: none; }\n.srv-item:hover { background: rgba(0,0,0,0.1); }\n.srv-icon {\n width: 40px; height: 40px;\n background: rgba(255,255,255,0.15);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n color: var(--white);\n}\n.srv-name {\n font-size: 11px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n.srv-desc {\n font-size: 10px;\n color: rgba(255,255,255,0.65);\n line-height: 1.4;\n font-weight: 300;\n}\n\n\/* --- COUNTERS --- *\/\n.mock-counters {\n background: var(--dark);\n padding: 64px 64px;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 2px;\n}\n.counter-item {\n text-align: center;\n padding: 32px 16px;\n border-right: 1px solid rgba(255,255,255,0.06);\n}\n.counter-item:last-child { border: none; }\n.counter-num {\n font-size: 56px;\n font-weight: 800;\n color: var(--orange);\n line-height: 1;\n letter-spacing: -2px;\n}\n.counter-suffix {\n font-size: 28px;\n font-weight: 400;\n color: var(--orange);\n}\n.counter-label {\n font-size: 12px;\n color: rgba(255,255,255,0.45);\n margin-top: 8px;\n letter-spacing: 1px;\n text-transform: uppercase;\n font-weight: 400;\n}\n\n\/* --- COWORKING PROMO --- *\/\n.mock-cw-promo {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 480px;\n background: var(--white);\n}\n.cw-photo-side {\n background: linear-gradient(135deg, #3A4558, #252D3A);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.cw-photo-side::after {\n content: '\u0424\u041e\u0422\u041e \u041a\u041e\u0412\u041e\u0420\u041a\u0418\u041d\u0413\u0410';\n font-size: 11px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 3px;\n font-weight: 600;\n}\n.cw-content-side {\n padding: 64px 60px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.sec-pretag {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--orange);\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 14px;\n}\n.sec-pretag::before { content: ''; width: 24px; height: 2px; background: var(--orange); }\n.sec-h2 {\n font-size: 40px;\n font-weight: 800;\n line-height: 1.15;\n color: var(--dark);\n margin-bottom: 16px;\n letter-spacing: -0.5px;\n}\n.sec-h2 em { font-style: normal; color: var(--orange); }\n.sec-sub {\n font-size: 15px;\n color: var(--muted);\n font-weight: 300;\n line-height: 1.7;\n margin-bottom: 28px;\n}\n.feature-row {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n}\n.feature-row:last-of-type { border: none; margin-bottom: 28px; }\n.feat-dot {\n width: 8px; height: 8px;\n background: var(--orange);\n border-radius: 50%;\n margin-top: 6px;\n flex-shrink: 0;\n}\n.feat-text { font-size: 13px; color: var(--dark2); line-height: 1.6; font-weight: 400; }\n.feat-text strong { color: var(--dark); font-weight: 600; }\n\n\/* --- OFFICES CATALOG --- *\/\n.mock-offices {\n background: var(--light);\n padding: 80px 64px;\n}\n.section-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n margin-bottom: 40px;\n}\n.section-header-left .sec-h2 { margin-bottom: 8px; }\n.view-all {\n font-size: 12px;\n font-weight: 600;\n color: var(--orange);\n text-decoration: none;\n letter-spacing: 0.5px;\n display: flex;\n align-items: center;\n gap: 6px;\n padding-bottom: 24px;\n}\n.offices-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 16px;\n}\n.office-card {\n background: var(--white);\n border-radius: 6px;\n overflow: hidden;\n border: 1.5px solid var(--border);\n}\n.office-card-photo {\n height: 180px;\n background: linear-gradient(135deg, #3A4558, #252D3A);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.office-card-photo.featured { height: 220px; }\n.photo-label {\n font-size: 10px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n.status-badge {\n position: absolute;\n top: 14px; right: 14px;\n font-size: 10px;\n font-weight: 700;\n padding: 5px 12px;\n border-radius: 20px;\n letter-spacing: 0.5px;\n}\n.status-free { background: #D1FAE5; color: #065F46; }\n.status-busy { background: #FEE2E2; color: #991B1B; }\n.block-badge {\n position: absolute;\n top: 14px; left: 14px;\n background: var(--orange);\n color: var(--white);\n font-size: 10px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 3px;\n}\n.office-card-body {\n padding: 18px 20px;\n}\n.office-name {\n font-size: 18px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 8px;\n}\n.office-specs {\n display: flex;\n gap: 16px;\n margin-bottom: 12px;\n}\n.spec {\n font-size: 11px;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.spec-val { font-weight: 600; color: var(--dark2); }\n.office-price {\n font-size: 22px;\n font-weight: 800;\n color: var(--dark);\n margin-bottom: 12px;\n}\n.office-price small {\n font-size: 12px;\n font-weight: 300;\n color: var(--muted);\n}\n.office-cta {\n width: 100%;\n padding: 10px;\n background: var(--orange);\n color: var(--white);\n border: none;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n\n\/* --- EVENT HALL PROMO --- *\/\n.mock-event-promo {\n min-height: 500px;\n background: var(--dark);\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n}\n.event-content {\n padding: 80px 64px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.event-photo-side {\n background: linear-gradient(135deg, #2E3849, #1A2130);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n}\n.event-photo-side::before {\n content: '';\n position: absolute;\n left: 0; top: 0; bottom: 0;\n width: 4px;\n background: var(--orange);\n}\n.event-photo-side::after {\n content: '\u0424\u041e\u0422\u041e EVENT HALL';\n font-size: 11px;\n color: rgba(255,255,255,0.3);\n letter-spacing: 3px;\n font-weight: 600;\n}\n.event-specs-row {\n display: flex;\n gap: 0;\n margin: 32px 0;\n background: rgba(255,255,255,0.05);\n border-radius: 6px;\n overflow: hidden;\n}\n.event-spec {\n flex: 1;\n padding: 18px 16px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.07);\n}\n.event-spec:last-child { border: none; }\n.event-spec-val {\n font-size: 28px;\n font-weight: 800;\n color: var(--orange);\n display: block;\n line-height: 1;\n margin-bottom: 4px;\n}\n.event-spec-key {\n font-size: 10px;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n.event-types {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 32px;\n}\n.event-type-tag {\n font-size: 11px;\n color: var(--mint);\n border: 1px solid rgba(205,221,218,0.25);\n padding: 5px 12px;\n border-radius: 3px;\n font-weight: 400;\n}\n\n\/* --- SYNERGY\/ECOSYSTEM --- *\/\n.mock-synergy {\n background: var(--white);\n padding: 80px 64px;\n}\n.synergy-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 48px;\n}\n.synergy-card {\n background: var(--light);\n border-radius: 6px;\n padding: 28px 24px;\n border: 1.5px solid var(--border);\n position: relative;\n transition: border-color .2s;\n}\n.synergy-card:hover { border-color: var(--orange); }\n.syn-category {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 12px;\n}\n.syn-company {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 4px;\n}\n.syn-desc {\n font-size: 12px;\n color: var(--muted);\n line-height: 1.6;\n font-weight: 300;\n}\n.syn-count {\n position: absolute;\n top: 20px; right: 20px;\n font-size: 10px;\n color: var(--border);\n font-weight: 600;\n}\n\n\/* --- EVENTS --- *\/\n.mock-events {\n background: var(--light);\n padding: 80px 64px;\n}\n.events-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 20px;\n margin-top: 48px;\n}\n.event-card {\n background: var(--white);\n border-radius: 6px;\n overflow: hidden;\n border: 1.5px solid var(--border);\n}\n.event-card-img {\n height: 160px;\n background: linear-gradient(135deg, #3A4558, #2E3849);\n display: flex;\n align-items: flex-end;\n padding: 16px;\n position: relative;\n}\n.event-card-img.main { height: 220px; }\n.event-date-badge {\n background: var(--orange);\n color: var(--white);\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 3px;\n}\n.event-card-body {\n padding: 18px 20px;\n}\n.event-type {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--orange);\n margin-bottom: 6px;\n}\n.event-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 6px;\n line-height: 1.3;\n}\n.event-meta {\n font-size: 11px;\n color: var(--muted);\n font-weight: 300;\n}\n.events-footer {\n text-align: center;\n margin-top: 32px;\n}\n.btn-outline-dark {\n padding: 13px 32px;\n border: 2px solid var(--dark);\n color: var(--dark);\n background: transparent;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n cursor: pointer;\n}\n\n\/* --- TESTIMONIALS --- *\/\n.mock-reviews {\n background: var(--dark);\n padding: 80px 64px;\n}\n.reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 48px;\n}\n.review-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 6px;\n padding: 28px;\n transition: background .2s;\n}\n.review-card:hover { background: rgba(255,255,255,0.07); }\n.review-stars {\n color: var(--orange);\n font-size: 14px;\n letter-spacing: 2px;\n margin-bottom: 14px;\n}\n.review-text {\n font-size: 14px;\n color: rgba(255,255,255,0.65);\n line-height: 1.75;\n font-weight: 300;\n font-style: italic;\n margin-bottom: 20px;\n}\n.review-author {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.review-avatar {\n width: 40px; height: 40px;\n border-radius: 50%;\n background: rgba(245,114,32,0.2);\n border: 2px solid rgba(245,114,32,0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n color: var(--orange);\n font-weight: 700;\n}\n.review-name { font-size: 13px; font-weight: 600; color: var(--white); }\n.review-role { font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 300; }\n.review-company { font-size: 11px; color: var(--orange); font-weight: 400; }\n\n\/* --- CTA STRIP --- *\/\n.mock-cta {\n background: var(--orange);\n padding: 80px 64px;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 48px;\n align-items: center;\n}\n.cta-h2 {\n font-size: 44px;\n font-weight: 800;\n color: var(--white);\n line-height: 1.1;\n letter-spacing: -0.5px;\n}\n.cta-sub {\n font-size: 16px;\n color: rgba(255,255,255,0.7);\n font-weight: 300;\n margin-top: 8px;\n}\n.cta-btns { display: flex; gap: 12px; }\n.btn-white {\n background: var(--white);\n color: var(--orange);\n padding: 16px 32px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n}\n.btn-outline-white {\n background: transparent;\n color: var(--white);\n border: 2px solid rgba(255,255,255,0.4);\n padding: 16px 28px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n white-space: nowrap;\n}\n\n\/* --- FOOTER --- *\/\n.mock-footer {\n background: #1A2130;\n padding: 60px 64px 32px;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px;\n margin-bottom: 48px;\n}\n.footer-brand-logo {\n font-size: 24px;\n font-weight: 800;\n color: var(--white);\n margin-bottom: 12px;\n}\n.footer-brand-logo span { color: var(--orange); }\n.footer-brand-desc {\n font-size: 13px;\n color: rgba(255,255,255,0.4);\n font-weight: 300;\n line-height: 1.7;\n margin-bottom: 20px;\n}\n.footer-socials {\n display: flex;\n gap: 10px;\n}\n.social-btn {\n width: 36px; height: 36px;\n border-radius: 4px;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n cursor: pointer;\n font-weight: 700;\n}\n.social-btn:hover { background: var(--orange); color: var(--white); border-color: var(--orange); }\n.footer-col-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(255,255,255,0.5);\n margin-bottom: 16px;\n}\n.footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.footer-links a {\n font-size: 13px;\n color: rgba(255,255,255,0.5);\n text-decoration: none;\n font-weight: 300;\n transition: color .2s;\n}\n.footer-links a:hover { color: var(--orange); }\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.06);\n padding-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.footer-copy {\n font-size: 12px;\n color: rgba(255,255,255,0.25);\n font-weight: 300;\n}\n\n\/* \u2500\u2500\u2500 DIVIDERS \/ SECTION LABELS \u2500\u2500\u2500 *\/\n.section-divider {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 20px 0 8px;\n margin-top: 8px;\n}\n.section-divider-line {\n flex: 1;\n height: 1px;\n background: #E2E4E7;\n}\n.section-divider-label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: #9CA3AF;\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"doc-header\">\n <div class=\"doc-logo\">CBC <span>|<\/span> \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <div class=\"doc-meta\">\u041c\u0430\u043a\u0435\u0442 \u00b7 \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u043e\u0432 \u00b7 \u0421\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/div>\n <div class=\"doc-tag\">Wireframe v1<\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">1<\/div>\n <div class=\"mock-nav\">\n <div class=\"mock-nav-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <ul class=\"mock-nav-links\">\n <li><a href=\"#\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/a><\/li>\n <li><a href=\"#\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/a><\/li>\n <li><a href=\"#\" class=\"nav-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0424\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0448\u0430\u043f\u043a\u0430 (sticky) \u0441 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u043c, \u043f\u044f\u0442\u044c\u044e \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043a\u043d\u043e\u043f\u043a\u043e\u0439-\u043f\u0440\u0438\u0437\u044b\u0432\u043e\u043c \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e. \u041f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u0442\u0435\u043d\u044c \u0443\u0441\u0438\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0444\u043e\u043d \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0431\u0435\u043b\u044b\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>\u0422\u0435\u043c\u0430 WoodMart:<\/strong> \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 Header Builder \u2014 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0431\u0435\u0437 \u043a\u043e\u0434\u0430. \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b. Sticky-\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u2014 \u0433\u0430\u043b\u043e\u0447\u043a\u0430 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0445\u0435\u0434\u0435\u0440\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WoodMart Header Builder<\/span>\n <span class=\"plugin-badge free-badge\">WordPress Menus<\/span><br><br>\n \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u2014 \u0431\u0443\u0440\u0433\u0435\u0440 \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">2<\/div>\n <div class=\"mock-hero\">\n <div class=\"mock-hero-left\">\n <div class=\"hero-pretag\">CBC \u2014 \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/div>\n <h1 class=\"mock-hero-h1\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e<br>\u0434\u043b\u044f <em>\u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/em>,<br>\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0441\u0442\u0451\u0442<\/h1>\n <p class=\"mock-hero-sub\">\u041e\u0444\u0438\u0441\u044b, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433, \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446-\u0437\u0430\u043b \u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n <div class=\"hero-btns\">\n <div class=\"btn-o\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/div>\n <div class=\"btn-w\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0438\u0434\u0435\u043e<\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">27<span style=\"font-size:22px\">+<\/span><\/span>\n <span class=\"hero-stat-label\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">4<\/span>\n <span class=\"hero-stat-label\">\u0413\u043e\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">150<\/span>\n <span class=\"hero-stat-label\">\u041c\u0435\u0441\u0442 \u0432 Event Hall<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-num\">24\/7<\/span>\n <span class=\"hero-stat-label\">\u0414\u043e\u0441\u0442\u0443\u043f<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mock-hero-right\">\n <div class=\"mock-hero-photo\">\n <div class=\"mock-hero-photo-inner\">\n <div class=\"photo-placeholder-label\">\u0424\u043e\u0442\u043e \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0444\u0430\u0441\u0430\u0434\u0430 \/ CBC<\/div>\n <div class=\"photo-placeholder-sub\">\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440: 1200\u00d7900px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u2014 \u043f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c. \u041b\u0435\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + 2 \u043a\u043d\u043e\u043f\u043a\u0438 + 4 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0446\u0438\u0444\u0440\u044b. \u041f\u0440\u0430\u0432\u0430\u044f: \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 CBC.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u00ab2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\u00bb, \u043b\u0435\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a, \u043f\u0440\u0430\u0432\u0430\u044f \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043b\u043d\u044b\u043c \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u0435\u043c. \u0426\u0438\u0444\u0440\u044b \u2014 Row \u0441 4 \u044f\u0447\u0435\u0439\u043a\u0430\u043c\u0438. <strong>\u0418\u043b\u0438:<\/strong> Elementor \u00abHero\u00bb widget. \u041a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 WPBakery.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Text Block<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 <strong>\u0440\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f CBC<\/strong>. \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442, \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 Ultimate Addons \u00abCounter\u00bb \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">3<\/div>\n <div class=\"mock-services-strip\">\n <div class=\"services-strip-inner\">\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25a3<\/div>\n <div class=\"srv-name\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"srv-desc\">\u041e\u0442 200 MDL\/\u0434\u0435\u043d\u044c<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25a4<\/div>\n <div class=\"srv-name\">\u041e\u0444\u0438\u0441\u044b<\/div>\n <div class=\"srv-desc\">\u041e\u0442 15 \u043c\u00b2<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25c1<\/div>\n <div class=\"srv-name\">Event Hall<\/div>\n <div class=\"srv-desc\">\u0414\u043e 150 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25ce<\/div>\n <div class=\"srv-name\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <div class=\"srv-desc\">\u0414\u043e 12 \u0447\u0435\u043b\u043e\u0432\u0435\u043a<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25b2<\/div>\n <div class=\"srv-name\">\u042e\u0440. \u0430\u0434\u0440\u0435\u0441<\/div>\n <div class=\"srv-desc\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u041e\u041e\u041e<\/div>\n <\/div>\n <div class=\"srv-item\">\n <div class=\"srv-icon\">\u25cf<\/div>\n <div class=\"srv-name\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <div class=\"srv-desc\">8:00 \u2013 20:00<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0434 Hero. \u0428\u0435\u0441\u0442\u044c \u043a\u043b\u0438\u043a\u0430\u0431\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043b\u0438\u0442\u043e\u043a \u2014 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u0430\u0436\u0434\u043e\u0439 \u0443\u0441\u043b\u0443\u0433\u0435. \u0418\u043a\u043e\u043d\u043a\u0430 + \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 + \u043a\u0440\u0430\u0442\u043a\u0430\u044f \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430. \u041f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u2014 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0443\u0441\u043b\u0443\u0433\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u0444\u043e\u043d\u043e\u043c, \u0432\u043d\u0443\u0442\u0440\u0438 Grid \u0438\u0437 6 \u044f\u0447\u0435\u0435\u043a. \u041a\u0430\u0436\u0434\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 Icon Box \u044d\u043b\u0435\u043c\u0435\u043d\u0442 (\u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442 + \u0441\u0441\u044b\u043b\u043a\u0430). <strong>\u0418\u043b\u0438<\/strong> Icon Grid \u0438\u0437 Ultimate Addons.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Icon Box<\/span>\n <span class=\"plugin-badge free-badge\">Ultimate Addons Icon Grid<\/span><br><br>\n \u0418\u043a\u043e\u043d\u043a\u0438 \u2014 Font Awesome \u0438\u043b\u0438 SVG. \u041e\u0434\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0435, \u0431\u0435\u043b\u044b\u0435 \u043d\u0430 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u043c \u0444\u043e\u043d\u0435.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">4<\/div>\n <div class=\"mock-counters\">\n <div class=\"counter-item\">\n <div class=\"counter-num\">27<span class=\"counter-suffix\">+<\/span><\/div>\n <div class=\"counter-label\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">4<\/div>\n <div class=\"counter-label\">\u0413\u043e\u0434\u0430 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">15<\/div>\n <div class=\"counter-label\">\u0421\u0444\u0435\u0440 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">500<span class=\"counter-suffix\">+<\/span><\/div>\n <div class=\"counter-label\">\u041f\u0440\u043e\u0432\u0435\u0434\u0451\u043d\u043d\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/div>\n <\/div>\n <div class=\"counter-item\">\n <div class=\"counter-num\">150<\/div>\n <div class=\"counter-label\">\u041c\u0435\u0441\u0442 \u0432 Event Hall<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0422\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 5 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438 \u2014 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 CBC. \u0426\u0438\u0444\u0440\u044b \u00ab\u0441\u0447\u0438\u0442\u0430\u044e\u0442\u00bb \u0441 \u043d\u0443\u043b\u044f \u043f\u0440\u0438 \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 \u0437\u043e\u043d\u0443 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 (scroll animation). \u0423\u0441\u0438\u043b\u0438\u0432\u0430\u044e\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Ultimate Addons for WPBakery:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u00abAnimated Statistics\u00bb \u0438\u043b\u0438 \u00abCounter\u00bb. \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u0441\u0443\u0444\u0444\u0438\u043a\u0441 (+). \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0441\u0435\u043a\u0446\u0438\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge paid-badge\">Ultimate Addons for WPBakery $26<\/span><br><br>\n \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u0434\u043e \u0441\u0435\u043a\u0446\u0438\u0438. \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">5<\/div>\n <div class=\"mock-cw-promo\">\n <div class=\"cw-photo-side\"><\/div>\n <div class=\"cw-content-side\">\n <div class=\"sec-pretag\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <h2 class=\"sec-h2\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e <em>\u0433\u043e\u0442\u043e\u0432\u043e<\/em> \u2014<br>\u043a\u043e\u0433\u0434\u0430 \u0433\u043e\u0442\u043e\u0432 \u0442\u044b<\/h2>\n <p class=\"sec-sub\">\u0413\u0438\u0431\u043a\u043e\u0435 \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u043e\u0432, \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432 \u0438 \u043a\u043e\u043c\u0430\u043d\u0434. \u0411\u0435\u0437 \u0435\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0445 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432.<\/p>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u0412\u044b\u0441\u043e\u043a\u043e\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u043d\u043e\u0439 Wi-Fi<\/strong> \u2014 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u0430\u043d\u0430\u043b 1 \u0413\u0431\u0438\u0442<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>24\/7 \u0434\u043e\u0441\u0442\u0443\u043f<\/strong> \u2014 \u0440\u0430\u0431\u043e\u0442\u0430\u0439 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u041a\u043e\u0444\u0435, \u043f\u0440\u0438\u043d\u0442\u0435\u0440, \u0441\u0435\u0439\u0444\u044b<\/strong> \u2014 \u0432\u0441\u0451 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e<\/div><\/div>\n <div class=\"feature-row\"><div class=\"feat-dot\"><\/div><div class=\"feat-text\"><strong>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/strong> \u2014 \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u044f<\/div><\/div>\n <div class=\"btn-o\" style=\"align-self:flex-start;margin-top:8px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0442\u0430\u0440\u0438\u0444\u044b \u2192<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u043e\u043c\u043e-\u0431\u043b\u043e\u043a \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430: \u0444\u043e\u0442\u043e \u0441\u043b\u0435\u0432\u0430, \u0442\u0435\u043a\u0441\u0442 \u0441\u043f\u0440\u0430\u0432\u0430. 4 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0444\u0438\u0447\u0438 \u0441 \u0442\u043e\u0447\u043a\u0430\u043c\u0438. \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430. \u041f\u0440\u0438\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0444\u0440\u0438\u043b\u0430\u043d\u0441\u0435\u0440\u043e\u0432 \u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u00ab2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\u00bb 50\/50. \u041b\u0435\u0432\u0430\u044f \u2014 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0441 full-height stretch. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a + Icon List + Button. \u041e\u0442\u0441\u0442\u0443\u043f\u044b \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 Row Settings.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Icon List<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Button<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f. \u0421\u0441\u044b\u043b\u043a\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u00ab\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u00bb.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">6<\/div>\n <div class=\"mock-offices\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/div>\n <h2 class=\"sec-h2\">\u041d\u0430\u0439\u0434\u0438 \u043e\u0444\u0438\u0441<br>\u043f\u043e\u0434 \u0441\u0432\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441<\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043e\u0444\u0438\u0441\u044b \u2192<\/a>\n <\/div>\n <div class=\"offices-grid\">\n \n <div class=\"office-card\">\n <div class=\"office-card-photo featured\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a Q<\/div>\n <div class=\"status-badge status-free\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">Q-502<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">65 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">5 \u044d\u0442\u0430\u0436<\/span><\/div>\n <div class=\"spec\">\u25ce <span class=\"spec-val\">\u0434\u043e 12 \u043c\u0435\u0441\u0442<\/span><\/div>\n <\/div>\n <div class=\"office-price\">18 500 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\">\u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438<\/button>\n <\/div>\n <\/div>\n \n <div class=\"office-card\">\n <div class=\"office-card-photo\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a A<\/div>\n <div class=\"status-badge status-busy\">\u0417\u0430\u043d\u044f\u0442<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">A-402<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">38 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">4 \u044d\u0442\u0430\u0436<\/span><\/div>\n <\/div>\n <div class=\"office-price\">11 200 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\" style=\"background:var(--light);color:var(--muted);\">\u041b\u0438\u0441\u0442 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/button>\n <\/div>\n <\/div>\n \n <div class=\"office-card\">\n <div class=\"office-card-photo\">\n <div class=\"block-badge\">\u0411\u043b\u043e\u043a Q<\/div>\n <div class=\"status-badge status-free\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"photo-label\">\u0424\u043e\u0442\u043e \u043e\u0444\u0438\u0441\u0430<\/div>\n <\/div>\n <div class=\"office-card-body\">\n <div class=\"office-name\">Q-301<\/div>\n <div class=\"office-specs\">\n <div class=\"spec\">\u25a3 <span class=\"spec-val\">22 \u043c\u00b2<\/span><\/div>\n <div class=\"spec\">\u25b2 <span class=\"spec-val\">3 \u044d\u0442\u0430\u0436<\/span><\/div>\n <\/div>\n <div class=\"office-price\">7 800 MDL <small>\/ \u043c\u0435\u0441\u044f\u0446<\/small><\/div>\n <button class=\"office-cta\">\u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u0438<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432 \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 (featured + 2). \u041f\u0435\u0440\u0432\u044b\u0439 \u043e\u0444\u0438\u0441 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043c\u0435\u0441\u0442\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430: \u0444\u043e\u0442\u043e, \u0441\u0442\u0430\u0442\u0443\u0441, \u043f\u043b\u043e\u0449\u0430\u0434\u044c, \u0446\u0435\u043d\u0430, \u043a\u043d\u043e\u043f\u043a\u0430. \u0421\u0441\u044b\u043b\u043a\u0430 \u00ab\u0412\u0441\u0435 \u043e\u0444\u0438\u0441\u044b\u00bb \u0432\u0435\u0434\u0451\u0442 \u0432 \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Business Directory Plugin:<\/strong> shortcode \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043e\u0444\u0438\u0441\u044b \u0438\u0437 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u2014 shortcode \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c limit=3, category=featured. \u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u0442\u0430\u0442\u0443\u0441 \u0447\u0435\u0440\u0435\u0437 \u0430\u0434\u043c\u0438\u043d\u043a\u0443. <strong>\u0418\u043b\u0438 WPBakery<\/strong> Grid \u0441 \u0440\u0443\u0447\u043d\u044b\u043c\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">Business Directory Plugin<\/span><br>\n \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f: \u041f\u043b\u043e\u0449\u0430\u0434\u044c, \u042d\u0442\u0430\u0436, \u0411\u043b\u043e\u043a, \u0426\u0435\u043d\u0430, \u0421\u0442\u0430\u0442\u0443\u0441. \u0421\u0442\u0430\u0442\u0443\u0441 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 1 \u043a\u043b\u0438\u043a \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u0411\u0435\u0437 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">7<\/div>\n <div class=\"mock-event-promo\">\n <div class=\"event-content\">\n <div class=\"sec-pretag\" style=\"color:var(--mint)\">CBC Event Hall<\/div>\n <h2 class=\"sec-h2\" style=\"color:var(--white)\">\u0417\u0430\u043b \u0434\u043b\u044f <em style=\"color:var(--orange)\">\u043b\u044e\u0431\u043e\u0433\u043e<\/em><br>\u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/h2>\n <p class=\"sec-sub\" style=\"color:rgba(255,255,255,0.5)\">150 \u043c\u0435\u0441\u0442, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0432\u0443\u043a, LED-\u044d\u043a\u0440\u0430\u043d 165\". \u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438, \u0442\u0440\u0435\u043d\u0438\u043d\u0433\u0438, \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u044b.<\/p>\n <div class=\"event-types\">\n <span class=\"event-type-tag\">\u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438<\/span>\n <span class=\"event-type-tag\">\u0422\u0440\u0435\u043d\u0438\u043d\u0433\u0438<\/span>\n <span class=\"event-type-tag\">\u0421\u0435\u043c\u0438\u043d\u0430\u0440\u044b<\/span>\n <span class=\"event-type-tag\">\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/span>\n <span class=\"event-type-tag\">\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u044b<\/span>\n <span class=\"event-type-tag\">\u0424\u043e\u0440\u0443\u043c\u044b<\/span>\n <\/div>\n <div class=\"event-specs-row\">\n <div class=\"event-spec\"><span class=\"event-spec-val\">150<\/span><span class=\"event-spec-key\">\u043c\u0435\u0441\u0442<\/span><\/div>\n <div class=\"event-spec\"><span class=\"event-spec-val\">165\"<\/span><span class=\"event-spec-key\">\u044d\u043a\u0440\u0430\u043d<\/span><\/div>\n <div class=\"event-spec\"><span class=\"event-spec-val\">1 500<\/span><span class=\"event-spec-key\">MDL\/\u0447\u0430\u0441<\/span><\/div>\n <\/div>\n <div class=\"btn-o\" style=\"align-self:flex-start\">\u0417\u0430\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043b \u2192<\/div>\n <\/div>\n <div class=\"event-photo-side\"><\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0422\u0451\u043c\u043d\u044b\u0439 \u043f\u0440\u043e\u043c\u043e-\u0431\u043b\u043e\u043a \u0434\u043b\u044f Event Hall. \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u043b\u0435\u0432\u0430: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0442\u0435\u0433\u0438 \u0442\u0438\u043f\u043e\u0432 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 + 3 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 + \u043a\u043d\u043e\u043f\u043a\u0430. \u0424\u043e\u0442\u043e \u0437\u0430\u043b\u0430 \u0441\u043f\u0440\u0430\u0432\u0430. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c, 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041b\u0435\u0432\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442 + \u0442\u0435\u0433\u0438 (\u0441\u043f\u0438\u0441\u043e\u043a) + Row \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439 + \u043a\u043d\u043e\u043f\u043a\u0430. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0444\u043e\u0442\u043e \u043d\u0430 \u0432\u0441\u044e \u0432\u044b\u0441\u043e\u0442\u0443. \u0422\u0435\u0433\u0438 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u2014 Icon List \u0431\u0435\u0437 \u0438\u043a\u043e\u043d\u043e\u043a \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 Label \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Button<\/span><br><br>\n \u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 CBC Event Hall. \u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0441\u0442\u0438\u043b\u0435\u043c \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">8<\/div>\n <div class=\"mock-synergy\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n <h2 class=\"sec-h2\">\u041d\u0430\u0448\u0438 <em>\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\" style=\"padding-bottom:20px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435\u0445 \u2192<\/a>\n <\/div>\n <div class=\"synergy-grid\">\n <div class=\"synergy-card\">\n <div class=\"syn-count\">01<\/div>\n <div class=\"syn-category\">IT & Tech<\/div>\n <div class=\"syn-company\">TechFlow MD<\/div>\n <div class=\"syn-desc\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0438 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/div>\n <\/div>\n <div class=\"synergy-card\">\n <div class=\"syn-count\">02<\/div>\n <div class=\"syn-category\">\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\n <div class=\"syn-company\">LexCorp Moldova<\/div>\n <div class=\"syn-desc\">\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u043e, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u043d\u0430\u043b\u043e\u0433\u043e\u0432\u044b\u0439 \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433<\/div>\n <\/div>\n <div class=\"synergy-card\">\n <div class=\"syn-count\">03<\/div>\n <div class=\"syn-category\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/div>\n <div class=\"syn-company\">Bright Agency<\/div>\n <div class=\"syn-desc\">Digital-\u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433, SMM, \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u0430\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u0430<\/div>\n <\/div>\n <div class=\"synergy-card\" style=\"background:var(--dark);border-color:var(--orange)\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);margin-bottom:8px\">27+<\/div>\n <div style=\"font-size:13px;font-weight:600;color:var(--white);margin-bottom:4px\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:20px\">15 \u0441\u0444\u0435\u0440 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/div>\n <div class=\"btn-o\" style=\"font-size:11px;padding:10px 16px;text-align:center\">\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u0435\u0432\u044c\u044e \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u00ab\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430\u00bb \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 + \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430-CTA \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u0435 \u0441\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432 CBC. \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u0438\u0434\u0435\u044e \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>CPT UI + ACF:<\/strong> \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f \u0437\u0430\u043f\u0438\u0441\u0435\u0439. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u2014 WPBakery Grid \u0441 \u043b\u0438\u043c\u0438\u0442\u043e\u043c 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438\u0437 CPT \u00ab\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u00bb. 4-\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u0430\u044f CTA. <strong>\u0418\u043b\u0438:<\/strong> \u0432\u0440\u0443\u0447\u043d\u0443\u044e 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 WPBakery, \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0440\u0443\u043a\u0430\u043c\u0438.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">CPT UI<\/span>\n <span class=\"plugin-badge free-badge\">Advanced Custom Fields<\/span>\n <span class=\"plugin-badge free-badge\">WPBakery Grid<\/span><br><br>\n \u041f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 CPT \u2014 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">9<\/div>\n <div class=\"mock-events\">\n <div class=\"section-header\">\n <div class=\"section-header-left\">\n <div class=\"sec-pretag\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f CBC<\/div>\n <h2 class=\"sec-h2\">\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 <em>\u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/em><\/h2>\n <\/div>\n <a href=\"#\" class=\"view-all\" style=\"padding-bottom:20px\">\u0412\u0435\u0441\u044c \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u2192<\/a>\n <\/div>\n <div class=\"events-grid\">\n <div class=\"event-card\">\n <div class=\"event-card-img main\">\n <div class=\"event-date-badge\">15 \u041c\u0430\u0440\u0442\u0430 \u00b7 18:00<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f<\/div>\n <div class=\"event-title\">Digital Business Forum Moldova 2025<\/div>\n <div class=\"event-meta\">CBC Event Hall \u00b7 150 \u043c\u0435\u0441\u0442 \u00b7 \u0412\u0445\u043e\u0434 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439<\/div>\n <\/div>\n <\/div>\n <div class=\"event-card\">\n <div class=\"event-card-img\">\n <div class=\"event-date-badge\">22 \u041c\u0430\u0440\u0442\u0430<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u0422\u0440\u0435\u043d\u0438\u043d\u0433<\/div>\n <div class=\"event-title\">\u041a\u0430\u043a \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441 \u0432 2025<\/div>\n <div class=\"event-meta\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u00b7 12 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <\/div>\n <div class=\"event-card\">\n <div class=\"event-card-img\">\n <div class=\"event-date-badge\">1 \u0410\u043f\u0440\u0435\u043b\u044f<\/div>\n <\/div>\n <div class=\"event-card-body\">\n <div class=\"event-type\">\u041d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"event-title\">CBC Networking Evening \u2014 April<\/div>\n <div class=\"event-meta\">\u0417\u043e\u043d\u0430 \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430 \u00b7 50 \u043c\u0435\u0441\u0442<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"events-footer\">\n <button class=\"btn-outline-dark\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f<\/button>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u041f\u0440\u0435\u0432\u044c\u044e \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439: 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0438\u0437 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u2014 \u0448\u0438\u0440\u043e\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0441\u043b\u0435\u0432\u0430. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Modern Events Calendar:<\/strong> shortcode \u0432\u044b\u0432\u043e\u0434\u0438\u0442 3 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438. \u0428\u0430\u0431\u043b\u043e\u043d \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0435. \u0412\u0441\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u2014 \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u0431\u0435\u0437 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge paid-badge\">Modern Events Calendar ~$59<\/span><br><br>\n Shortcode: <strong>[mec_skin skin=\"grid\" id=\"...\" ids=\"3\"]<\/strong><br>\n \u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u2014 \u043e\u043d\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0438 \u0443\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0441\u043b\u0435 \u0434\u0430\u0442\u044b \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">10<\/div>\n <div class=\"mock-reviews\">\n <div class=\"sec-pretag\" style=\"color:var(--mint)\">\u041e\u0442\u0437\u044b\u0432\u044b \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <h2 class=\"sec-h2\" style=\"color:var(--white);margin-bottom:0\">\u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 <em style=\"color:var(--orange)\">150+ \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/em><\/h2>\n <div class=\"reviews-grid\">\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00abCBC \u0438\u0437\u043c\u0435\u043d\u0438\u043b \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u043d\u0430\u0448\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435. \u041c\u044b \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b\u0438 \u0441\u044e\u0434\u0430 \u043a\u0430\u043a \u0441\u0442\u0430\u0440\u0442\u0430\u043f, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c \u0446\u0435\u043b\u044b\u0439 \u044d\u0442\u0430\u0436. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u2014 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043b\u044e\u0434\u0435\u0439 \u0432\u043e\u043a\u0440\u0443\u0433.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0414\u041c<\/div>\n <div>\n <div class=\"review-name\">\u0414\u043c\u0438\u0442\u0440\u0438\u0439 \u041c\u043e\u043b\u0434\u043e\u0432\u0430\u043d<\/div>\n <div class=\"review-role\">CEO \u00b7 TechFlow MD<\/div>\n <div class=\"review-company\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442 3 \u0433\u043e\u0434\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 CBC \u2014 \u043b\u0443\u0447\u0448\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0435. \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430, \u0442\u0438\u0448\u0438\u043d\u0430, \u043a\u043e\u0444\u0435 \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043b\u044e\u0434\u0438 \u0440\u044f\u0434\u043e\u043c. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0410\u0421<\/div>\n <div>\n <div class=\"review-name\">\u0410\u043d\u043d\u0430 \u0421\u0442\u043e\u044f\u043d\u043e\u0432\u0430<\/div>\n <div class=\"review-role\">Freelance Designer<\/div>\n <div class=\"review-company\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442 1.5 \u0433\u043e\u0434\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab\u041f\u0440\u043e\u0432\u0435\u043b\u0438 \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044e \u043d\u0430 120 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u2014 \u0432\u0441\u0451 \u043f\u0440\u043e\u0448\u043b\u043e \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e. Event Hall \u043e\u0441\u043d\u0430\u0449\u0451\u043d \u043f\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u043c\u0443 \u0441\u043b\u043e\u0432\u0443, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u0430.\u00bb<\/div>\n <div class=\"review-author\">\n <div class=\"review-avatar\">\u0412\u041f<\/div>\n <div>\n <div class=\"review-name\">\u0412\u0438\u043a\u0442\u043e\u0440 \u041f\u043e\u043f\u0435\u0441\u043a\u0443<\/div>\n <div class=\"review-role\">Managing Partner \u00b7 LexCorp<\/div>\n <div class=\"review-company\">\u041a\u043b\u0438\u0435\u043d\u0442 Event Hall<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0421\u0435\u043a\u0446\u0438\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430: 3 \u043e\u0442\u0437\u044b\u0432\u0430 \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u0445. \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0438\u0440\u0443\u0435\u0442 \u0441 \u0431\u0435\u043b\u044b\u043c\u0438 \u0431\u043b\u043e\u043a\u0430\u043c\u0438. \u0417\u0432\u0451\u0437\u0434\u043d\u044b\u0439 \u0440\u0435\u0439\u0442\u0438\u043d\u0433, \u0446\u0438\u0442\u0430\u0442\u0430, \u0430\u0432\u0430\u0442\u0430\u0440, \u0438\u043c\u044f, \u0440\u043e\u043b\u044c, \u0441\u0440\u043e\u043a \u0430\u0440\u0435\u043d\u0434\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>Strong Testimonials:<\/strong> \u043f\u043b\u0430\u0433\u0438\u043d \u0445\u0440\u0430\u043d\u0438\u0442 \u043e\u0442\u0437\u044b\u0432\u044b, \u0432\u044b\u0432\u043e\u0434\u0438\u0442 shortcode \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c Grid. \u041c\u043e\u0436\u043d\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 Google Reviews. \u0410\u0432\u0430\u0442\u0430\u0440 \u2014 \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u044b \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438. WPBakery-\u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043b\u0438 shortcode \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">Strong Testimonials<\/span><br><br>\n \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0433\u043e \u043e\u0442\u0437\u044b\u0432\u0430 \u0447\u0435\u0440\u0435\u0437 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u0430\u043d\u0435\u043b\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u0411\u0435\u0437 \u043a\u043e\u0434\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 Google Reviews \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">11<\/div>\n <div class=\"mock-cta\">\n <div>\n <div class=\"cta-h2\">\u0413\u043e\u0442\u043e\u0432\u044b \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e<br>CBC Community?<\/div>\n <div class=\"cta-sub\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u2014 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0432\u0441\u0451 \u0432\u0436\u0438\u0432\u0443\u044e<\/div>\n <\/div>\n <div class=\"cta-btns\">\n <button class=\"btn-white\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/button>\n <button class=\"btn-outline-white\">+373 60 390 300<\/button>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u0437\u044b\u0432 \u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e \u043f\u0435\u0440\u0435\u0434 \u0444\u0443\u0442\u0435\u0440\u043e\u043c. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u0444\u043e\u043d, \u043a\u0440\u0443\u043f\u043d\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, 2 \u043a\u043d\u043e\u043f\u043a\u0438: \u0437\u0430\u043f\u0438\u0441\u044c \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e (\u0444\u043e\u0440\u043c\u0430) \u0438 \u043f\u0440\u044f\u043c\u043e\u0439 \u0437\u0432\u043e\u043d\u043e\u043a. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043d\u0435\u0440\u0435\u0448\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WPBakery:<\/strong> \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u0444\u043e\u043d\u043e\u043c, \u0434\u0432\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 60\/40. \u041b\u0435\u0432\u0430\u044f \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0442\u0435\u043a\u0441\u0442. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\u00bb \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 Contact Form 7 \u0438\u043b\u0438 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u044f\u043a\u043e\u0440\u044c \u0444\u043e\u0440\u043c\u044b.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WPBakery Row + Column<\/span>\n <span class=\"plugin-badge free-badge\">Contact Form 7<\/span>\n <span class=\"plugin-badge free-badge\">Popup Maker (\u043e\u043f\u0446.)<\/span><br><br>\n \u0422\u0435\u043b\u0435\u0444\u043e\u043d \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043a\u043d\u043e\u043f\u043a\u0430 \u0441 href=\"tel:+37360390300\" \u2014 \u043a\u043b\u0438\u043a \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0441\u0440\u0430\u0437\u0443 \u0437\u0432\u043e\u043d\u0438\u0442.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"block-wrap\">\n <div class=\"block-num\">12<\/div>\n <div class=\"mock-footer\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"footer-brand-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"footer-brand-desc\">\u0411\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440 \u0432 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0435 \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u044f\u0442 \u0440\u0430\u0441\u0442\u0438. \u041e\u0444\u0438\u0441\u044b, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433, Event Hall, \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0435 \u043a\u043e\u043c\u043d\u0430\u0442\u044b.<\/div>\n <div class=\"footer-socials\">\n <div class=\"social-btn\">fb<\/div>\n <div class=\"social-btn\">in<\/div>\n <div class=\"social-btn\">ig<\/div>\n <div class=\"social-btn\">yt<\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u0423\u0441\u043b\u0443\u0433\u0438<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/a><\/li>\n <li><a href=\"#\">\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/a><\/li>\n <li><a href=\"#\">CBC Event Hall<\/a><\/li>\n <li><a href=\"#\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/a><\/li>\n <li><a href=\"#\">\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441<\/a><\/li>\n <li><a href=\"#\">\u041a\u0430\u0444\u0435 CBC<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/a><\/li>\n <li><a href=\"#\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/a><\/li>\n <li><a href=\"#\">\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/a><\/li>\n <li><a href=\"#\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/a><\/li>\n <li><a href=\"#\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/a><\/li>\n <li><a href=\"#\">+373 60 390 300<\/a><\/li>\n <li><a href=\"#\">+373 22 401 323<\/a><\/li>\n <li><a href=\"#\">info@cbcenter.md<\/a><\/li>\n <li><a href=\"#\">\u041f\u043d\u2013\u041f\u0442: 8:00\u201320:00<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div class=\"footer-copy\">\u00a9 2025 Community Business Center. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/div>\n <div class=\"footer-copy\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u00b7 \u041a\u0430\u0440\u0442\u0430 \u0441\u0430\u0439\u0442\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-text\">\u0427\u0435\u0442\u044b\u0440\u0451\u0445\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0444\u0443\u0442\u0435\u0440: \u043b\u043e\u0433\u043e\u0442\u0438\u043f + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 + \u0441\u043e\u0446\u0441\u0435\u0442\u0438, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0423\u0441\u043b\u0443\u0433, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432. \u041a\u043e\u043f\u0438\u0440\u0430\u0439\u0442 \u0438 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432\u043d\u0438\u0437\u0443.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WoodMart Footer Builder:<\/strong> \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0437 \u043a\u043e\u0434\u0430 \u0447\u0435\u0440\u0435\u0437 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440. \u0427\u0435\u0442\u044b\u0440\u0435 \u0432\u0438\u0434\u0436\u0435\u0442-\u0437\u043e\u043d\u044b. \u0421\u043e\u0446\u0441\u0435\u0442\u0438 \u2014 \u0447\u0435\u0440\u0435\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0442\u0435\u043c\u044b (Theme Settings \u2192 Social). \u0421\u0441\u044b\u043b\u043a\u0438 \u2014 WordPress \u043c\u0435\u043d\u044e \u00abFooter\u00bb.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"plugin-badge free-badge\">WoodMart Footer Builder<\/span>\n <span class=\"plugin-badge free-badge\">WordPress Widget Areas<\/span><br><br>\n \u0421\u0441\u044b\u043b\u043a\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Dashboard \u2192 Appearance \u2192 Menus. \u0422\u0435\u043a\u0441\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 \u2014 \u0432 \u0432\u0438\u0434\u0436\u0435\u0442\u0435 \u00abText\u00bb \u0438\u043b\u0438 \u00abHTML\u00bb. \u0411\u0435\u0437 \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CBC \u2014 \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f. \u041c\u0430\u043a\u0435\u0442 + \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root {\n --dark: #252D3A;\n --dark2: #434B58;\n --orange: #F57220;\n --white: #FFFFFF;\n --light: #EDEDEF;\n --mint: #CDDDDA;\n --muted: #6B7280;\n --border: #E5E7EB;\n --ann-bg: #FFFBF0;\n --ann-border: #F0C060;\n --ann-label: #B45309;\n}\nbody {\n font-family: 'Poppins', sans-serif;\n background: #F4F5F7;\n color: var(--dark);\n}\n\n\/* \u2500\u2500\u2500 DOC HEADER \u2500\u2500\u2500 *\/\n.doc-header {\n background: var(--dark);\n padding: 20px 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 3px solid var(--orange);\n position: sticky; top: 0; z-index: 9999;\n}\n.doc-logo { font-size: 18px; font-weight: 800; color: var(--white); }\n.doc-logo span { color: var(--orange); }\n.doc-tag { background: var(--orange); color: var(--white); font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 3px; }\n\n\/* \u2500\u2500\u2500 PAGE \u2500\u2500\u2500 *\/\n.page { max-width: 1300px; margin: 0 auto; padding: 40px 24px 80px; }\n\n\/* \u2500\u2500\u2500 SECTION LABEL \u2500\u2500\u2500 *\/\n.sec-label {\n display: flex; align-items: center; gap: 14px;\n margin-bottom: 16px; margin-top: 48px;\n}\n.sec-label-num {\n width: 36px; height: 36px; background: var(--orange); border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 15px; font-weight: 800; color: var(--white);\n flex-shrink: 0;\n}\n.sec-label-text { font-size: 20px; font-weight: 700; color: var(--dark); }\n.sec-label-sub { font-size: 13px; color: var(--muted); font-weight: 300; margin-left: 4px; }\n\n\/* \u2500\u2500\u2500 ANNOTATION \u2500\u2500\u2500 *\/\n.ann {\n background: var(--ann-bg);\n border: 1.5px solid var(--ann-border);\n border-radius: 8px; padding: 16px 20px;\n margin-top: 10px;\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;\n}\n.ann-title {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--ann-label);\n margin-bottom: 6px; display: flex; align-items: center; gap: 6px;\n}\n.ann-title::before { content:''; width:12px; height:2px; background:var(--ann-border); }\n.ann-text { font-size: 12px; color: #78716C; line-height: 1.7; font-weight: 300; }\n.ann-text strong { color: var(--dark); font-weight: 600; }\n.badge { display: inline-block; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 10px; margin: 2px 2px 2px 0; letter-spacing: 0.5px; }\n.badge-free { background:#D1FAE5; border:1px solid #10B981; color:#065F46; }\n.badge-paid { background:#FEE2E2; border:1px solid #EF4444; color:#991B1B; }\n.badge-wp { background:#EEF2FF; border:1px solid #6366F1; color:#3730A3; }\n\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\n DESKTOP NAVBAR\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 *\/\n.nav-demo-wrap {\n background: var(--white);\n border-radius: 8px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n overflow: visible;\n position: relative;\n z-index: 100;\n}\n\n\/* Main bar *\/\n.navbar {\n height: 72px;\n padding: 0 40px;\n display: flex; align-items: center; justify-content: space-between;\n border-bottom: 1px solid var(--border);\n background: var(--white);\n border-radius: 8px 8px 0 0;\n position: relative; z-index: 200;\n}\n.nav-logo {\n font-size: 20px; font-weight: 800; color: var(--dark);\n white-space: nowrap; letter-spacing: -0.5px;\n}\n.nav-logo span { color: var(--orange); }\n.nav-links {\n display: flex; align-items: center; gap: 4px; list-style: none;\n}\n.nav-item { position: relative; }\n.nav-link {\n display: flex; align-items: center; gap: 5px;\n padding: 8px 14px;\n font-size: 13px; font-weight: 500; color: var(--dark2);\n text-decoration: none; border-radius: 4px;\n transition: all .2s; white-space: nowrap; cursor: pointer;\n border: none; background: none;\n font-family: 'Poppins', sans-serif;\n}\n.nav-link:hover, .nav-item.open > .nav-link { color: var(--orange); background: #FFF8F4; }\n.nav-link .chevron {\n font-size: 8px; color: var(--muted);\n transition: transform .2s; display: inline-block;\n}\n.nav-item.open > .nav-link .chevron { transform: rotate(180deg); color: var(--orange); }\n.nav-cta {\n background: var(--orange); color: var(--white) !important;\n padding: 10px 20px; border-radius: 4px;\n font-size: 12px; font-weight: 700; letter-spacing: 0.5px;\n white-space: nowrap; cursor: pointer;\n transition: background .2s;\n}\n.nav-cta:hover { background: #D4611A; }\n\n\/* Dropdown *\/\n.dropdown {\n position: absolute; top: calc(100% + 6px); left: 0;\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 8px;\n box-shadow: 0 16px 48px rgba(0,0,0,0.12);\n min-width: 220px;\n opacity: 0; visibility: hidden; transform: translateY(-6px);\n transition: all .22s cubic-bezier(0.23,1,0.32,1);\n z-index: 300;\n overflow: hidden;\n}\n.nav-item.open .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }\n\n\/* Wide dropdown for \u0423\u0441\u043b\u0443\u0433\u0438 *\/\n.dropdown-wide {\n min-width: 540px;\n display: grid; grid-template-columns: 1fr 1fr;\n left: 0;\n}\n.dropdown-col { padding: 8px 0; }\n.dropdown-col-header {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted);\n padding: 10px 20px 6px; border-bottom: 1px solid var(--light);\n margin-bottom: 4px;\n}\n\n.dropdown-item {\n display: flex; align-items: center; gap: 12px;\n padding: 10px 20px;\n font-size: 13px; color: var(--dark2); font-weight: 400;\n text-decoration: none; cursor: pointer;\n transition: all .15s;\n}\n.dropdown-item:hover { background: #FFF8F4; color: var(--orange); }\n.dropdown-item:hover .di-icon { background: var(--orange); color: var(--white); }\n.di-icon {\n width: 32px; height: 32px; border-radius: 6px;\n background: var(--light); display: flex; align-items: center; justify-content: center;\n font-size: 13px; flex-shrink: 0; transition: all .15s;\n color: var(--dark2); font-weight: 700;\n}\n.di-text strong { display: block; font-weight: 600; font-size: 13px; color: var(--dark); }\n.di-text span { font-size: 11px; color: var(--muted); font-weight: 300; }\n.dropdown-item:hover .di-text strong { color: var(--orange); }\n\n\/* Dropdown footer CTA *\/\n.dropdown-footer {\n padding: 12px 20px;\n background: var(--light);\n border-top: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n}\n.dropdown-footer-text { font-size: 12px; color: var(--muted); font-weight: 300; }\n.dropdown-footer-link { font-size: 12px; font-weight: 600; color: var(--orange); text-decoration: none; }\n\n\/* Simple dropdown *\/\n.dropdown-simple { padding: 8px 0; }\n.dropdown-simple .dropdown-item { padding: 10px 20px; }\n\n\/* \u2500\u2500\u2500 STATES DEMO \u2500\u2500\u2500 *\/\n.states-row {\n display: grid; grid-template-columns: 1fr 1fr 1fr;\n gap: 16px; margin-top: 12px;\n}\n.state-demo {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); overflow: hidden;\n}\n.state-demo-label {\n background: var(--light); padding: 8px 14px;\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted);\n border-bottom: 1px solid var(--border);\n}\n.state-demo-inner { padding: 20px; }\n\n\/* Default state *\/\n.mini-link {\n display: inline-flex; align-items: center; gap: 5px;\n padding: 8px 14px; font-size: 13px; font-weight: 500;\n border-radius: 4px; cursor: pointer; font-family: 'Poppins', sans-serif;\n}\n.mini-link.default { color: var(--dark2); }\n.mini-link.hover { color: var(--orange); background: #FFF8F4; }\n.mini-link.active { color: var(--orange); border-bottom: 2px solid var(--orange); border-radius: 0; padding-bottom: 6px; }\n\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\n STICKY BEHAVIOR DEMO\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 *\/\n.sticky-demo {\n border-radius: 8px; overflow: hidden; border: 1.5px solid var(--border);\n margin-top: 12px;\n}\n.sticky-row {\n display: grid; grid-template-columns: 1fr 1fr;\n}\n.sticky-state {\n padding: 20px 28px; position: relative;\n}\n.sticky-state:first-child { border-right: 1px solid var(--border); }\n.sticky-state-label {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--muted); margin-bottom: 14px;\n}\n\n\/* Top of page \u2014 white bg *\/\n.nav-mini-top {\n height: 52px; background: var(--white);\n border-radius: 4px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 20px; font-size: 12px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\/* Scrolled \u2014 shadow increases *\/\n.nav-mini-scrolled {\n height: 52px; background: var(--white);\n border-radius: 4px; border: 1px solid var(--border);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 20px; font-size: 12px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.14);\n border-bottom: 3px solid var(--orange);\n}\n.nm-logo { font-size: 12px; font-weight: 800; color: var(--dark); }\n.nm-logo span { color: var(--orange); }\n.nm-links { display: flex; gap: 12px; font-size: 11px; color: var(--muted); }\n.nm-cta { background: var(--orange); color: var(--white); font-size: 10px; font-weight: 700; padding: 5px 12px; border-radius: 3px; }\n.sticky-desc { font-size: 12px; color: var(--muted); font-weight: 300; margin-top: 12px; line-height: 1.6; }\n.sticky-desc strong { color: var(--dark); font-weight: 600; }\n\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\n MOBILE MENU\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 *\/\n.mobile-demo {\n display: grid; grid-template-columns: 320px 1fr;\n gap: 24px; margin-top: 12px; align-items: start;\n}\n.mobile-phone {\n background: var(--dark);\n border-radius: 20px; overflow: hidden;\n border: 6px solid #1A2130;\n box-shadow: 0 24px 64px rgba(0,0,0,0.3);\n}\n.phone-bar {\n height: 50px; background: var(--white);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 16px; border-bottom: 1px solid var(--border);\n}\n.phone-logo { font-size: 13px; font-weight: 800; color: var(--dark); }\n.phone-logo span { color: var(--orange); }\n.burger {\n display: flex; flex-direction: column; gap: 4px; cursor: pointer;\n padding: 4px;\n}\n.burger-line { width: 20px; height: 2px; background: var(--dark); border-radius: 2px; }\n\n.mobile-menu-open {\n background: var(--dark);\n padding: 8px 0 20px;\n}\n.mob-section {\n border-bottom: 1px solid rgba(255,255,255,0.06);\n margin-bottom: 0;\n}\n.mob-item {\n display: flex; align-items: center; justify-content: space-between;\n padding: 14px 20px; font-size: 14px; font-weight: 500; color: var(--white);\n cursor: pointer; transition: background .15s;\n}\n.mob-item:hover { background: rgba(255,255,255,0.04); }\n.mob-item.active { color: var(--orange); }\n.mob-chevron { font-size: 10px; color: var(--muted); }\n.mob-sub {\n background: rgba(0,0,0,0.2);\n padding: 4px 0;\n}\n.mob-sub-item {\n display: flex; align-items: center; gap: 10px;\n padding: 10px 20px 10px 36px;\n font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.55);\n cursor: pointer;\n}\n.mob-sub-item::before { content: '\u2014'; color: var(--orange); font-size: 10px; }\n.mob-sub-item:hover { color: var(--orange); }\n.mob-cta-area { padding: 16px 20px 0; }\n.mob-cta-btn {\n display: block; text-align: center;\n background: var(--orange); color: var(--white);\n padding: 14px; border-radius: 6px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.5px;\n}\n.mob-contacts {\n padding: 16px 20px 0;\n display: flex; flex-direction: column; gap: 6px;\n}\n.mob-contact { font-size: 12px; color: rgba(255,255,255,0.35); font-weight: 300; }\n.mob-contact strong { color: rgba(255,255,255,0.55); }\n\n\/* Mobile instructions *\/\n.mobile-notes {\n display: flex; flex-direction: column; gap: 14px;\n}\n.note-card {\n background: var(--white); border: 1.5px solid var(--border);\n border-radius: 8px; padding: 18px 20px;\n}\n.note-card-title {\n font-size: 13px; font-weight: 700; color: var(--dark);\n margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\n}\n.note-card-title::before { content:''; width:3px; height:14px; background:var(--orange); border-radius:2px; }\n.note-card-text { font-size: 12px; color: var(--muted); line-height: 1.7; font-weight: 300; }\n.note-card-text strong { color: var(--dark); font-weight: 600; }\n.code-snippet {\n background: var(--dark); color: var(--mint);\n font-size: 11px; font-family: monospace;\n padding: 8px 12px; border-radius: 4px; margin-top: 8px;\n line-height: 1.6;\n}\n\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\n WORDPRESS SETUP\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 *\/\n.wp-steps {\n display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;\n margin-top: 12px;\n}\n.wp-step {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); padding: 20px;\n position: relative;\n}\n.wp-step-num {\n width: 32px; height: 32px; background: var(--orange);\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n font-size: 14px; font-weight: 800; color: var(--white);\n margin-bottom: 14px;\n}\n.wp-step-title { font-size: 13px; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n.wp-step-text { font-size: 12px; color: var(--muted); line-height: 1.7; font-weight: 300; }\n.wp-step-text strong { color: var(--dark); font-weight: 600; }\n.wp-arrow {\n position: absolute; right: -12px; top: 50%;\n transform: translateY(-50%);\n font-size: 18px; color: var(--orange);\n z-index: 2; font-weight: 700;\n}\n.wp-step:last-child .wp-arrow { display: none; }\n\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\n MENU STRUCTURE TREE\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 *\/\n.tree-wrap {\n background: var(--white); border-radius: 8px;\n border: 1.5px solid var(--border); padding: 24px 28px;\n margin-top: 12px;\n}\n.tree-row {\n display: flex; align-items: center;\n padding: 7px 0; border-bottom: 1px solid var(--light);\n font-size: 13px;\n}\n.tree-row:last-child { border: none; }\n.tree-indent-0 { padding-left: 0; font-weight: 700; color: var(--dark); }\n.tree-indent-1 { padding-left: 32px; font-weight: 400; color: var(--dark2); }\n.tree-indent-2 { padding-left: 64px; font-weight: 300; color: var(--muted); font-size: 12px; }\n.tree-dot {\n width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; flex-shrink: 0;\n}\n.dot-orange { background: var(--orange); }\n.dot-dark { background: var(--dark2); }\n.dot-light { background: var(--border); }\n.tree-tag {\n margin-left: auto; font-size: 10px; font-weight: 700;\n padding: 2px 8px; border-radius: 10px;\n}\n.tag-top { background: #DBEAFE; color: #1D4ED8; }\n.tag-drop { background: #FEF3C7; color: #92400E; }\n.tag-link { background: #D1FAE5; color: #065F46; }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"doc-logo\">CBC <span>|<\/span> \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u2014 \u041c\u0430\u043a\u0435\u0442 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/div>\n <div class=\"doc-tag\">Menu Design<\/div>\n<\/div>\n\n<div class=\"page\">\n\n\n<div class=\"sec-label\">\n <div class=\"sec-label-num\">1<\/div>\n <div>\n <div class=\"sec-label-text\">\u0414\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043d\u0430\u0432\u0435\u0434\u0438 \u043d\u0430 \u043f\u0443\u043d\u043a\u0442\u044b \u043c\u0435\u043d\u044e \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u044b<\/span>\n <\/div>\n<\/div>\n\n<div class=\"nav-demo-wrap\">\n <nav class=\"navbar\">\n <div class=\"nav-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <ul class=\"nav-links\">\n\n \n <li class=\"nav-item\" id=\"ni-about\">\n <button class=\"nav-link\" onclick=\"toggle('ni-about')\">\n \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c9<\/div>\n <div class=\"di-text\"><strong>\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/strong><span>\u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 CBC<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a4<\/div>\n <div class=\"di-text\"><strong>\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/strong><span>\u0411\u043b\u043e\u043a\u0438 A \u0438 Q, \u043f\u043b\u0430\u043d\u044b<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25b2<\/div>\n <div class=\"di-text\"><strong>\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/strong><span>\u041f\u043b\u0430\u043d\u044b \u043d\u0430 2025\u20132026<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-services\">\n <button class=\"nav-link\" onclick=\"toggle('ni-services')\">\n \u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-wide\">\n <div class=\"dropdown-col\">\n <div class=\"dropdown-col-header\">\u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430<\/div>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a3<\/div>\n <div class=\"di-text\"><strong>\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/strong><span>\u041e\u0442 200 MDL\/\u0434\u0435\u043d\u044c<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a4<\/div>\n <div class=\"di-text\"><strong>\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443<\/strong><span>\u041e\u0442 15 \u043c\u00b2, \u0411\u043b\u043e\u043a A \u0438 Q<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25ce<\/div>\n <div class=\"di-text\"><strong>\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430<\/strong><span>\u0414\u043e 12 \u0447\u0435\u043b\u043e\u0432\u0435\u043a<\/span><\/div>\n <\/a>\n <\/div>\n <div class=\"dropdown-col\">\n <div class=\"dropdown-col-header\">\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c1<\/div>\n <div class=\"di-text\"><strong>CBC Event Hall<\/strong><span>150 \u043c\u0435\u0441\u0442, LED 165\"<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25c6<\/div>\n <div class=\"di-text\"><strong>\u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441<\/strong><span>\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u041e\u041e\u041e<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25cf<\/div>\n <div class=\"di-text\"><strong>\u041a\u0430\u0444\u0435 CBC<\/strong><span>8:00\u201320:00, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/span><\/div>\n <\/a>\n <\/div>\n <div class=\"dropdown-footer\" style=\"grid-column:1\/-1\">\n <span class=\"dropdown-footer-text\">\u041f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/span>\n <a href=\"#\" class=\"dropdown-footer-link\">\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u2192<\/a>\n <\/div>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-community\">\n <button class=\"nav-link\" onclick=\"toggle('ni-community')\">\n \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25ce<\/div>\n <div class=\"di-text\"><strong>\u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/strong><span>27+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 CBC<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u2605<\/div>\n <div class=\"di-text\"><strong>\u041e\u0442\u0437\u044b\u0432\u044b<\/strong><span>150+ \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\" style=\"background:var(--orange);color:#fff\">\u2192<\/div>\n <div class=\"di-text\"><strong>\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c<\/strong><span>\u041f\u043e\u0434\u0430\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\" id=\"ni-events\">\n <button class=\"nav-link\" onclick=\"toggle('ni-events')\">\n \u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"chevron\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown dropdown-simple\">\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a2<\/div>\n <div class=\"di-text\"><strong>\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c<\/strong><span>\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25eb<\/div>\n <div class=\"di-text\"><strong>\u0424\u043e\u0442\u043e\u043e\u0442\u0447\u0451\u0442\u044b<\/strong><span>\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/span><\/div>\n <\/a>\n <a class=\"dropdown-item\" href=\"#\">\n <div class=\"di-icon\">\u25a3<\/div>\n <div class=\"di-text\"><strong>\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0446\u0435\u043d\u0442\u0440\u0430<\/strong><span>\u0411\u043b\u043e\u0433 CBC<\/span><\/div>\n <\/a>\n <\/div>\n <\/li>\n\n \n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n <\/li>\n\n \n <li class=\"nav-item\">\n <a class=\"nav-link nav-cta\" href=\"#\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/a>\n <\/li>\n\n <\/ul>\n <\/nav>\n<\/div>\n\n<div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"ann-text\">\n <strong>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u0423\u0441\u043b\u0443\u0433\u0438<\/strong> \u2014 6 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u043e\u0432, \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u0432 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438<br>\n <strong>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/strong> \u2014 3 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u0430, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<br>\n <strong>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/strong> \u2014 \u043f\u0440\u044f\u043c\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430, \u0431\u0435\u0437 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0430<br>\n <strong>CTA-\u043a\u043d\u043e\u043f\u043a\u0430<\/strong> \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f, \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u043f\u0440\u0430\u0432\u0430\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-text\">\n <strong>WoodMart Header Builder:<\/strong> \u0441\u043e\u0437\u0434\u0430\u0451\u0448\u044c \u043c\u0435\u043d\u044e \u0447\u0435\u0440\u0435\u0437 Appearance \u2192 Menus, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0448\u044c \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b \u2014 \u0442\u0435\u043c\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d.<br><br>\n \u0428\u0438\u0440\u043e\u043a\u0438\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d (\u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e) \u0434\u043b\u044f \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u2014 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0433\u0430\u043b\u043e\u0447\u043a\u043e\u0439 \u00abEnable Megamenu\u00bb \u0432 WoodMart.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div class=\"ann-text\">\n <span class=\"badge badge-free\">WoodMart Header Builder<\/span>\n <span class=\"badge badge-wp\">WordPress Menus<\/span><br>\n <span class=\"badge badge-free\">WoodMart Megamenu<\/span><br><br>\n \u0412\u0441\u0451 \u0431\u0435\u0437 \u043a\u043e\u0434\u0430. \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432. \u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e \u2014 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043c\u044b.\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">2<\/div>\n <div>\n <div class=\"sec-label-text\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043c\u0435\u043d\u044e \u2014 \u0434\u0435\u0440\u0435\u0432\u043e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432 WordPress \u2192 Appearance \u2192 Menus<\/span>\n <\/div>\n<\/div>\n\n<div class=\"tree-wrap\">\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0413\u043b\u0430\u0432\u043d\u0430\u044f <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"tree-tag tag-drop\">\u043c\u0435\u0433\u0430\u043c\u0435\u043d\u044e \u00d72<\/span><\/div>\n <div class=\"tree-row tree-indent-1\" style=\"font-style:italic;color:var(--muted);font-size:11px\"><div class=\"tree-dot dot-light\"><\/div> \u2014 \u043a\u043e\u043b\u043e\u043d\u043a\u0430 1: \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u2014<\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\" style=\"font-style:italic;color:var(--muted);font-size:11px\"><div class=\"tree-dot dot-light\"><\/div> \u2014 \u043a\u043e\u043b\u043e\u043d\u043a\u0430 2: \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u2014<\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> CBC Event Hall <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0434\u0440\u0435\u0441 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u0430\u0444\u0435 CBC <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0411\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041e\u0442\u0437\u044b\u0432\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"tree-tag tag-drop\">\u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u0424\u043e\u0442\u043e\u043e\u0442\u0447\u0451\u0442\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n <div class=\"tree-row tree-indent-1\"><div class=\"tree-dot dot-dark\"><\/div> \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0446\u0435\u043d\u0442\u0440\u0430 <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n \n <div class=\"tree-row tree-indent-0\"><div class=\"tree-dot dot-orange\"><\/div> \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b <span class=\"tree-tag tag-link\">\u0441\u0441\u044b\u043b\u043a\u0430<\/span><\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">3<\/div>\n <div>\n <div class=\"sec-label-text\">\u0421\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u043c\u0435\u043d\u044e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \/ \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \/ \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/span>\n <\/div>\n<\/div>\n\n<div class=\"states-row\">\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Default \u2014 \u043e\u0431\u044b\u0447\u043d\u044b\u0439<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link default\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--muted)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #434B58 \u00b7 \u0424\u043e\u043d: \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439 \u00b7 \u0428\u0440\u0438\u0444\u0442: 13px, 500<\/p>\n <\/div>\n <\/div>\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Hover \u2014 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link hover\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--orange)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #F57220 \u00b7 \u0424\u043e\u043d: #FFF8F4 \u00b7 \u0420\u0430\u0434\u0438\u0443\u0441: 4px<\/p>\n <\/div>\n <\/div>\n <div class=\"state-demo\">\n <div class=\"state-demo-label\">Active \u2014 \u0442\u0435\u043a\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <div class=\"state-demo-inner\">\n <span class=\"mini-link active\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"font-size:8px;color:var(--orange)\">\u25bc<\/span><\/span>\n <p style=\"font-size:11px;color:var(--muted);margin-top:12px;font-weight:300\">\u0426\u0432\u0435\u0442: #F57220 \u00b7 \u041d\u0438\u0436\u043d\u044f\u044f \u043b\u0438\u043d\u0438\u044f: 2px #F57220<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">4<\/div>\n <div>\n <div class=\"sec-label-text\">Sticky \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043c\u0435\u043d\u044e \u00ab\u043f\u0440\u0438\u043b\u0438\u043f\u0430\u0435\u0442\u00bb \u0438 \u043c\u0435\u043d\u044f\u0435\u0442 \u0432\u0438\u0434<\/span>\n <\/div>\n<\/div>\n\n<div class=\"sticky-demo\">\n <div class=\"sticky-row\">\n <div class=\"sticky-state\">\n <div class=\"sticky-state-label\">\u0412\u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b (0px)<\/div>\n <div class=\"nav-mini-top\">\n <div class=\"nm-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"nm-links\"><span>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span><span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><\/div>\n <div class=\"nm-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c<\/div>\n <\/div>\n <div class=\"sticky-desc\">\u0411\u0435\u043b\u044b\u0439 \u0444\u043e\u043d, \u043b\u0451\u0433\u043a\u0430\u044f \u0442\u0435\u043d\u044c, \u043d\u0438\u0436\u043d\u044f\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430 1px #E5E7EB. \u041f\u043e\u043b\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 <strong>72px<\/strong>.<\/div>\n <\/div>\n <div class=\"sticky-state\">\n <div class=\"sticky-state-label\">\u041f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 (> 80px)<\/div>\n <div class=\"nav-mini-scrolled\">\n <div class=\"nm-logo\">CBC <span>|<\/span> Community Business Center<\/div>\n <div class=\"nm-links\"><span>\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span><span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><\/div>\n <div class=\"nm-cta\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c<\/div>\n <\/div>\n <div class=\"sticky-desc\">\u0422\u0435\u043d\u044c \u0443\u0441\u0438\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u041d\u0438\u0436\u043d\u044f\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430 <strong>3px #F57220<\/strong>. \u0412\u044b\u0441\u043e\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0441\u0436\u0430\u0442\u044c\u0441\u044f \u0434\u043e <strong>60px<\/strong>. \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 WoodMart: Header \u2192 Sticky Header \u2192 Enable.<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">5<\/div>\n <div>\n <div class=\"sec-label-text\">\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e (\u0431\u0443\u0440\u0433\u0435\u0440)<\/div>\n <span class=\"sec-label-sub\">\u2014 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435<\/span>\n <\/div>\n<\/div>\n\n<div class=\"mobile-demo\">\n \n <div class=\"mobile-phone\">\n <div class=\"phone-bar\">\n <div class=\"phone-logo\">CBC <span>|<\/span> Community<\/div>\n <div class=\"burger\"><div class=\"burger-line\"><\/div><div class=\"burger-line\" style=\"width:14px\"><\/div><div class=\"burger-line\"><\/div><\/div>\n <\/div>\n <div class=\"mobile-menu-open\">\n <div class=\"mob-section\">\n <div class=\"mob-item active\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span class=\"mob-chevron\">\u25b2<\/span><\/div>\n <div class=\"mob-sub\">\n <div class=\"mob-sub-item\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/div>\n <div class=\"mob-sub-item\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/div>\n <div class=\"mob-sub-item\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b<\/div>\n <\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0423\u0441\u043b\u0443\u0433\u0438 <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u0421\u043e\u0431\u044b\u0442\u0438\u044f <span class=\"mob-chevron\">\u25bc<\/span><\/div>\n <\/div>\n <div class=\"mob-section\">\n <div class=\"mob-item\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\n <\/div>\n <div class=\"mob-cta-area\">\n <a class=\"mob-cta-btn\" href=\"#\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441 \u2192<\/a>\n <\/div>\n <div class=\"mob-contacts\">\n <div class=\"mob-contact\"><strong>+373 60 390 300<\/strong><\/div>\n <div class=\"mob-contact\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mobile-notes\">\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041a\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e<\/div>\n <div class=\"note-card-text\">\n \u0422\u0435\u043c\u0430 <strong>WoodMart<\/strong> \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0432\u0438\u0434 \u043f\u0440\u0438 \u0448\u0438\u0440\u0438\u043d\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u043c\u0435\u043d\u044c\u0448\u0435 1024px. \u0411\u0443\u0440\u0433\u0435\u0440-\u0438\u043a\u043e\u043d\u043a\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u0430.<br><br>\n \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u044b \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 <strong>\u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d\u044b<\/strong> \u2014 \u043a\u043b\u0438\u043a \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b, \u043a\u043b\u0438\u043a \u0441\u043d\u043e\u0432\u0430 \u0441\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u0427\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e<\/div>\n <div class=\"note-card-text\">\n \u0422\u0435\u043b\u0435\u0444\u043e\u043d \u0438 \u0430\u0434\u0440\u0435\u0441 \u0432 \u043d\u0438\u0436\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u2014 \u0447\u0435\u0440\u0435\u0437 <strong>WoodMart Mobile Panel<\/strong> \u2192 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c HTML-\u0432\u0438\u0434\u0436\u0435\u0442 \u0441 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c\u0438.<br><br>\n CTA-\u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441\u00bb \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c <code style=\"background:var(--light);padding:1px 5px;border-radius:3px;font-size:11px\">highlighted<\/code> \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 WoodMart.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0431\u0440\u0435\u0439\u043a\u043f\u043e\u0438\u043d\u0442\u0430<\/div>\n <div class=\"note-card-text\">\n WoodMart: <strong>Theme Settings \u2192 Header \u2192 Mobile Breakpoint<\/strong><br>\n \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e: <strong>1024px<\/strong> \u2014 \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 \u0442\u043e\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0431\u0443\u0440\u0433\u0435\u0440. \u041f\u0440\u0438 1280px \u2014 \u043d\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u043e\u0432 \u043c\u0435\u043d\u044e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e.\n <\/div>\n <\/div>\n <div class=\"note-card\">\n <div class=\"note-card-title\">\u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438<\/div>\n <div class=\"note-card-text\">\n \u041c\u043e\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u2014 \u0443\u043a\u043e\u0440\u043e\u0447\u0435\u043d\u043d\u044b\u0439 (\u0442\u043e\u043b\u044c\u043a\u043e \u00abCBC\u00bb). \u0412 WoodMart: <strong>Header Builder \u2192 Logo \u2192 Mobile Logo<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"sec-label\" style=\"margin-top:40px\">\n <div class=\"sec-label-num\">6<\/div>\n <div>\n <div class=\"sec-label-text\">\u041a\u0430\u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432 WordPress \u2014 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e<\/div>\n <span class=\"sec-label-sub\">\u2014 \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u043a\u043e\u0434\u0430<\/span>\n <\/div>\n<\/div>\n\n<div class=\"wp-steps\">\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">1<\/div>\n <div class=\"wp-step-title\">\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0435\u043d\u044e<\/div>\n <div class=\"wp-step-text\">\n Dashboard \u2192 <strong>Appearance \u2192 Menus \u2192 Create new menu<\/strong><br><br>\n \u041d\u0430\u0437\u044b\u0432\u0430\u0435\u0448\u044c \u00abMain Navigation\u00bb, \u0441\u0442\u0430\u0432\u0438\u0448\u044c \u0433\u0430\u043b\u043e\u0447\u043a\u0443 \u00abPrimary Menu\u00bb \u2192 Save.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">2<\/div>\n <div class=\"wp-step-title\">\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <div class=\"wp-step-text\">\n \u0421\u043b\u0435\u0432\u0430 \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u041e\u0442\u043c\u0435\u0447\u0430\u0435\u0448\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0433\u0430\u043b\u043e\u0447\u043a\u043e\u0439 \u2192 <strong>Add to Menu<\/strong>. \u041f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0448\u044c \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">3<\/div>\n <div class=\"wp-step-title\">\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c<\/div>\n <div class=\"wp-step-text\">\n \u041f\u043e\u0434\u043f\u0443\u043d\u043a\u0442\u044b <strong>\u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0435\u0448\u044c \u043f\u0440\u0430\u0432\u0435\u0435<\/strong> \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430. WordPress \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u0435\u0440\u0435\u0432\u043e. \u0414\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u043c\u0443.\n <\/div>\n <div class=\"wp-arrow\">\u203a<\/div>\n <\/div>\n <div class=\"wp-step\">\n <div class=\"wp-step-num\">4<\/div>\n <div class=\"wp-step-title\">\u041c\u0435\u0433\u0430\u043c\u0435\u043d\u044e (\u0423\u0441\u043b\u0443\u0433\u0438)<\/div>\n <div class=\"wp-step-text\">\n \u0412 WoodMart: \u043a\u043b\u0438\u043a\u0430\u0435\u0448\u044c \u043d\u0430 \u043f\u0443\u043d\u043a\u0442 \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043c\u0435\u043d\u044e \u2192 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 WoodMart \u2192 <strong>Enable Megamenu \u2192 2 columns<\/strong>. Save.\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"ann\" style=\"margin-top:16px\">\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0418\u0442\u043e\u0433\u043e \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e<\/div>\n <div class=\"ann-text\">\n <span class=\"badge badge-free\">WoodMart Theme<\/span>\n <span class=\"badge badge-wp\">WordPress Menus (\u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043e)<\/span><br><br>\n \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. WoodMart \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 Header Builder, Megamenu, Sticky Header, Mobile Panel.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0431\u0435\u0437 \u043a\u043e\u0434\u0430<\/div>\n <div class=\"ann-text\">\n \u0426\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 \u00b7 \u0426\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u00b7 Hover-\u0446\u0432\u0435\u0442 \u00b7 \u0412\u044b\u0441\u043e\u0442\u0430 \u0445\u0435\u0434\u0435\u0440\u0430 \u00b7 Sticky-\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u00b7 \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u00b7 \u0411\u0440\u0435\u0439\u043a\u043f\u043e\u0438\u043d\u0442 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u00b7 CTA-\u043a\u043d\u043e\u043f\u043a\u0430 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-title\">\u0412\u0440\u0435\u043c\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/div>\n <div class=\"ann-text\">\n \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0435\u043d\u044e \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u2014 <strong>15 \u043c\u0438\u043d\u0443\u0442<\/strong>.<br>\n \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 Megamenu \u0434\u043b\u044f \u00ab\u0423\u0441\u043b\u0443\u0433\u0438\u00bb \u2014 <strong>10 \u043c\u0438\u043d\u0443\u0442<\/strong>.<br>\n \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e\u0434 \u0431\u0440\u0435\u043d\u0434\u0431\u0443\u043a CBC \u2014 <strong>20 \u043c\u0438\u043d\u0443\u0442<\/strong> \u0432 Theme Settings.<br>\n <strong>\u0418\u0442\u043e\u0433\u043e: ~45 \u043c\u0438\u043d\u0443\u0442<\/strong>\n <\/div>\n <\/div>\n<\/div>\n\n<\/div>\n\n<script>\nfunction toggle(id) {\n const item = document.getElementById(id);\n \/\/ Close others\n document.querySelectorAll('.nav-item.open').forEach(el => {\n if (el.id !== id) el.classList.remove('open');\n });\n item.classList.toggle('open');\n}\n\/\/ Close on outside click\ndocument.addEventListener('click', function(e) {\n if (!e.target.closest('.nav-item')) {\n document.querySelectorAll('.nav-item.open').forEach(el => el.classList.remove('open'));\n }\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n\/* \u2500\u2500 DOC HEADER \u2500\u2500 *\/\n.doc-header{\n background:var(--dark);padding:0 40px;height:60px;\n display:flex;align-items:center;justify-content:space-between;\n border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;\n box-shadow:0 4px 20px rgba(0,0,0,.3)\n}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-right{display:flex;align-items:center;gap:10px}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n.dh-nav{display:flex;gap:6px}\n.dh-nav a{font-size:11px;color:rgba(255,255,255,.4);padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:3px;text-decoration:none;transition:all .2s}\n.dh-nav a:hover{color:var(--white);border-color:rgba(255,255,255,.3)}\n\n\/* \u2500\u2500 PAGE \u2500\u2500 *\/\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n\/* \u2500\u2500 PAGE TITLE \u2500\u2500 *\/\n.pt{\n background:var(--white);border-radius:10px;padding:28px 32px;\n margin-bottom:28px;border:1.5px solid var(--border);\n display:flex;align-items:flex-start;gap:20px;\n box-shadow:0 2px 8px rgba(0,0,0,.04)\n}\n.pt-num{\n width:52px;height:52px;background:var(--orange);border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:22px;font-weight:800;color:var(--white);flex-shrink:0\n}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n\/* \u2500\u2500 BLOCK \u2500\u2500 *\/\n.bw{margin-bottom:28px}\n.bl{\n display:flex;align-items:center;gap:10px;\n margin-bottom:8px;padding:0 4px\n}\n.bl-num{\n width:28px;height:28px;background:var(--orange);border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\n}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n\/* \u2500\u2500 MOCK WRAP \u2500\u2500 *\/\n.mock{\n border-radius:8px;overflow:hidden;\n border:1.5px solid var(--border);\n box-shadow:0 4px 20px rgba(0,0,0,.07)\n}\n\n\/* \u2500\u2500 ANNOTATION \u2500\u2500 *\/\n.ann{\n background:var(--ann-bg);border:1.5px solid var(--ann-brd);\n border-radius:0 0 8px 8px;padding:18px 20px;\n display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;\n border-top:none\n}\n.ann-col{}\n.ann-t{\n font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\n color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px\n}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* \u2500\u2500 MOCK UI ELEMENTS \u2500\u2500 *\/\n.ph{\n background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);\n display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px\n}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:46px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:600px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n\/* sections *\/\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n\/* grids *\/\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}\n\n\/* cards *\/\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:22px}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctitle-w{color:var(--white)}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n.ctext-w{color:rgba(255,255,255,.5)}\n\n\/* list items *\/\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n\/* timeline *\/\n.tl{display:flex;flex-direction:column;position:relative}\n.tl::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border);z-index:0}\n.tl-i{display:flex;gap:22px;padding-bottom:28px;position:relative}\n.tl-i:last-child{padding-bottom:0}\n.tl-dot{\n width:40px;height:40px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n font-size:11px;font-weight:800;flex-shrink:0;z-index:1;position:relative\n}\n.tl-dot.done{background:var(--mint);color:var(--dark)}\n.tl-dot.now{background:var(--orange);color:var(--white)}\n.tl-dot.future{background:var(--light);border:2px solid var(--border);color:var(--muted)}\n.tl-body{padding-top:8px}\n.tl-year{font-size:11px;font-weight:700;color:var(--orange);letter-spacing:1px;margin-bottom:3px}\n.tl-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:4px}\n.tl-text{font-size:12px;color:var(--muted);line-height:1.65;font-weight:300}\n\n\/* values *\/\n.val-icon{font-size:28px;color:var(--orange);margin-bottom:12px;font-weight:800}\n.val-title{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px}\n.val-text{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300}\n\n\/* team *\/\n.team-card{background:var(--white);border-radius:8px;padding:24px;border:1.5px solid var(--border);text-align:center}\n.team-ava{width:80px;height:80px;border-radius:50%;background:var(--light);border:2px solid var(--border);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--dark2)}\n.team-name{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:4px}\n.team-role{font-size:11px;font-weight:600;color:var(--orange);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}\n.team-text{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300}\n\n\/* stats strip *\/\n.stats-dark{display:grid;padding-top:32px;margin-top:32px;border-top:1px solid rgba(255,255,255,.06)}\n.snum{font-size:48px;font-weight:800;color:var(--orange);line-height:1;letter-spacing:-1px}\n.slbl{font-size:11px;color:rgba(255,255,255,.4);margin-top:6px;letter-spacing:.5px;text-transform:uppercase}\n.stat-cell{text-align:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.06)}\n.stat-cell:last-child{border:none}\n\n\/* quote block *\/\n.quote{border-left:4px solid var(--orange);padding:20px 24px;background:var(--lo);border-radius:0 6px 6px 0;margin:24px 0}\n.quote-text{font-size:17px;color:var(--dark);line-height:1.7;font-style:italic;font-weight:300;margin-bottom:10px}\n.quote-author{font-size:12px;font-weight:700;color:var(--orange)}\n\n\/* form *\/\n.form-mock{display:flex;flex-direction:column;gap:10px}\n.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n.f-inp{height:42px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)}\n.f-ta{height:90px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)}\n.f-lbl{font-size:11px;font-weight:600;color:var(--dark2);margin-bottom:4px}\n.f-g{display:flex;flex-direction:column;gap:4px}\n\n\/* divider between sections *\/\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 1 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">1<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/b><\/div>\n <div class=\"pt-name\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/div>\n <div class=\"pt-sub\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u0420\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u044e CBC, \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u044d\u043c\u043e\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u0441 \u0431\u0440\u0435\u043d\u0434\u043e\u043c. \u041f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 \u0443 \u043b\u044e\u0434\u0435\u0439 \u2014 \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043b\u044e\u0434\u0435\u0439 \u0437\u0430 CBC.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-g\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b: \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span>\n <span class=\"ptag ptag-b\">6 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">6<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0444\u043e\u0440\u043c\u0430<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">0<\/div><div class=\"pts-lbl\">\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~3\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0441 \u0446\u0438\u0442\u0430\u0442\u043e\u0439<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/span><\/span>\n <\/div>\n \n <div style=\"background:var(--dark);min-height:480px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative\">\n \n <div style=\"position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(245,114,32,.08);pointer-events:none\"><\/div>\n <div style=\"position:absolute;right:60px;bottom:-80px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(245,114,32,.05);pointer-events:none\"><\/div>\n \n <div style=\"padding:64px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2\">\n <div class=\"pretag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 CBC<\/div>\n <div class=\"h1\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f<br>\u0438 <em>\u0432\u0438\u0434\u0435\u043d\u0438\u0435<\/em><\/div>\n <div style=\"font-size:18px;color:rgba(255,255,255,.55);font-style:italic;font-weight:300;border-left:4px solid var(--orange);padding-left:20px;line-height:1.65;margin-bottom:20px\">\n \"\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 CBC \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e, \u0433\u0434\u0435 \u0438\u0434\u0435\u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u0431\u0438\u0437\u043d\u0435\u0441, \u0430 \u0431\u0438\u0437\u043d\u0435\u0441 \u2014 \u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e.\"\n <\/div>\n <div style=\"font-size:11px;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px\">\u2014 \u041e\u0421\u041d\u041e\u0412\u0410\u0422\u0415\u041b\u042c CBC<\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <div class=\"btn-ow\">\u041d\u0430\u0448\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u2193<\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)\"><\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \/ \u043a\u043e\u043c\u0430\u043d\u0434\u044b CBC<br>\u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430<\/div>\n <div class=\"ph-s\">1000\u00d7900px \u00b7 portrait<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041b\u0435\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u0446\u0438\u0442\u0430\u0442\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u043b\u043e\u0441\u043e\u0439 + 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u0440\u0430\u0432\u0430\u044f \u2014 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438\u043b\u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0444\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430 CBC. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0442\u043e\u043d \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u0412 \u043b\u0435\u0432\u043e\u0439: \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c, \u0446\u0438\u0442\u0430\u0442\u0430 \u0447\u0435\u0440\u0435\u0437 Custom CSS (border-left: 4px solid #F57220), \u0434\u0432\u0430 Button-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u0412 \u043f\u0440\u0430\u0432\u043e\u0439: Image \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 <code>object-fit: cover; height: 100%<\/code>.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bf\">WPBakery Row + Column<\/span><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u0430 \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044f. \u041f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u041c\u0438\u043d\u0438\u043c\u0443\u043c 1000\u00d7900px. \u0411\u0435\u0437 \u0444\u043e\u0442\u043e \u2014 \u044d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 50% \u0441\u0432\u043e\u0435\u0439 \u0441\u0438\u043b\u044b.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start\">\n <div>\n <div class=\"pretag\">\u041d\u0430\u0448\u0435 \u0414\u041d\u041a<\/div>\n <div class=\"h2\">\u041c\u0438\u0441\u0441\u0438\u044f <em>CBC<\/em><\/div>\n <div class=\"subd\" style=\"margin-bottom:20px\">\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u0440\u0435\u0434\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u0438\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u0440\u0430\u0441\u0442\u0451\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u2014 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438.<\/div>\n <div class=\"quote\">\n <div class=\"quote-text\">\"\u041a\u043e\u0433\u0434\u0430 \u0440\u044f\u0434\u043e\u043c \u0441 \u0442\u043e\u0431\u043e\u0439 27 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u0442\u044b \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043e\u0441\u0442\u0430\u0451\u0448\u044c\u0441\u044f \u0441 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439 \u043e\u0434\u0438\u043d \u043d\u0430 \u043e\u0434\u0438\u043d.\"<\/div>\n <div class=\"quote-author\">\u2014 \u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:12px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px\">\u0422\u0440\u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:16px\">\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25a3<\/div>\n <div class=\"val-title\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/div>\n <div class=\"val-text\">\u0411\u0438\u0437\u043d\u0435\u0441 \u0440\u0430\u0441\u0442\u0451\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044f\u043c\u0438. \u0421\u0438\u043d\u0435\u0440\u0433\u0438\u044f \u2014 \u043d\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f, \u0430 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0432 CBC.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25c9<\/div>\n <div class=\"val-title\">\u0421\u0440\u0435\u0434\u0430<\/div>\n <div class=\"val-text\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c. \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 CBC \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b, \u0432\u0441\u0442\u0440\u0435\u0447 \u0438 \u0440\u043e\u0441\u0442\u0430.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div class=\"val-icon\">\u25b2<\/div>\n <div class=\"val-title\">\u0420\u043e\u0441\u0442<\/div>\n <div class=\"val-text\">\u041e\u0442 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430 \u0434\u043e \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0446\u0438\u0438 \u2014 CBC \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0432\u0430\u0448\u0438\u043c \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0411\u043b\u043e\u043a \u0441 \u043c\u0438\u0441\u0441\u0438\u0435\u0439 \u0438 3 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438. \u0421\u043b\u0435\u0432\u0430 \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043c\u0438\u0441\u0441\u0438\u0438 + \u0446\u0438\u0442\u0430\u0442\u0430. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438-\u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0441 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u043c \u043b\u0435\u0432\u044b\u043c \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c. \u0421\u0442\u0440\u043e\u0438\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0431\u0440\u0435\u043d\u0434\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041b\u0435\u0432\u0430\u044f: Text Block + \u0446\u0438\u0442\u0430\u0442\u0430 \u0441 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u043c CSS. \u041f\u0440\u0430\u0432\u0430\u044f: 3 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 Row \u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043c\u0438 (\u043a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 Text Block \u0441 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u043c). \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441: <code>border-left: 4px solid #F57220; padding: 24px; background: #fff;<\/code> \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 Theme Settings \u2192 Custom CSS.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u2014 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0448\u043a\u0430\u043b\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041d\u0430\u0448 \u043f\u0443\u0442\u044c<\/div>\n <div class=\"h2\">\u041a\u0430\u043a \u0432\u0441\u0451 <em>\u043d\u0430\u0447\u0438\u043d\u0430\u043b\u043e\u0441\u044c<\/em><\/div>\n <div class=\"subd\">5 \u043b\u0435\u0442 \u043f\u0443\u0442\u0438 \u2014 \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u0432\u0435\u0434\u0443\u0449\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440\u0430 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430<\/div>\n <div class=\"g2\" style=\"align-items:start\">\n <div class=\"tl\">\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2020<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2020 \u2014 \u041e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435<\/div>\n <div class=\"tl-title\">\u041f\u0435\u0440\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u043d\u0430 \u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430<\/div>\n <div class=\"tl-text\">10 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u043d\u0430 30 \u043c\u0435\u0441\u0442, \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430. \u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f: \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u041c\u043e\u043b\u0434\u043e\u0432\u044b.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2021<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2021 \u2014 \u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435<\/div>\n <div class=\"tl-title\">\u0417\u0430\u043f\u0443\u0441\u043a \u0431\u043b\u043e\u043a\u0430 Q + Event Hall<\/div>\n <div class=\"tl-text\">\u041d\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0443\u0434\u0432\u043e\u0438\u043b \u043f\u043b\u043e\u0449\u0430\u0434\u044c. \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0437\u0430\u043b\u0430 \u043d\u0430 150 \u043c\u0435\u0441\u0442 \u2014 \u043f\u0435\u0440\u0432\u0430\u044f \u043a\u0440\u0443\u043f\u043d\u0430\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f Digital Moldova 2021.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2022<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2022 \u2014 \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\n <div class=\"tl-title\">15+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0444\u0435\u0440<\/div>\n <div class=\"tl-text\">\u0421\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u043f\u0435\u0440\u0432\u0430\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430. \u041f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u043f\u0435\u0440\u0432\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0441\u0438\u043d\u0435\u0440\u0433\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430\u043c\u0438.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot done\">2023<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2023 \u2014 \u0420\u0435\u043a\u043e\u0440\u0434\u044b<\/div>\n <div class=\"tl-title\">500+ \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u0437\u0430 \u0433\u043e\u0434<\/div>\n <div class=\"tl-text\">CBC \u0441\u0442\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430. \u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438, \u0442\u0440\u0435\u043d\u0438\u043d\u0433\u0438, \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433-\u0432\u0435\u0447\u0435\u0440\u0430.<\/div>\n <\/div>\n <\/div>\n <div class=\"tl-i\">\n <div class=\"tl-dot now\">2025<\/div>\n <div class=\"tl-body\">\n <div class=\"tl-year\">2025 \u2014 \u0421\u0435\u0433\u043e\u0434\u043d\u044f<\/div>\n <div class=\"tl-title\">27+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u00b7 \u041d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442<\/div>\n <div class=\"tl-text\">\u041d\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0440\u043e\u0441\u0442\u0430, \u043e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0443\u0440\u043e\u0432\u043d\u044e CBC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"display:flex;flex-direction:column;gap:16px\">\n <div class=\"ph\" style=\"height:240px;border-radius:6px;overflow:hidden\">\n <div class=\"ph-l\">\u0410\u0440\u0445\u0438\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e CBC 2020<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div class=\"ph\" style=\"height:180px;border-radius:6px;overflow:hidden\">\n <div class=\"ph-l\">\u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 Event Hall 2021<\/div>\n <div class=\"ph-s\">800\u00d7450px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d \u0441 5 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0434\u0430\u0442\u0430\u043c\u0438. \u0422\u043e\u0447\u043a\u0430 \u043d\u0430 \u0448\u043a\u0430\u043b\u0435 \u043c\u0435\u043d\u044f\u0435\u0442 \u0446\u0432\u0435\u0442: \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u043d\u044b\u0435 \u044d\u0442\u0430\u043f\u044b \u2014 \u043c\u044f\u0442\u043d\u044b\u0439, \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 2 \u0430\u0440\u0445\u0438\u0432\u043d\u044b\u0445 \u0444\u043e\u0442\u043e. \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0440\u043e\u0441\u0442\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 A \u2014 Ultimate Addons:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 Timeline. \u041a\u0430\u0436\u0434\u044b\u0439 \u043f\u0443\u043d\u043a\u0442: \u0433\u043e\u0434, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u0442\u0435\u043a\u0441\u0442, \u0438\u043a\u043e\u043d\u043a\u0430. \u0426\u0432\u0435\u0442 \u0442\u043e\u0447\u0435\u043a \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f.<br><br>\n <strong>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 B \u2014 WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/strong> \u043b\u0435\u0432\u044b\u0439 border-left \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 + \u043a\u0440\u0443\u0433\u043b\u044b\u0435 div-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0447\u0435\u0440\u0435\u0437 CSS. \u0422\u0440\u0435\u0431\u0443\u0435\u0442 20 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons $26 (\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e)<\/span><br>\n <span class=\"b bf\">WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e (\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e)<\/span><br><br>\n \u0410\u0440\u0445\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0442\u043e: \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u0442\u043e \u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f. \u041c\u0438\u043d\u0438\u043c\u0443\u043c 2\u20133 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0441\u043d\u0438\u043c\u043a\u0430.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u0432 \u0446\u0438\u0444\u0440\u0430\u0445<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sd\">\n <div style=\"text-align:center;margin-bottom:32px\">\n <div class=\"pretag\" style=\"justify-content:center\">CBC \u0432 \u0446\u0438\u0444\u0440\u0430\u0445<\/div>\n <div class=\"h2 h2w\">5 \u043b\u0435\u0442 \u2014 <em>\u0438\u0437\u043c\u0435\u0440\u0438\u043c\u044b\u0435<\/em> \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b<\/div>\n <\/div>\n <div class=\"stats-dark\" style=\"grid-template-columns:repeat(5,1fr)\">\n <div class=\"stat-cell\">\n <div class=\"snum\">27<span style=\"font-size:28px\">+<\/span><\/div>\n <div class=\"slbl\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">500<span style=\"font-size:28px\">+<\/span><\/div>\n <div class=\"slbl\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">15<\/div>\n <div class=\"slbl\">\u0421\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">150<\/div>\n <div class=\"slbl\">\u041c\u0435\u0441\u0442 Event Hall<\/div>\n <\/div>\n <div class=\"stat-cell\">\n <div class=\"snum\">5<\/div>\n <div class=\"slbl\">\u041b\u0435\u0442 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0422\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 5 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438. \u0427\u0438\u0441\u043b\u0430 \u00ab\u0441\u0447\u0438\u0442\u0430\u044e\u0442\u00bb \u0441 \u043d\u0443\u043b\u044f \u043f\u0440\u0438 \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 \u0437\u043e\u043d\u0443 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 (scroll animation). \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0432\u0435\u0441\u043e\u043c\u044b\u0439 \u0431\u043b\u043e\u043a \u2014 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043c\u0430\u0441\u0448\u0442\u0430\u0431 CBC \u0431\u0435\u0437 \u0441\u043b\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>Ultimate Addons \u2014 Counter:<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 start value, end value, speed, suffix. \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u0438 \u0432 viewport.<br><br>\n \u0422\u0451\u043c\u043d\u044b\u0439 \u0444\u043e\u043d \u0441\u0435\u043a\u0446\u0438\u0438 \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 Row Background \u0432 WPBakery.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons $26<\/span><br>\n \u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e Counter-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0437\u0430 1 \u043c\u0438\u043d\u0443\u0442\u0443.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC<\/div>\n <span class=\"bl-tag bl-tag-opt\">\u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u041b\u044e\u0434\u0438 CBC<\/div>\n <div class=\"h2\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f <em>\u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e<\/em><\/div>\n <div class=\"subd\">\u0417\u0430 \u043a\u0430\u0436\u0434\u044b\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c \u0441\u0442\u043e\u044f\u0442 \u043b\u044e\u0434\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0443\u043c\u0430\u044e\u0442 \u043e \u0432\u0430\u0448\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c.<\/div>\n <div class=\"g4\">\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0414\u041c<\/div>\n <div class=\"team-name\">\u0414\u043c\u0438\u0442\u0440\u0438\u0439 \u041c\u043e\u043b\u0434\u043e\u0432\u0430\u043d<\/div>\n <div class=\"team-role\">\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u00b7 CEO<\/div>\n <div class=\"team-text\">15 \u043b\u0435\u0442 \u0432 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0439 \u043d\u0435\u0434\u0432\u0438\u0436\u0438\u043c\u043e\u0441\u0442\u0438. \u0410\u0432\u0442\u043e\u0440 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 CBC.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0410\u0421<\/div>\n <div class=\"team-name\">\u0410\u043d\u043d\u0430 \u0421\u0442\u043e\u044f\u043d\u043e\u0432\u0430<\/div>\n <div class=\"team-role\">\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440<\/div>\n <div class=\"team-text\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435, \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b, \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u0441\u0435\u0440\u0432\u0438\u0441.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0412\u041a<\/div>\n <div class=\"team-name\">\u0412\u0438\u043a\u0442\u043e\u0440 \u041a\u0440\u0438\u0441\u0442\u044f<\/div>\n <div class=\"team-role\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/div>\n <div class=\"team-text\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e, \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438 CBC.<\/div>\n <\/div>\n <div class=\"team-card\">\n <div class=\"team-ava\">\u0415\u041f<\/div>\n <div class=\"team-name\">\u0415\u043b\u0435\u043d\u0430 \u041f\u043e\u043f\u0430<\/div>\n <div class=\"team-role\">\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440<\/div>\n <div class=\"team-text\">\u0410\u0440\u0435\u043d\u0434\u0430 \u043e\u0444\u0438\u0441\u043e\u0432, \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u043d\u043e\u0432\u044b\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430.<\/div>\n <\/div>\n <\/div>\n <div class=\"btns\" style=\"justify-content:center;margin-top:28px\">\n <div class=\"btn-o\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">4 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0441 \u0444\u043e\u0442\u043e (\u0430\u0432\u0430\u0442\u0430\u0440), \u0438\u043c\u0435\u043d\u0435\u043c, \u0440\u043e\u043b\u044c\u044e \u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c. \u0427\u0435\u043b\u043e\u0432\u0435\u043a\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u2014 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435. \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0430\u0436\u0435\u043d \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u043e\u0433\u043e\u0432\u043e\u0440 \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c\u0438 \u043b\u044e\u0434\u044c\u043c\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>Ultimate Addons \u2014 Team:<\/strong> \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e. \u041a\u0440\u0443\u0433\u043b\u043e\u0435 \u0444\u043e\u0442\u043e, \u0438\u043c\u044f, \u0440\u043e\u043b\u044c, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u0441\u043e\u0446\u0441\u0435\u0442\u0438.<br><br>\n <strong>\u0418\u043b\u0438 WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/strong> 4 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 + \u0442\u0435\u043a\u0441\u0442.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bp\">Ultimate Addons Team $26<\/span><br>\n <span class=\"b bf\">WPBakery \u0432\u0440\u0443\u0447\u043d\u0443\u044e<\/span><br><br>\n \u0424\u043e\u0442\u043e: \u043d\u0443\u0436\u043d\u044b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0440\u0442\u0440\u0435\u0442\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u0415\u0441\u043b\u0438 \u0444\u043e\u0442\u043e \u043d\u0435\u0442 \u2014 \u0430\u0432\u0430\u0442\u0430\u0440\u044b \u0441 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0430\u043c\u0438 \u043a\u0430\u043a \u0432 \u043c\u0430\u043a\u0435\u0442\u0435.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">CTA \u2014 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:36px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0425\u043e\u0442\u0438\u0442\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044c CBC<br><em style=\"font-style:normal;opacity:.75\">\u0432\u0436\u0438\u0432\u0443\u044e?<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u0417\u0430\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0443\u044e \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u2014 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0437\u0430 30 \u043c\u0438\u043d\u0443\u0442<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">+373 60 390 300<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u0411\u043b\u043e\u043a\u0438 A \u0438 Q \u00b7 \u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438 \u00b7 \u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0444\u0438\u043d\u0430\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 CTA \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e \u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u043c. \u041d\u0438\u0436\u043d\u044f\u044f \u2014 \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb. \u041f\u043b\u0430\u0432\u043d\u043e \u0432\u0435\u0434\u0451\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0434\u0430\u043b\u044c\u0448\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\">\n <strong>WPBakery Row \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430:<\/strong><br>\n 1. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f: 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\u00bb \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 Contact Form 7.<br>\n 2. \u0422\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439-\u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb.\n <\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\">\n <span class=\"b bf\">WPBakery Row<\/span>\n <span class=\"b bf\">Contact Form 7<\/span>\n <span class=\"b bf\">Popup Maker (\u043e\u043f\u0446.)<\/span><br><br>\n \u041a\u043d\u043e\u043f\u043a\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430: <code>href=\"tel:+37360390300\"<\/code> \u2014 \u043a\u043b\u0438\u043a \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0432\u043e\u043d\u0438\u0442.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043d\u0438\u0435\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u0441 \u0446\u0438\u0442\u0430\u0442\u043e\u0439 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u041c\u0438\u0441\u0441\u0438\u044f \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u0412\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0448\u043a\u0430\u043b\u0430 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u0426\u0438\u0444\u0440\u044b CBC <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 <span style=\"color:var(--muted)\">\u043e\u043f\u0446.<\/span><\/div>\n <div>6. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bp\">Ultimate Addons $26 \u2014 \u0434\u043b\u044f \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u043e\u0432 \u0438 \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d\u0430<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u0424\u043e\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f \/ \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/div>\n <div>\u0424\u043e\u0442\u043e \u0430\u0442\u0440\u0438\u0443\u043c\u0430 \u0438\u043b\u0438 \u0444\u0430\u0441\u0430\u0434\u0430<\/div>\n <div>\u0410\u0440\u0445\u0438\u0432\u043d\u044b\u0435 \u0444\u043e\u0442\u043e 2020\u20132021<\/div>\n <div>\u0426\u0438\u0442\u0430\u0442\u0430 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/div>\n <div>\u0422\u0435\u043a\u0441\u0442 \u043c\u0438\u0441\u0441\u0438\u0438 (2\u20133 \u0430\u0431\u0437\u0430\u0446\u0430)<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~1.5\u0447<\/div>\n <div>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0444\u043e\u0442\u043e: ~1\u0447<\/div>\n <div>\u0421\u0442\u0438\u043b\u0438 \u0438 \u0434\u043e\u0432\u043e\u0434\u043a\u0430: ~0.5\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~3 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n.doc-header{\n background:var(--dark);padding:0 40px;height:60px;\n display:flex;align-items:center;justify-content:space-between;\n border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;\n box-shadow:0 4px 20px rgba(0,0,0,.3)\n}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n.pt{background:var(--white);border-radius:10px;padding:28px 32px;margin-bottom:28px;border:1.5px solid var(--border);display:flex;align-items:flex-start;gap:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}\n.pt-num{width:52px;height:52px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--white);flex-shrink:0}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n.bw{margin-bottom:28px}\n.bl{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:0 4px}\n.bl-num{width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n.mock{border-radius:8px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.07)}\n\n.ann{background:var(--ann-bg);border:1.5px solid var(--ann-brd);border-radius:0 0 8px 8px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:none}\n.ann-col{}\n.ann-t{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* mock UI *\/\n.ph{background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:44px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:600px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btn-d{display:inline-block;background:transparent;border:2px solid var(--dark);color:var(--dark);padding:12px 24px;border-radius:4px;font-size:11px;font-weight:700;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}\n\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:22px}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435 \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 2 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">2<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/b><\/div>\n <div class=\"pt-name\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/div>\n <div class=\"pt-sub\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e CBC: \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430, \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438 \u044d\u0442\u0430\u0436\u0435\u0439, \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0438 \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u043e\u0432. \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u00ab\u043f\u0440\u0438\u043c\u0435\u0440\u0438\u0442\u044c\u00bb \u043e\u0444\u0438\u0441 \u0437\u0430\u043e\u0447\u043d\u043e.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-b\">Image Map Pro $29<\/span>\n <span class=\"ptag ptag-g\">7 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">7<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">$29<\/div><div class=\"pts-lbl\">Image Map Pro<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~4\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430, \u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435<\/span><\/span>\n <\/div>\n \n <div style=\"display:grid;grid-template-columns:1fr 1fr;min-height:420px;overflow:hidden\">\n \n <div style=\"background:var(--dark);padding:56px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden\">\n <div style=\"position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(245,114,32,.08)\"><\/div>\n <div class=\"pretag\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"h1\">\u0414\u0432\u0430 \u0431\u043b\u043e\u043a\u0430 \u2014<br><em>\u043e\u0434\u043d\u0430 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/em><\/div>\n <div class=\"sub\">\u0411\u043b\u043e\u043a A \u0438 \u0411\u043b\u043e\u043a Q \u2014 6 \u044d\u0442\u0430\u0436\u0435\u0439, 3 000 \u043c\u00b2 \u043e\u0444\u0438\u0441\u043d\u044b\u0445 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432, Event Hall \u043d\u0430 150 \u043c\u0435\u0441\u0442, \u043a\u0430\u0444\u0435 \u0438 \u0437\u043e\u043d\u044b \u043e\u0442\u0434\u044b\u0445\u0430.<\/div>\n \n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px\">\n <div style=\"background:rgba(255,255,255,.07);border-radius:6px;padding:14px 16px;border-left:3px solid var(--orange)\">\n <div style=\"font-size:18px;font-weight:800;color:var(--orange);margin-bottom:4px\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.45);font-weight:300\">\u041e\u0444\u0438\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u0430 B+<br>\u042d\u0442\u0430\u0436\u0438 1\u20136<\/div>\n <\/div>\n <div style=\"background:rgba(255,255,255,.07);border-radius:6px;padding:14px 16px;border-left:3px solid var(--mint)\">\n <div style=\"font-size:18px;font-weight:800;color:var(--mint);margin-bottom:4px\">\u0411\u043b\u043e\u043a Q<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.45);font-weight:300\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c-\u043e\u0444\u0438\u0441\u044b<br>\u042d\u0442\u0430\u0436\u0438 3\u20136<\/div>\n <\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438<\/div>\n <div class=\"btn-ow\">\u0421\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0435 \u043e\u0444\u0438\u0441\u044b<\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)\"><\/div>\n <div class=\"ph-l\">\u0410\u044d\u0440\u043e\u0444\u043e\u0442\u043e \/ \u0444\u0430\u0441\u0430\u0434 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430 CBC<br>\u0421\u043d\u0430\u0440\u0443\u0436\u0438 \u0438\u043b\u0438 \u0430\u0442\u0440\u0438\u0443\u043c<\/div>\n <div class=\"ph-s\">1200\u00d7900px<\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:#1E2535;display:grid;grid-template-columns:repeat(5,1fr)\">\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">6<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u042d\u0442\u0430\u0436\u0435\u0439<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">3 000<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u043c\u00b2 \u043f\u043b\u043e\u0449\u0430\u0434\u0438<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">2<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u0411\u043b\u043e\u043a\u0430<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.06)\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">120<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u041f\u0430\u0440\u043a\u043e\u0432\u043e\u0447\u043d\u044b\u0445 \u043c\u0435\u0441\u0442<\/div><\/div>\n <div style=\"padding:20px 16px;text-align:center\"><div style=\"font-size:28px;font-weight:800;color:var(--orange);line-height:1\">24\/7<\/div><div style=\"font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.5px;text-transform:uppercase\">\u0414\u043e\u0441\u0442\u0443\u043f<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">Split-hero \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u043b\u0435\u0432\u044b\u043c \u0431\u043b\u043e\u043a\u043e\u043c \u0438 \u0444\u043e\u0442\u043e \u0441\u043f\u0440\u0430\u0432\u0430. \u0412 \u0442\u0451\u043c\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043c\u0438\u043d\u0438-\u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0434\u0432\u0443\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 A \u0438 Q, 2 \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u043e\u0434 hero \u2014 \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441 5 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430. \u0421\u0440\u0430\u0437\u0443 \u0434\u0430\u0451\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041b\u0435\u0432\u0430\u044f: \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0431\u043b\u043e\u043a\u043e\u0432, \u043a\u043d\u043e\u043f\u043a\u0438. \u041f\u0440\u0430\u0432\u0430\u044f: Image cover. \u041f\u043e\u043b\u043e\u0441\u0430 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438 \u043f\u043e\u0434 hero \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 Row \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c \u0438 5 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438. \u0426\u0438\u0444\u0440\u044b \u2014 \u0442\u0435\u043a\u0441\u0442.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u041c\u0435\u0434\u0438\u0430<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0424\u043e\u0442\u043e: \u0430\u044d\u0440\u043e\u0441\u044a\u0451\u043c\u043a\u0430 \u0437\u0434\u0430\u043d\u0438\u044f CBC \u0438\u043b\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0444\u0430\u0441\u0430\u0434\u0430 \u2014 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u0411\u0435\u0437 \u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a \u0442\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u0441\u0438\u043b\u044b.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u0411\u043b\u043e\u043a A \u0438 \u0411\u043b\u043e\u043a Q \u2014 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430<\/div>\n <div class=\"h2\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 <em>\u0441\u0432\u043e\u0439 \u0431\u043b\u043e\u043a<\/em><\/div>\n <div class=\"subd\">\u041e\u0431\u0430 \u0431\u043b\u043e\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430. \u0420\u0430\u0437\u043b\u0438\u0447\u0430\u044e\u0442\u0441\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u043c \u043e\u0442\u0434\u0435\u043b\u043a\u0438 \u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u044f\u043c\u0438 \u043e\u0444\u0438\u0441\u043e\u0432.<\/div>\n <div class=\"g2\">\n \n <div style=\"border-radius:8px;overflow:hidden;border:1.5px solid var(--border)\">\n <div class=\"ph\" style=\"height:200px;position:relative\">\n <div style=\"position:absolute;top:14px;left:14px;background:var(--dark);color:var(--white);font-size:12px;font-weight:700;padding:6px 14px;border-radius:4px\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"position:absolute;top:14px;right:14px;background:#D1FAE5;color:#065F46;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px\">3 \u043e\u0444\u0438\u0441\u0430 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0440\u0438\u0434\u043e\u0440\u0430 \/ \u043e\u0444\u0438\u0441\u043e\u0432 \u0411\u043b\u043e\u043a\u0430 A<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div style=\"padding:24px\">\n <div style=\"font-size:20px;font-weight:800;color:var(--dark);margin-bottom:6px\">\u0411\u043b\u043e\u043a A \u2014 \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442<\/div>\n <div style=\"font-size:13px;color:var(--muted);font-weight:300;margin-bottom:16px;line-height:1.6\">\u041e\u0444\u0438\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u0430 B+. \u041e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0446\u0435\u043d\u044b \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430. \u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043a\u043e\u043c\u0430\u043d\u0434 \u043e\u0442 2 \u0434\u043e 20 \u0447\u0435\u043b\u043e\u0432\u0435\u043a.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:0\">\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u0438:<\/strong> \u043e\u0442 15 \u0434\u043e 65 \u043c\u00b2<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u042d\u0442\u0430\u0436\u0438:<\/strong> 1\u20136<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041e\u0442\u0434\u0435\u043b\u043a\u0430:<\/strong> \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 B+, \u0433\u043e\u0442\u043e\u0432\u043e \u043a \u0440\u0430\u0431\u043e\u0442\u0435<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u0426\u0435\u043d\u0430:<\/strong> \u043e\u0442 7 800 MDL\/\u043c\u0435\u0441\u044f\u0446<\/div><\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 A<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"border-radius:8px;overflow:hidden;border:2px solid var(--orange)\">\n <div class=\"ph\" style=\"height:200px;position:relative\">\n <div style=\"position:absolute;top:14px;left:14px;background:var(--orange);color:var(--white);font-size:12px;font-weight:700;padding:6px 14px;border-radius:4px\">\u0411\u043b\u043e\u043a Q<\/div>\n <div style=\"position:absolute;top:14px;right:14px;background:#D1FAE5;color:#065F46;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px\">1 \u043e\u0444\u0438\u0441 \u0441\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0440\u0438\u0434\u043e\u0440\u0430 \/ \u043e\u0444\u0438\u0441\u043e\u0432 \u0411\u043b\u043e\u043a\u0430 Q (\u043f\u0440\u0435\u043c\u0438\u0443\u043c)<\/div>\n <div class=\"ph-s\">800\u00d7500px<\/div>\n <\/div>\n <div style=\"padding:24px\">\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px\">\n <div style=\"font-size:20px;font-weight:800;color:var(--dark)\">\u0411\u043b\u043e\u043a Q \u2014 \u041f\u0440\u0435\u043c\u0438\u0443\u043c<\/div>\n <div style=\"background:var(--lo);border:1px solid var(--orange);color:var(--orange);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px\">\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u041e<\/div>\n <\/div>\n <div style=\"font-size:13px;color:var(--muted);font-weight:300;margin-bottom:16px;line-height:1.6\">\u041e\u0444\u0438\u0441\u044b \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u0430. \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0435 \u043e\u043a\u043d\u0430, premium-\u043e\u0442\u0434\u0435\u043b\u043a\u0430. \u0414\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439, \u0433\u0434\u0435 \u0432\u0430\u0436\u0435\u043d \u0438\u043c\u0438\u0434\u0436.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:0\">\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041f\u043b\u043e\u0449\u0430\u0434\u0438:<\/strong> \u043e\u0442 22 \u0434\u043e 90 \u043c\u00b2<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u042d\u0442\u0430\u0436\u0438:<\/strong> 3\u20136, \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0439 \u0432\u0438\u0434<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u041e\u0442\u0434\u0435\u043b\u043a\u0430:<\/strong> premium, \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0439 \u0440\u0435\u043c\u043e\u043d\u0442<\/div><\/div>\n <div class=\"li\"><div class=\"li-dot\"><\/div><div class=\"li-t\"><strong>\u0426\u0435\u043d\u0430:<\/strong> \u043e\u0442 12 000 MDL\/\u043c\u0435\u0441\u044f\u0446<\/div><\/div>\n <\/div>\n <div class=\"btns\">\n <div class=\"btn-o\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 Q<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u0435 \u0440\u0430\u0432\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438-\u0431\u043b\u043e\u043a\u0430. \u0411\u043b\u043e\u043a A \u2014 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442, \u0411\u043b\u043e\u043a Q \u2014 \u043f\u0440\u0435\u043c\u0438\u0443\u043c (\u0432\u044b\u0434\u0435\u043b\u0435\u043d \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439 \u0440\u0430\u043c\u043a\u043e\u0439 + \u0431\u0435\u0439\u0434\u0436 \u00ab\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u00bb). \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430: \u0444\u043e\u0442\u043e \u0441 \u0431\u0435\u0439\u0434\u0436\u0435\u043c \u0441\u0442\u0430\u0442\u0443\u0441\u0430, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438, \u0446\u0435\u043d\u0430, \u043a\u043d\u043e\u043f\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 50\/50. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0432\u0435\u0440\u0445\u0443 \u0438 \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0440\u0430\u043c\u043a\u0430 \u0443 \u0411\u043b\u043e\u043a\u0430 Q \u2014 CSS-\u043a\u043b\u0430\u0441\u0441 <code>border: 2px solid #F57220<\/code>. \u0421\u0442\u0430\u0442\u0443\u0441 \u00ab\u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\/\u0437\u0430\u043d\u044f\u0442\u043e\u00bb \u2014 \u0440\u0443\u0447\u043d\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 \u0442\u0435\u043a\u0441\u0442\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u041a\u043d\u043e\u043f\u043a\u0438 \u0432\u0435\u0434\u0443\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443\u00bb \u0441 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u043c \u043f\u043e \u0431\u043b\u043e\u043a\u0443. \u0421\u0442\u0430\u0442\u0443\u0441 \u043e\u0444\u0438\u0441\u043e\u0432 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u2014 1 \u043c\u0438\u043d\u0443\u0442\u0430.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0430 \u044d\u0442\u0430\u0436\u0435\u0439<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0430<\/div>\n <div class=\"h2\">\u041d\u0430\u0439\u0434\u0438\u0442\u0435 <em>\u0441\u0432\u043e\u0451 \u043c\u0435\u0441\u0442\u043e<\/em><\/div>\n <div class=\"subd\">\u041a\u043b\u0438\u043a\u043d\u0438\u0442\u0435 \u043d\u0430 \u043b\u044e\u0431\u0443\u044e \u0437\u043e\u043d\u0443 \u043d\u0430 \u043f\u043b\u0430\u043d\u0435 \u2014 \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0447\u0442\u043e \u0442\u0430\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f<\/div>\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:32px;margin-top:24px;align-items:start\">\n\n \n <div style=\"border-radius:8px;overflow:hidden;border:1.5px solid var(--border);background:var(--white)\">\n \n <div style=\"padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark);margin-right:4px\">\u0411\u043b\u043e\u043a:<\/div>\n <div style=\"background:var(--orange);color:var(--white);padding:6px 16px;border-radius:4px;font-size:12px;font-weight:700\">A<\/div>\n <div style=\"background:var(--light);color:var(--dark2);padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;border:1.5px solid var(--border)\">Q<\/div>\n <div style=\"margin-left:auto;display:flex;align-items:center;gap:8px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark)\">\u042d\u0442\u0430\u0436:<\/div>\n <div style=\"display:flex;gap:4px\">\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--orange);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700\">3<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">4<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">5<\/div>\n <div style=\"width:28px;height:28px;border-radius:4px;background:var(--light);color:var(--dark2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid var(--border)\">6<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"height:340px;position:relative\">\n \n <div style=\"position:absolute;inset:20px;border:1px dashed rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px\">\n \n <div style=\"position:absolute;top:20px;left:20px;width:140px;height:80px;border:2px solid rgba(16,185,129,.5);background:rgba(16,185,129,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#10B981;font-weight:700;text-align:center\">A-301<br>22 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#10B981;margin-top:2px\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <\/div>\n <div style=\"position:absolute;top:20px;left:180px;width:160px;height:80px;border:2px solid rgba(239,68,68,.5);background:rgba(239,68,68,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#EF4444;font-weight:700;text-align:center\">A-302<br>38 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#EF4444;margin-top:2px\">\u0417\u0430\u043d\u044f\u0442<\/div>\n <\/div>\n <div style=\"position:absolute;top:20px;right:20px;width:120px;height:80px;border:2px solid rgba(16,185,129,.5);background:rgba(16,185,129,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:#10B981;font-weight:700;text-align:center\">A-303<br>18 \u043c\u00b2<\/div>\n <div style=\"font-size:9px;color:#10B981;margin-top:2px\">\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <\/div>\n <div style=\"position:absolute;bottom:20px;left:20px;width:200px;height:70px;border:2px solid rgba(245,114,32,.5);background:rgba(245,114,32,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer\">\n <div style=\"font-size:10px;color:var(--orange);font-weight:700\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div style=\"font-size:9px;color:var(--orange);margin-top:2px\">\u041e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u0437\u043e\u043d\u0430<\/div>\n <\/div>\n <div style=\"position:absolute;bottom:20px;right:20px;width:180px;height:70px;border:2px solid rgba(67,75,88,.5);background:rgba(67,75,88,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column\">\n <div style=\"font-size:10px;color:rgba(255,255,255,.4);font-weight:700\">\u041e\u0431\u0449\u0438\u0435 \u0437\u043e\u043d\u044b<\/div>\n <div style=\"font-size:9px;color:rgba(255,255,255,.3);margin-top:2px\">\u041a\u0443\u0445\u043d\u044f \u00b7 \u0422\u0443\u0430\u043b\u0435\u0442<\/div>\n <\/div>\n <div class=\"ph-l\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u044d\u0442\u0430\u0436\u0430<br>\u041a\u043b\u0438\u043a \u043f\u043e \u0437\u043e\u043d\u0435 \u2192 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div>\n <\/div>\n <\/div>\n \n <div style=\"padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:20px;align-items:center\">\n <div style=\"font-size:11px;font-weight:700;color:var(--dark)\">\u041b\u0435\u0433\u0435\u043d\u0434\u0430:<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(16,185,129,.3);border:2px solid #10B981;border-radius:2px\"><\/div>\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(239,68,68,.3);border:2px solid #EF4444;border-radius:2px\"><\/div>\u0417\u0430\u043d\u044f\u0442<\/div>\n <div style=\"display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)\"><div style=\"width:12px;height:12px;background:rgba(245,114,32,.2);border:2px solid var(--orange);border-radius:2px\"><\/div>\u041e\u0431\u0449\u0430\u044f \u0437\u043e\u043d\u0430<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"width:260px;display:flex;flex-direction:column;gap:8px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0427\u0442\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u0436\u0435<\/div>\n <div style=\"background:var(--white);border-radius:6px;border:1.5px solid var(--border);overflow:hidden\">\n <div style=\"background:var(--light);padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted)\">\u0411\u043b\u043e\u043a A<\/div>\n <div style=\"padding:4px 0\">\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">1 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041a\u0430\u0444\u0435 CBC \u00b7 \u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f \u00b7 \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">2 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">Event Hall \u00b7 2 \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0445<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start;background:var(--lo)\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">3 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:600;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b A-301 \u2014 A-310 \u00b7 \u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<div style=\"font-weight:300;color:var(--muted)\">\u041f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442\u0435 \u0441\u0435\u0439\u0447\u0430\u0441<\/div><\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">4 \u044d\u0442\u0430\u0436<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b A-401 \u2014 A-412<\/div><\/div>\n <div style=\"display:flex;gap:10px;padding:9px 14px;align-items:flex-start\"><div style=\"font-size:11px;font-weight:700;color:var(--orange);min-width:48px;flex-shrink:0\">5\u20136 \u044d\u0442.<\/div><div style=\"font-size:11px;color:var(--dark2);font-weight:300;line-height:1.5\">\u041e\u0444\u0438\u0441\u044b \u0411\u043b\u043e\u043a\u0430 Q (\u043f\u0440\u0435\u043c\u0438\u0443\u043c)<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u044d\u0442\u0430\u0436\u0435\u0439. \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0431\u043b\u043e\u043a A\/Q \u0438 \u043d\u043e\u043c\u0435\u0440 \u044d\u0442\u0430\u0436\u0430. \u041d\u0430 \u043f\u043b\u0430\u043d\u0435 \u2014 \u0446\u0432\u0435\u0442\u043d\u044b\u0435 \u0437\u043e\u043d\u044b: \u0437\u0435\u043b\u0451\u043d\u044b\u0435 (\u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e), \u043a\u0440\u0430\u0441\u043d\u044b\u0435 (\u0437\u0430\u043d\u044f\u0442\u043e), \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0435 (\u043e\u0431\u0449\u0438\u0435 \u0437\u043e\u043d\u044b). \u041a\u043b\u0438\u043a \u043d\u0430 \u0437\u043e\u043d\u0443 \u2014 popup \u0441 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438. \u0420\u044f\u0434\u043e\u043c \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u0442\u0430\u0436\u0435\u0439 \u0441 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>Image Map Pro $29:<\/strong> \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0448\u044c PNG-\u043f\u043b\u0430\u043d \u044d\u0442\u0430\u0436\u0430, \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0448\u044c \u0437\u043e\u043d\u044b \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0448\u044c popup \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439. Shortcode \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 WPBakery. \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c \u044d\u0442\u0430\u0436\u0435\u0439 \u2014 \u0447\u0435\u0440\u0435\u0437 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 WPBakery \u0438\u043b\u0438 JS.<br><br><strong>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430:<\/strong> \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0435 PNG-\u0441\u0445\u0435\u043c\u044b + \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u0442\u0430\u0436\u0435\u0439 \u0440\u044f\u0434\u043e\u043c. \u0411\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bp\">Image Map Pro $29<\/span><br><span class=\"b bf\">WPBakery Tabs (\u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f)<\/span><br><br>\u041f\u043b\u0430\u043d\u044b \u044d\u0442\u0430\u0436\u0435\u0439 \u043d\u0443\u0436\u043d\u044b \u0432 PNG\/SVG. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u0447\u0435\u0440\u0442\u0435\u0436\u0435\u0439 \u2014 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0445\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u044b\u0439 \u043f\u043b\u0430\u043d \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0432 Figma \u0438\u043b\u0438 Canva.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div class=\"h2\">\u0412\u0441\u0451 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e <em>\u0443\u0436\u0435 \u0437\u0434\u0435\u0441\u044c<\/em><\/div>\n <div class=\"subd\">\u0410\u0440\u0435\u043d\u0434\u0443\u044f \u043e\u0444\u0438\u0441 \u0432 CBC \u2014 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0432\u0441\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u0438\u0437\u043d\u0435\u0441-\u0446\u0435\u043d\u0442\u0440\u0430 \u0432 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443<\/div>\n <div class=\"g4\">\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">P<\/div><div class=\"ctitle\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><div class=\"ctext\">120 \u043c\u0435\u0441\u0442, \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 24\/7, \u043f\u043e\u0434\u0437\u0435\u043c\u043d\u044b\u0439 \u0438 \u043d\u0430\u0437\u0435\u043c\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c8<\/div><div class=\"ctitle\">\u041e\u0445\u0440\u0430\u043d\u0430<\/div><div class=\"ctext\">\u041a\u0440\u0443\u0433\u043b\u043e\u0441\u0443\u0442\u043e\u0447\u043d\u0430\u044f \u043e\u0445\u0440\u0430\u043d\u0430, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043f\u043e \u043a\u0430\u0440\u0442\u0435, \u0436\u0443\u0440\u043d\u0430\u043b \u043f\u043e\u0441\u0435\u0449\u0435\u043d\u0438\u0439<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25cf<\/div><div class=\"ctitle\">\u041a\u0430\u0444\u0435 CBC<\/div><div class=\"ctext\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u043d\u044e, \u0437\u0430\u0432\u0442\u0440\u0430\u043a\u0438, \u043e\u0431\u0435\u0434\u044b, \u043a\u043e\u0444\u0435. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 8:00\u201320:00<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25ce<\/div><div class=\"ctitle\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0435<\/div><div class=\"ctext\">4 \u043a\u043e\u043c\u043d\u0430\u0442\u044b \u043d\u0430 6\u201312 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0441 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 \u043a\u043e\u0444\u0435<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c1<\/div><div class=\"ctitle\">Event Hall<\/div><div class=\"ctext\">\u0417\u0430\u043b 150 \u043c\u0435\u0441\u0442 \u0441 LED-\u044d\u043a\u0440\u0430\u043d\u043e\u043c 165\" \u0434\u043b\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0439 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25c6<\/div><div class=\"ctitle\">Wi-Fi<\/div><div class=\"ctext\">\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043a\u0430\u043d\u0430\u043b 1 \u0413\u0431\u0438\u0442\/\u0441, \u0440\u0430\u0437\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 \u0434\u043b\u044f \u0433\u043e\u0441\u0442\u0435\u0439 \u0438 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25b2<\/div><div class=\"ctitle\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><div class=\"ctext\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u0433\u043e\u0441\u0442\u0435\u0439, \u043f\u0440\u0438\u0451\u043c \u043a\u043e\u0440\u0440\u0435\u0441\u043f\u043e\u043d\u0434\u0435\u043d\u0446\u0438\u0438, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div><\/div>\n <div class=\"card-l card-acc\"><div style=\"font-size:24px;color:var(--orange);margin-bottom:12px;font-weight:800\">\u25a4<\/div><div class=\"ctitle\">\u0423\u0431\u043e\u0440\u043a\u0430<\/div><div class=\"ctext\">\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0443\u0431\u043e\u0440\u043a\u0430 \u043e\u0444\u0438\u0441\u043e\u0432 \u0438 \u043e\u0431\u0449\u0438\u0445 \u0437\u043e\u043d \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0432 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0440\u0435\u043d\u0434\u044b<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">8 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0445 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432. \u0418\u043a\u043e\u043d\u043a\u0430 + \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441 \u00ab\u0430 \u0447\u0442\u043e \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0430\u0440\u0435\u043d\u0434\u044b?\u00bb \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0447\u0430\u0441\u0442\u044b\u0445 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043e \u0437\u0432\u043e\u043d\u043a\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery<\/strong> \u2014 4 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u00d7 2 \u0440\u044f\u0434\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 Icon Box (Ultimate Addons) \u0438\u043b\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a + CSS-\u043a\u043b\u0430\u0441\u0441 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438. \u0418\u043a\u043e\u043d\u043a\u0438 \u2014 Font Awesome \u0438\u043b\u0438 \u043e\u0434\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0435 SVG.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bp\">Ultimate Addons Icon Box<\/span><br><span class=\"b bf\">WPBakery Column (\u0432\u0440\u0443\u0447\u043d\u0443\u044e)<\/span><br><br>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435. \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c\/\u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u2014 2 \u043c\u0438\u043d\u0443\u0442\u044b.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u044b<\/div>\n <div class=\"h2\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 <em>\u0438\u0437\u043d\u0443\u0442\u0440\u0438<\/em><\/div>\n \n <div style=\"display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:6px;margin-top:24px;border-radius:8px;overflow:hidden\">\n <div class=\"ph\" style=\"grid-row:1\/3;position:relative\">\n <div style=\"position:absolute;bottom:14px;left:14px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u0410\u0442\u0440\u0438\u0443\u043c CBC<\/div>\n <div class=\"ph-l\">\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0446\u0435\u043d\u0442\u0440\u0430 <\/div>\n <div class=\"ph-s\">800\u00d7900px<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">Event Hall<\/div>\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e Event Hall<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <div class=\"ph-l\">\u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <\/div>\n <div class=\"ph\" style=\"position:relative\">\n <div style=\"position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6);color:var(--white);font-size:11px;font-weight:600;padding:5px 12px;border-radius:3px\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <div class=\"ph-l\">\u041a\u0430\u0444\u0435 CBC<\/div>\n <\/div>\n <\/div>\n \n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;border-radius:6px;overflow:hidden\">\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u041e\u0444\u0438\u0441 \u0411\u043b\u043e\u043a\u0430 Q<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u041e\u0444\u0438\u0441 Q<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u0420\u0435\u0446\u0435\u043f\u0446\u0438\u044f<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\"><div style=\"position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><div class=\"ph-l\" style=\"font-size:9px\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430<\/div><\/div>\n <div class=\"ph\" style=\"height:140px;position:relative\">\n <div style=\"position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px\">\n <div style=\"font-size:28px;font-weight:800;color:var(--white)\">+12<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.7)\">\u0435\u0449\u0451 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btns\" style=\"justify-content:center;margin-top:20px\">\n <div class=\"btn-d\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">Masonry-\u0433\u0430\u043b\u0435\u0440\u0435\u044f: \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u0444\u043e\u0442\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 2 \u0441\u0442\u0440\u043e\u043a\u0438, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043f\u0440\u0430\u0432\u0430. \u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u044f\u0434 \u2014 4 \u0444\u043e\u0442\u043e + \u043f\u043b\u0430\u0448\u043a\u0430 \u00ab+12 \u0435\u0449\u0451\u00bb. \u041f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0412\u0441\u0435 \u0444\u043e\u0442\u043e\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u043f\u043e\u043b\u043d\u0443\u044e \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u0438\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 lightbox.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Image Gallery<\/strong> + CSS Grid \u0434\u043b\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0438. Lightbox \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 Gallery. \u041f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043e\u0442\u043e \u2014 \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 alt \u0438\u043b\u0438 caption \u0432 \u043c\u0435\u0434\u0438\u0430\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 WordPress.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Image Gallery<\/span><br><span class=\"b bf\">Envira Gallery (\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430)<\/span><br><br>\u041d\u0443\u0436\u043d\u043e \u043c\u0438\u043d\u0438\u043c\u0443\u043c 20 \u0444\u043e\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0444\u043e\u0442\u043e\u0441\u0435\u0441\u0441\u0438\u044e \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u043e\u0435 \u0432\u0430\u0436\u043d\u043e\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0441\u0430\u0439\u0442.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u043a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/div>\n <div class=\"h2\">CBC \u043d\u0430 <em>\u043a\u0430\u0440\u0442\u0435<\/em><\/div>\n <div class=\"g2\" style=\"align-items:start\">\n \n <div style=\"height:320px;background:linear-gradient(135deg,#D4DDE5,#C8D6E0);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden\">\n <div style=\"position:absolute;inset:0;background:url('data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2240%22 height=%2240%22><path d=%22M0 20h40M20 0v40%22 stroke=%22rgba(0,0,0,0.07)%22 stroke-width=%221%22\/><\/svg>')\"><\/div>\n <div style=\"background:var(--orange);color:var(--white);padding:12px 24px;border-radius:6px;font-size:14px;font-weight:700;box-shadow:0 8px 24px rgba(245,114,32,.4);position:relative;z-index:1\">\n CBC \u00b7 \u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10\n <\/div>\n <div style=\"position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.5);color:var(--white);font-size:10px;padding:4px 10px;border-radius:3px\">Google Maps embed<\/div>\n <\/div>\n \n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f:<\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25c9<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u0410\u0434\u0440\u0435\u0441<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u0431\u0443\u043b. \u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430 10, \u041a\u0438\u0448\u0438\u043d\u0451\u0432, \u041c\u043e\u043b\u0434\u043e\u0432\u0430<\/div><\/div>\n <\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25a3<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041d\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0435<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u2014 120 \u043c\u0435\u0441\u0442, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;gap:14px;padding:14px;background:var(--light);border-radius:6px;border-left:4px solid var(--orange)\">\n <div style=\"font-size:22px;flex-shrink:0\">\u25c6<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--dark);margin-bottom:4px\">\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442<\/div><div style=\"font-size:12px;color:var(--muted);font-weight:300;line-height:1.6\">\u0422\u0440\u043e\u043b\u043b\u0435\u0439\u0431\u0443\u0441 \u21163, \u21168 \u2014 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u00ab\u0413\u0430\u0433\u0430\u0440\u0438\u043d\u0430\u00bb. 3 \u043c\u0438\u043d. \u043f\u0435\u0448\u043a\u043e\u043c.<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041a\u0430\u0440\u0442\u0430 Google Maps + 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 (\u0430\u0434\u0440\u0435\u0441, \u0430\u0432\u0442\u043e, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442). \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a \u043f\u0440\u0438\u0435\u0445\u0430\u0442\u044c \u0435\u0449\u0451 \u0434\u043e \u0437\u0432\u043e\u043d\u043a\u0430 \u2014 \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u0431\u0430\u0440\u044c\u0435\u0440 \u0434\u043b\u044f \u0432\u0438\u0437\u0438\u0442\u0430.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery Row<\/strong> \u2014 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041b\u0435\u0432\u0430\u044f: Google Maps embed \u0447\u0435\u0440\u0435\u0437 WPBakery Google Maps \u044d\u043b\u0435\u043c\u0435\u043d\u0442 (\u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c API key \u0438 \u0430\u0434\u0440\u0435\u0441). \u041f\u0440\u0430\u0432\u0430\u044f: \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Google Maps<\/span><br>Google Maps API key \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0434\u043b\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0442\u0440\u0430\u0444\u0438\u043a\u0430. \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 5 \u043c\u0438\u043d\u0443\u0442.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">7<\/div>\n <div class=\"bl-title\">CTA \u2014 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u043e\u0444\u0438\u0441\u0430\u043c<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:34px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0413\u043e\u0442\u043e\u0432\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c <em style=\"font-style:normal;opacity:.8\">\u043e\u0444\u0438\u0441?<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u0421\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0445 \u043e\u0444\u0438\u0441\u043e\u0432 \u2014 \u0446\u0435\u043d\u044b, \u043f\u043b\u043e\u0449\u0430\u0434\u0438 \u0438 \u0444\u043e\u0442\u043e<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center;padding:14px 32px\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b \u2192<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u041f\u043b\u0430\u043d\u044b CBC \u043d\u0430 2025\u20132030<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0444\u0438\u043d\u0430\u043b: \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 CTA \u0441 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u043c \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0444\u0438\u0441\u043e\u0432 + \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430-\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f\u00bb. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery<\/strong> \u2014 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 + \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0432\u043d\u0438\u0437\u0443. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043e\u0444\u0438\u0441\u044b\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u041e\u0444\u0438\u0441\u044b \u0432 \u0430\u0440\u0435\u043d\u0434\u0443\u00bb. \u041a\u043d\u043e\u043f\u043a\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u0438 \u2014 Contact Form 7 \u0432 popup.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row<\/span> <span class=\"b bf\">Contact Form 7<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u041e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0435\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u2014 \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u0411\u043b\u043e\u043a A vs \u0411\u043b\u043e\u043a Q <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043b\u0430\u043d <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 (8 \u043a\u0430\u0440\u0442.) <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>6. \u041a\u0430\u0440\u0442\u0430 \/ \u041a\u0430\u043a \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>7. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bp\">Image Map Pro $29 \u2014 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438<\/span><\/div>\n <div><span class=\"b bp\">Ultimate Addons $26 \u2014 \u0438\u043a\u043e\u043d\u043a\u0438<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <div><span class=\"b bf\">WPBakery Google Maps \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u0410\u044d\u0440\u043e\u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0444\u043e\u0442\u043e \u0444\u0430\u0441\u0430\u0434\u0430<\/div>\n <div>20+ \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u043d\u044b\u0445 \u0444\u043e\u0442\u043e<\/div>\n <div>\u0424\u043e\u0442\u043e \u0411\u043b\u043e\u043a\u0430 A \u0438 \u0411\u043b\u043e\u043a\u0430 Q \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e<\/div>\n <div>PNG\/SVG \u043f\u043b\u0430\u043d\u044b \u044d\u0442\u0430\u0436\u0435\u0439<\/div>\n <div>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~2\u0447<\/div>\n <div>Image Map Pro (\u043f\u043b\u0430\u043d\u044b): ~1\u0447<\/div>\n <div>\u0413\u0430\u043b\u0435\u0440\u0435\u044f + \u043a\u043e\u043d\u0442\u0435\u043d\u0442: ~1\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~4 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<title>CBC \u2014 \u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u00b7 \u041c\u0430\u043a\u0435\u0442<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --dark:#252D3A;--dark2:#434B58;--orange:#F57220;\n --white:#FFFFFF;--light:#EDEDEF;--mint:#CDDDDA;\n --muted:#6B7280;--border:#E5E7EB;--lo:#FFF0E8;\n --ann-bg:#FFFBF0;--ann-brd:#F0C060;--ann-lbl:#B45309;\n}\nbody{font-family:'Poppins',sans-serif;background:#EDEEF0;color:var(--dark)}\n\n.doc-header{background:var(--dark);padding:0 40px;height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,.3)}\n.dh-logo{font-size:14px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}\n.dh-logo span{color:var(--orange)}\n.dh-sep{width:1px;height:20px;background:rgba(255,255,255,.15)}\n.dh-page{font-size:12px;color:rgba(255,255,255,.5);font-weight:300}\n.dh-tag{background:var(--orange);color:var(--white);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:3px}\n\n.page{max-width:1160px;margin:0 auto;padding:36px 28px 80px}\n\n.pt{background:var(--white);border-radius:10px;padding:28px 32px;margin-bottom:28px;border:1.5px solid var(--border);display:flex;align-items:flex-start;gap:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}\n.pt-num{width:52px;height:52px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--white);flex-shrink:0}\n.pt-info{flex:1}\n.pt-crumb{font-size:11px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}\n.pt-crumb b{color:var(--orange);font-weight:600}\n.pt-name{font-size:28px;font-weight:800;color:var(--dark);letter-spacing:-.5px;line-height:1.1}\n.pt-sub{font-size:13px;color:var(--muted);font-weight:300;margin-top:6px;line-height:1.6}\n.pt-tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}\n.ptag{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px}\n.ptag-g{background:#D1FAE5;color:#065F46}\n.ptag-o{background:var(--lo);color:var(--orange)}\n.ptag-b{background:#DBEAFE;color:#1D4ED8}\n.ptag-d{background:var(--light);color:var(--dark2)}\n.pt-stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}\n.pts-item{text-align:center}\n.pts-num{font-size:22px;font-weight:800;color:var(--orange)}\n.pts-lbl{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}\n\n.bw{margin-bottom:28px}\n.bl{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:0 4px}\n.bl-num{width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0}\n.bl-title{font-size:12px;font-weight:700;color:var(--dark2);letter-spacing:.5px;text-transform:uppercase}\n.bl-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}\n.bl-tag-req{background:#FEF3C7;color:#92400E;border:1px solid #F59E0B}\n.bl-tag-opt{background:var(--light);color:var(--muted);border:1px solid var(--border)}\n\n.mock{border-radius:8px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.07)}\n.ann{background:var(--ann-bg);border:1.5px solid var(--ann-brd);border-radius:0 0 8px 8px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:none}\n.ann-t{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ann-lbl);margin-bottom:7px;display:flex;align-items:center;gap:6px}\n.ann-t::before{content:'';width:14px;height:2px;background:var(--ann-brd);border-radius:1px}\n.ann-tx{font-size:12px;color:#78716C;line-height:1.75;font-weight:300}\n.ann-tx strong{color:var(--dark);font-weight:600}\n.ann-tx code{background:var(--light);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:10px;color:var(--dark2)}\n.b{display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:10px;margin:2px 2px 2px 0}\n.bf{background:#D1FAE5;border:1px solid #10B981;color:#065F46}\n.bp{background:#FEE2E2;border:1px solid #EF4444;color:#991B1B}\n.bw2{background:#EEF2FF;border:1px solid #818CF8;color:#3730A3}\n\n\/* mock UI *\/\n.ph{background:linear-gradient(135deg,#2E3849 0%,#1A2130 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}\n.ph-l{font-size:10px;color:rgba(255,255,255,.25);letter-spacing:2px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 20px}\n.ph-s{font-size:10px;color:rgba(245,114,32,.4);font-weight:400}\n.pretag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;gap:8px}\n.pretag::before{content:'';width:22px;height:2px;background:var(--orange)}\n.h1{font-size:44px;font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}\n.h1 em{font-style:normal;color:var(--orange)}\n.h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.3px;margin-bottom:10px}\n.h2 em{font-style:normal;color:var(--orange)}\n.h2w{color:var(--white)}\n.sub{font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-bottom:24px}\n.subd{font-size:14px;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:24px;max-width:620px}\n.btn-o{display:inline-block;background:var(--orange);color:var(--white);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:default}\n.btn-ow{display:inline-block;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3);padding:12px 22px;border-radius:4px;font-size:11px;font-weight:600;cursor:default}\n.btn-w{display:inline-block;background:var(--white);color:var(--orange);padding:13px 26px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:default}\n.btn-d{display:inline-block;background:transparent;border:2px solid var(--dark);color:var(--dark);padding:12px 24px;border-radius:4px;font-size:11px;font-weight:700;cursor:default}\n.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}\n\n.sw{background:var(--white);padding:52px 56px}\n.sl{background:var(--light);padding:52px 56px}\n.sd{background:var(--dark);padding:52px 56px}\n.so{background:var(--orange);padding:40px 56px}\n\n.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}\n.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:24px}\n\n.card{background:var(--white);border-radius:6px;padding:24px;border:1.5px solid var(--border)}\n.card-l{background:var(--light);border-radius:6px;padding:22px;border:1.5px solid var(--border)}\n.card-acc{border-left:4px solid var(--orange)}\n.ctitle{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:7px}\n.ctext{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\n\n.li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}\n.li:last-child{border:none;padding-bottom:0}\n.li-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-top:5px;flex-shrink:0}\n.li-t{font-size:13px;color:var(--dark2);line-height:1.65}\n.li-t strong{color:var(--dark);font-weight:600}\n\n.divider{height:2px;background:linear-gradient(to right,transparent,var(--orange),transparent);margin:36px 0 28px}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"doc-header\">\n <div class=\"dh-logo\">\n CBC <span>|<\/span> Community Business Center\n <div class=\"dh-sep\"><\/div>\n <div class=\"dh-page\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u2014 \u041c\u0430\u043a\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/div>\n <\/div>\n <div class=\"dh-right\">\n <div class=\"dh-tag\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 \u00b7 \u0421\u0442\u0440. 3 \u0438\u0437 3<\/div>\n <\/div>\n<\/div>\n\n<div class=\"page\">\n\n \n <div class=\"pt\">\n <div class=\"pt-num\">3<\/div>\n <div class=\"pt-info\">\n <div class=\"pt-crumb\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <b>\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/b><\/div>\n <div class=\"pt-name\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <div class=\"pt-sub\">\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430-\u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u0435. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043a\u0443\u0434\u0430 \u0434\u0432\u0438\u0436\u0435\u0442\u0441\u044f CBC \u2014 \u0431\u0435\u0437 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0434\u0430\u0442 \u0438 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u0439. \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u043e\u0433\u043e \u0438 \u0430\u043c\u0431\u0438\u0446\u0438\u043e\u0437\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u0430\u0436\u043d\u0430 \u0434\u043b\u044f \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432, \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0431\u0443\u0434\u0443\u0449\u0438\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432.<\/div>\n <div class=\"pt-tags\">\n <span class=\"ptag ptag-d\">\u0418\u043c\u0438\u0434\u0436\u0435\u0432\u0430\u044f<\/span>\n <span class=\"ptag ptag-o\">WPBakery<\/span>\n <span class=\"ptag ptag-g\">\u0411\u0435\u0437 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/span>\n <span class=\"ptag ptag-b\">6 \u0431\u043b\u043e\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"pt-stats\">\n <div class=\"pts-item\"><div class=\"pts-num\">6<\/div><div class=\"pts-lbl\">\u0431\u043b\u043e\u043a\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">1<\/div><div class=\"pts-lbl\">\u0444\u043e\u0440\u043c\u0430 \u0438\u0434\u0435\u0439<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">0<\/div><div class=\"pts-lbl\">\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div><\/div>\n <div class=\"pts-item\"><div class=\"pts-num\">~2.5\u0447<\/div><div class=\"pts-lbl\">\u043d\u0430 \u0441\u0431\u043e\u0440\u043a\u0443<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">1<\/div>\n <div class=\"bl-title\">Hero \u2014 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n \n <div style=\"background:var(--white);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border)\">\n <div style=\"font-size:16px;font-weight:800;color:var(--dark)\">CBC <span style=\"color:var(--orange)\">|<\/span> Community Business Center<\/div>\n <div style=\"display:flex;gap:24px;font-size:12px;color:var(--dark2);font-weight:500\">\n <span style=\"color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:2px\">\u041e \u0446\u0435\u043d\u0442\u0440\u0435<\/span>\n <span>\u0423\u0441\u043b\u0443\u0433\u0438<\/span><span>\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/span><span>\u0421\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <span style=\"background:var(--orange);color:var(--white);padding:7px 16px;border-radius:4px;font-size:11px;font-weight:700\">\u0410\u0440\u0435\u043d\u0434\u043e\u0432\u0430\u0442\u044c \u043e\u0444\u0438\u0441<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--light);padding:10px 40px;border-bottom:1px solid var(--border)\">\n <span style=\"font-size:11px;color:var(--muted)\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f <span style=\"color:var(--border)\">\u203a<\/span> \u041e \u0446\u0435\u043d\u0442\u0440\u0435 <span style=\"color:var(--border)\">\u203a<\/span> <span style=\"color:var(--orange);font-weight:500\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/span><\/span>\n <\/div>\n \n <div style=\"background:var(--dark);min-height:400px;display:flex;align-items:center;padding:72px 56px;position:relative;overflow:hidden\">\n \n <div style=\"position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(245,114,32,.06)\"><\/div>\n <div style=\"position:absolute;right:60px;bottom:-60px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(245,114,32,.04)\"><\/div>\n \n <div style=\"position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,transparent,var(--orange),transparent)\"><\/div>\n <div style=\"max-width:760px;position:relative;z-index:2\">\n <div class=\"pretag\">\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b CBC<\/div>\n <div class=\"h1\">CBC \u0437\u0430\u0432\u0442\u0440\u0430 \u2014<br><em>\u0431\u043e\u043b\u044c\u0448\u0435, \u043b\u0443\u0447\u0448\u0435, \u0441\u0438\u043b\u044c\u043d\u0435\u0435<\/em><\/div>\n <div class=\"sub\" style=\"max-width:600px;font-size:16px\">\u041c\u044b \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c\u0441\u044f. \u041a\u0430\u0436\u0434\u044b\u0439 \u0433\u043e\u0434 CBC \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432, \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u041c\u043e\u043b\u0434\u043e\u0432\u044b.<\/div>\n <div style=\"display:flex;gap:20px;margin-top:8px\">\n <div style=\"padding:16px 24px;background:rgba(255,255,255,.05);border-radius:6px;border:1px solid rgba(255,255,255,.08);text-align:center\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);line-height:1\">27+<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;letter-spacing:.5px\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0441\u0435\u0439\u0447\u0430\u0441<\/div>\n <\/div>\n <div style=\"display:flex;align-items:center;justify-content:center;padding:0 8px\">\n <div style=\"font-size:28px;color:var(--orange);font-weight:300\">\u2192<\/div>\n <\/div>\n <div style=\"padding:16px 24px;background:rgba(245,114,32,.1);border-radius:6px;border:1px solid rgba(245,114,32,.3);text-align:center\">\n <div style=\"font-size:32px;font-weight:800;color:var(--orange);line-height:1\">50+<\/div>\n <div style=\"font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;letter-spacing:.5px\">\u0426\u0435\u043b\u044c \u0440\u043e\u0441\u0442\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u044b\u0439 \u0442\u0451\u043c\u043d\u044b\u0439 hero \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c \u0438 \u0434\u0432\u0443\u043c\u044f \u0446\u0438\u0444\u0440\u0430\u043c\u0438: \u0441\u0435\u0439\u0447\u0430\u0441 vs \u0446\u0435\u043b\u044c. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0430\u043c\u0431\u0438\u0446\u0438\u0438 CBC \u0431\u0435\u0437 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u0440\u043e\u043a\u043e\u0432. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0441\u043b\u0435\u0432\u0430 \u2014 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u043f\u043e\u043b\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0441 \u0442\u0451\u043c\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0431\u043b\u043e\u043a\u0438. \u0414\u0432\u0435 \u0446\u0438\u0444\u0440\u044b \u0440\u044f\u0434\u043e\u043c \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 2+1+2. \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u0440\u0443\u0433\u0438 \u2014 CSS \u043f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u043b\u0438 SVG-\u0444\u043e\u043d.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0426\u0438\u0444\u0440\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432 \u0442\u0435\u043a\u0441\u0442. \u041c\u0435\u043d\u044f\u0442\u044c \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0435\u0439 \u2014 1 \u043c\u0438\u043d\u0443\u0442\u0430 \u0432 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">2<\/div>\n <div class=\"bl-title\">\u0427\u0442\u043e \u0443\u0436\u0435 \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0443\u0442\u043e<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sw\">\n <div class=\"pretag\">\u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f<\/div>\n <div class=\"h2\">\u0421 \u0447\u0435\u0433\u043e \u043c\u044b <em>\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c<\/em> \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0432\u043f\u0435\u0440\u0451\u0434<\/div>\n <div class=\"subd\">\u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u2014 \u0432\u043e\u0442 \u0447\u0442\u043e CBC \u0443\u0436\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u043b<\/div>\n <div class=\"g3\">\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">5<\/div>\n <div class=\"ctitle\">\u041b\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\n <div class=\"ctext\">\u0421 2020 \u0433\u043e\u0434\u0430 CBC \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u0440\u0430\u0441\u0442\u0451\u0442. \u041d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0433\u043e\u0434\u0430 \u0432 \u043c\u0438\u043d\u0443\u0441. \u0427\u0438\u0441\u0442\u044b\u0439 \u0442\u0440\u0435\u043a-\u0440\u0435\u043a\u043e\u0440\u0434.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">27+<\/div>\n <div class=\"ctitle\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0439-\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div>\n <div class=\"ctext\">15 \u0441\u0444\u0435\u0440 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u043f\u043e\u0434 \u043e\u0434\u043d\u043e\u0439 \u043a\u0440\u044b\u0448\u0435\u0439. \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0430.<\/div>\n <\/div>\n <div class=\"card card-acc\">\n <div style=\"font-size:40px;font-weight:800;color:var(--orange);line-height:1;margin-bottom:8px\">500+<\/div>\n <div class=\"ctitle\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u043e<\/div>\n <div class=\"ctext\">CBC \u0441\u0442\u0430\u043b \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439 \u041a\u0438\u0448\u0438\u043d\u0451\u0432\u0430. Event Hall \u2014 \u0432\u044b\u0431\u043e\u0440 \u21161 \u0434\u043b\u044f \u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0439 \u0438 \u0444\u043e\u0440\u0443\u043c\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c\u0438 \u0446\u0438\u0444\u0440\u0430\u043c\u0438 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0438\u043b\u0443 CBC \u043a\u0430\u043a \u043e\u0441\u043d\u043e\u0432\u0443 \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0430. \u041b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434: \u00ab\u0412\u043e\u0442 \u0433\u0434\u0435 \u043c\u044b \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u043e \u0442\u043e\u043c, \u043a\u0443\u0434\u0430 \u0438\u0434\u0451\u043c\u00bb.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> 3 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041a\u0430\u0436\u0434\u0430\u044f \u2014 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u0447\u0438\u0441\u043b\u043e\u043c + \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u043b\u0435\u0432\u044b\u0439 border \u2014 \u0447\u0435\u0440\u0435\u0437 CSS-\u043a\u043b\u0430\u0441\u0441 \u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u043a\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Column<\/span><br>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0439. \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0440\u0430\u0437 \u0432 \u0433\u043e\u0434. \u0411\u0435\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">3<\/div>\n <div class=\"bl-title\">\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f CBC<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div class=\"pretag\">\u041a\u0443\u0434\u0430 \u043c\u044b \u0434\u0432\u0438\u0436\u0435\u043c\u0441\u044f<\/div>\n <div class=\"h2\">\u0427\u0435\u0442\u044b\u0440\u0435 <em>\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/em> \u0440\u043e\u0441\u0442\u0430<\/div>\n <div class=\"subd\">\u041d\u0435 \u0434\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0441 \u0434\u0430\u0442\u0430\u043c\u0438 \u2014 \u0430 \u0432\u0435\u043a\u0442\u043e\u0440\u0430, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c CBC \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441<\/div>\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px\">\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25a3<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0444\u0438\u0441\u043d\u044b\u0445 \u0431\u043b\u043e\u043a\u043e\u0432 \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043c\u0435\u0441\u0442. \u041d\u043e\u0432\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u2014 \u043e\u0442 \u043c\u0438\u043d\u0438-\u043e\u0444\u0438\u0441\u043e\u0432 \u0434\u043e \u0446\u0435\u043b\u044b\u0445 \u044d\u0442\u0430\u0436\u0435\u0439 \u043f\u043e\u0434 \u043e\u0434\u043d\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25c9<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u043c\u0435\u043d\u0442\u043e\u0440\u0441\u0442\u0432\u0430, \u0430\u043a\u0441\u0435\u043b\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043d\u0435\u0442\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 CBC. \u041f\u0440\u0435\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0435\u0434\u0441\u0442\u0432\u0430 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25c1<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">Event-\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">CBC \u043a\u0430\u043a \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u0444\u043e\u0440\u0443\u043c\u043e\u0432 \u041c\u043e\u043b\u0434\u043e\u0432\u044b. \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0444\u043b\u0430\u0433\u043c\u0430\u043d\u0441\u043a\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f.<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start\">\n <div style=\"width:56px;height:56px;border-radius:12px;background:var(--lo);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--orange);font-weight:800;flex-shrink:0\">\u25b2<\/div>\n <div>\n <div style=\"font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px\">\u0426\u0438\u0444\u0440\u043e\u0432\u0430\u044f \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/div>\n <div style=\"font-size:13px;color:var(--muted);line-height:1.7;font-weight:300\">\u0423\u043c\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e\u043c: \u043e\u043d\u043b\u0430\u0439\u043d-\u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 CBC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">4 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0440\u043e\u0441\u0442\u0430 \u0432 \u0441\u0435\u0442\u043a\u0435 2\u00d72. \u041a\u0430\u0436\u0434\u0430\u044f: \u0438\u043a\u043e\u043d\u043a\u0430 \u0432 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0435, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u041d\u0430\u043c\u0435\u0440\u0435\u043d\u043d\u043e \u0431\u0435\u0437 \u0434\u0430\u0442 \u0438 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u0438\u043a\u0438 \u2014 \u044d\u0442\u043e \u0432\u0438\u0434\u0435\u043d\u0438\u0435, \u043d\u0435 \u043e\u0431\u0435\u0449\u0430\u043d\u0438\u044f. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u00d7 2 \u0440\u044f\u0434\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u2014 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 Row \u0441 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438 (\u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442). \u0418\u043a\u043e\u043d\u043a\u0430 \u2014 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0439 div \u0441 CSS \u0438\u043b\u0438 Font Awesome \u0438\u043a\u043e\u043d\u043a\u0430 \u0432 \u043a\u0440\u0443\u0433\u0435.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0422\u0435\u043a\u0441\u0442 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 CBC. \u041c\u0435\u043d\u044f\u0442\u044c \u043b\u0435\u0433\u043a\u043e \u2014 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">4<\/div>\n <div class=\"bl-title\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sd\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center\">\n <div>\n <div class=\"pretag\" style=\"color:var(--mint)\">\u041d\u0430\u0448 \u043f\u043e\u0434\u0445\u043e\u0434<\/div>\n <div class=\"h2 h2w\">\u041a\u0430\u043a \u043c\u044b <em>\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/em><\/div>\n <div style=\"font-size:14px;color:rgba(255,255,255,.5);font-weight:300;line-height:1.75;margin-top:12px;margin-bottom:28px\">\u0420\u043e\u0441\u0442 CBC \u2014 \u044d\u0442\u043e \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0445 \u043c\u0435\u0442\u0440\u043e\u0432. \u042d\u0442\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0440\u0435\u0434\u044b, \u0433\u043b\u0443\u0431\u0438\u043d\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">1<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u0430\u0436\u043d\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">\u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u043d\u0435 \u0432\u0441\u0435\u0445 \u2014 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0438\u0437 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b\u0445 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">2<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">\u0420\u0435\u0448\u0435\u043d\u0438\u044f \u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432<\/div><\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid rgba(255,255,255,.07)\">\n <div style=\"width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--white);flex-shrink:0\">3<\/div>\n <div><div style=\"font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px\">\u041c\u043e\u043b\u0434\u043e\u0432\u0430 \u2014 \u043d\u0430\u0448 \u0440\u044b\u043d\u043e\u043a \u0438 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442<\/div><div style=\"font-size:12px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6\">CBC \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0435\u0442 \u043c\u0435\u0441\u0442\u043d\u044b\u0439 \u0431\u0438\u0437\u043d\u0435\u0441 \u0438 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0430 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u0438\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"ph\" style=\"height:420px;border-radius:8px;overflow:hidden\">\n <div class=\"ph-l\">\u0424\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043d\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0435<br>\u0438\u043b\u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 CBC<\/div>\n <div class=\"ph-s\">800\u00d7840px<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0422\u0451\u043c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 3 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430\u043c\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0438 \u0444\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u044e CBC \u2014 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0438\u0437\u043d\u0435\u0441, \u0430 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u0412\u0430\u0436\u0435\u043d \u0434\u043b\u044f B2B-\u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432 \u0438 \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u0441 \u043a\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f, 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 55\/45. \u041b\u0435\u0432\u0430\u044f: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a + 3 \u043f\u0443\u043d\u043a\u0442\u0430 (\u043a\u0430\u0436\u0434\u044b\u0439 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 Row \u0441 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c\u0438 \u0438\u043a\u043e\u043d\u043a\u0430 + \u0442\u0435\u043a\u0441\u0442). \u041f\u0440\u0430\u0432\u0430\u044f: \u0444\u043e\u0442\u043e \u0441 cover.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Column<\/span><br>\u0424\u043e\u0442\u043e: \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 CBC \u2014 \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0436\u0438\u0432\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u041d\u0435 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u0447\u043d\u043e\u0435 \u0444\u043e\u0442\u043e.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">5<\/div>\n <div class=\"bl-title\">\u0424\u043e\u0440\u043c\u0430 \u2014 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <span class=\"bl-tag bl-tag-opt\">\u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"sl\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start\">\n \n <div>\n <div class=\"pretag\">\u0412\u0430\u0448 \u0433\u043e\u043b\u043e\u0441 \u0432\u0430\u0436\u0435\u043d<\/div>\n <div class=\"h2\">\u0415\u0441\u0442\u044c \u0438\u0434\u0435\u044f \u0434\u043b\u044f <em>CBC?<\/em><\/div>\n <div class=\"subd\">\u0420\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u044b \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b CBC \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0438\u0434\u0435\u0439 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c.<\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;margin-top:8px\">\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">1<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u2014 \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0438\u0434\u0435\u044e<\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">2<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 CBC \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/div>\n <\/div>\n <div style=\"display:flex;align-items:flex-start;gap:12px\">\n <div style=\"width:28px;height:28px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white);flex-shrink:0\">3<\/div>\n <div style=\"font-size:13px;color:var(--dark2);font-weight:300;line-height:1.65;padding-top:4px\">\u041b\u0443\u0447\u0448\u0438\u0435 \u0438\u0434\u0435\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u043b\u0430\u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/div>\n <\/div>\n <\/div>\n \n <div style=\"margin-top:24px\">\n <div style=\"font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px\">\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u0435\u043c\u044b:<\/div>\n <div style=\"display:flex;flex-wrap:wrap;gap:8px\">\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041d\u043e\u0432\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/div>\n <div style=\"padding:6px 14px;background:var(--lo);border:1.5px solid var(--orange);border-radius:20px;font-size:11px;font-weight:600;color:var(--orange);cursor:pointer\">\u0418\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e<\/div>\n <div style=\"padding:6px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:500;color:var(--dark2);cursor:pointer\">\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0430<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--white);border-radius:8px;padding:28px;border:1.5px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.06)\">\n <div style=\"font-size:15px;font-weight:700;color:var(--dark);margin-bottom:20px\">\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <div style=\"display:flex;flex-direction:column;gap:12px\">\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">Email \u0438\u043b\u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u0422\u0435\u043c\u0430 \u0438\u0434\u0435\u0438<\/div>\n <div style=\"height:40px;background:var(--light);border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;color:var(--muted)\"><span>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e...<\/span><span>\u25bc<\/span><\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:4px\">\n <div style=\"font-size:11px;font-weight:600;color:var(--dark2)\">\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0438\u0434\u0435\u044e<\/div>\n <div style=\"height:100px;background:var(--light);border-radius:4px;border:1.5px solid var(--border)\"><\/div>\n <\/div>\n <div class=\"btn-o\" style=\"text-align:center;margin-top:4px\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438\u0434\u0435\u044e<\/div>\n <div style=\"font-size:11px;color:var(--muted);text-align:center;font-weight:300\">\u041e\u0442\u0432\u0435\u0447\u0430\u0435\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0434\u043d\u0435\u0439<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u0424\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0434\u0435\u0439 \u043f\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e CBC. \u0421\u043b\u0435\u0432\u0430 \u2014 3 \u0448\u0430\u0433\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 + \u043e\u0431\u043b\u0430\u043a\u043e \u0442\u0435\u043c. \u0421\u043f\u0440\u0430\u0432\u0430 \u2014 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u0438\u043c\u044f\/\u043a\u043e\u043d\u0442\u0430\u043a\u0442\/\u0442\u0435\u043c\u0430\/\u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435. \u0412\u043e\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0441\u0442\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>Contact Form 7:<\/strong> \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 text, email, select (\u0442\u0435\u043c\u044b), textarea. \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 email \u043a\u043e\u043c\u0430\u043d\u0434\u044b CBC. Shortcode \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u043f\u0440\u0430\u0432\u0443\u044e \u043a\u043e\u043b\u043e\u043d\u043a\u0443 WPBakery. \u0422\u0435\u0433\u0438-\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u2014 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0439 HTML.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">Contact Form 7<\/span> <span class=\"b bf\">WPBakery Row<\/span><br>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 email. \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u2014 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441 Telegram \u0447\u0435\u0440\u0435\u0437 Telegram for CF7 \u043f\u043b\u0430\u0433\u0438\u043d.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bw\">\n <div class=\"bl\">\n <div class=\"bl-num\">6<\/div>\n <div class=\"bl-title\">CTA \u2014 \u0441\u0442\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e CBC<\/div>\n <span class=\"bl-tag bl-tag-req\">\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439<\/span>\n <\/div>\n <div class=\"mock\">\n <div class=\"so\">\n <div style=\"display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center\">\n <div>\n <div style=\"font-size:34px;font-weight:800;color:var(--white);line-height:1.15;margin-bottom:10px\">\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u0447\u0430\u0441\u0442\u044c\u044e CBC \u2014 <em style=\"font-style:normal;opacity:.8\">\u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/em><\/div>\n <div style=\"font-size:15px;color:rgba(255,255,255,.7);font-weight:300\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a 27+ \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u0440\u043e\u044f\u0442 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u043c\u043e\u043b\u0434\u0430\u0432\u0441\u043a\u043e\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432\u043c\u0435\u0441\u0442\u0435<\/div>\n <\/div>\n <div style=\"display:flex;flex-direction:column;gap:10px;flex-shrink:0\">\n <div class=\"btn-w\" style=\"text-align:center;padding:14px 32px\">\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c \u2192<\/div>\n <div class=\"btn-ow\" style=\"text-align:center\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044e<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"background:var(--dark);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)\">\n <div>\n <div style=\"font-size:10px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px\">\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b<\/div>\n <div style=\"font-size:15px;font-weight:700;color:var(--white)\">\u0423\u0441\u043b\u0443\u0433\u0438 CBC \u2192<\/div>\n <\/div>\n <div style=\"font-size:12px;color:rgba(255,255,255,.3);font-weight:300\">\u041a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433 \u00b7 \u041e\u0444\u0438\u0441\u044b \u00b7 Event Hall \u00b7 \u041f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u0430\u044f<\/div>\n <\/div>\n <\/div>\n <div class=\"ann\">\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u0427\u0442\u043e \u044d\u0442\u043e<\/div>\n <div class=\"ann-tx\">\u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439 \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 CTA + \u0442\u0451\u043c\u043d\u0430\u044f \u043f\u043b\u0430\u0448\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0443 \u0423\u0441\u043b\u0443\u0433\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u00ab\u0421\u0442\u0430\u0442\u044c \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u043c\u00bb.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/div>\n <div class=\"ann-tx\"><strong>WPBakery:<\/strong> \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 + \u0442\u0451\u043c\u043d\u0430\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u043d\u0438\u0436\u0435. \u041a\u043d\u043e\u043f\u043a\u0438 \u2014 WPBakery Button \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c\u0438 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438.<\/div>\n <\/div>\n <div class=\"ann-col\">\n <div class=\"ann-t\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b \/ \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/div>\n <div class=\"ann-tx\"><span class=\"b bf\">WPBakery Row + Button<\/span><br>\u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u042d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f\u00bb \u2014 Contact Form 7 popup \u0438\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u044f\u043a\u043e\u0440\u044c \u0444\u043e\u0440\u043c\u044b \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"divider\"><\/div>\n <div style=\"background:var(--white);border-radius:10px;padding:28px 32px;border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)\">\n <div style=\"font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n <div style=\"width:20px;height:20px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--white)\">i<\/div>\n \u0418\u0442\u043e\u0433 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u00ab\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f\u00bb\n <\/div>\n <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px\">\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0411\u043b\u043e\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>1. Hero \u2014 \u0446\u0438\u0444\u0440\u044b \u0441\u0435\u0439\u0447\u0430\u0441\/\u0446\u0435\u043b\u044c <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>2. \u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u2014 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>3. \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f (4) <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>4. \u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b + \u0444\u043e\u0442\u043e <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <div>5. \u0424\u043e\u0440\u043c\u0430 \u0438\u0434\u0435\u0439 <span style=\"color:var(--muted)\">\u043e\u043f\u0446.<\/span><\/div>\n <div>6. CTA + \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u0423\u0441\u043b\u0443\u0433\u0430\u043c <span style=\"color:var(--orange);font-weight:600\">\u2713 \u043e\u0431\u044f\u0437.<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041f\u043b\u0430\u0433\u0438\u043d\u044b<\/div>\n <div style=\"display:flex;flex-direction:column;gap:6px\">\n <div><span class=\"b bf\">WPBakery \u2014 \u0432\u0441\u0442\u0440\u043e\u0435\u043d \u0432 \u0442\u0435\u043c\u0443<\/span><\/div>\n <div><span class=\"b bf\">Contact Form 7 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/span><\/div>\n <div style=\"font-size:11px;color:var(--muted);font-weight:300;margin-top:4px\">\u0421\u0430\u043c\u0430\u044f \u0434\u0435\u0448\u0451\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u2014 0 \u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u041d\u0443\u0436\u0435\u043d \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 4 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0440\u043e\u0441\u0442\u0430<\/div>\n <div>3 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f CBC<\/div>\n <div>\u0424\u043e\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0435<\/div>\n <div>\u0426\u0435\u043b\u0435\u0432\u044b\u0435 \u0446\u0438\u0444\u0440\u044b (50+ \u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u043e\u0432 \u0438 \u0434\u0440.)<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px\">\u0412\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438<\/div>\n <div style=\"display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dark2);font-weight:300\">\n <div>WPBakery \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430: ~1.5\u0447<\/div>\n <div>\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0443\u0440\u0430: ~0.5\u0447<\/div>\n <div>CF7 \u0444\u043e\u0440\u043c\u0430: ~0.5\u0447<\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:6px;margin-top:4px\"><strong>\u0418\u0442\u043e\u0433\u043e: ~2.5 \u0447\u0430\u0441\u0430<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"CBC \u2014 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430. \u041c\u0430\u043a\u0435\u0442 CBC | \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u041c\u0430\u043a\u0435\u0442 \u00b7 \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u043e\u0432 \u00b7 \u0421\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 Wireframe v1 1 CBC","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":30,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1604,"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1604"}],"wp:attachment":[{"href":"https:\/\/cbcenter.md\/ru\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}