{"id":34266,"date":"2026-07-11T05:41:10","date_gmt":"2026-07-11T05:41:10","guid":{"rendered":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34266"},"modified":"2026-07-11T14:25:27","modified_gmt":"2026-07-11T14:25:27","slug":"birouri-externe","status":"publish","type":"page","link":"https:\/\/ccib.cinemaartaarad.ro\/?page_id=34266","title":{"rendered":"Birouri externe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34266\" class=\"elementor elementor-34266\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39efc53a elementor-section-stretched elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"39efc53a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_parallax_activate&quot;:&quot;yes&quot;,&quot;thegem_parallax_activate_mobile&quot;:&quot;yes&quot;,&quot;thegem_parallax_type&quot;:&quot;vertical&quot;}\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20fe1745\" data-id=\"20fe1745\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-da29a36 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"da29a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================================================\r\n     CCIB \u2014 Birourile de Reprezentare Interna\u021bional\u0103\r\n     Widget interactiv, gata de inserat \u00eentr-un bloc HTML personalizat \u00een WordPress\r\n     (Gutenberg \u2192 \"Custom HTML\" sau Elementor \u2192 widget \"HTML\")\r\n\r\n     TOKENS DE DESIGN\r\n     \u2022 Culoare : navy ad\u00e2nc #071b33 \/ #0c2547 (fundal), auriu #cda349 \/ #e8c97a (accent),\r\n                 crem\u0103 #f6f2e8 (text pe fundal \u00eenchis), gri-albastru #93a8c4 (text secundar)\r\n     \u2022 Tipografie : Playfair Display (titluri, ton institu\u021bional) + Inter (UI \/ text curent)\r\n     \u2022 Layout : diagram\u0103 radial\u0103 hub-and-spoke \u2014 Bucure\u0219ti este nodul central, iar cele\r\n                7 birouri sunt distribuite pe cerc, \u00een ordinea longitudinii geografice\r\n     \u2022 Semn\u0103tur\u0103 : impulsuri animate care \u201ecurg\" din hub c\u0103tre fiecare birou \u2014 reflect\u0103\r\n                   literal rolul Bucure\u0219tiului de sediu central al re\u021belei CCIB\r\n     ================================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');\r\n\r\n  .ccrb-root{\r\n    --ccrb-navy-950:#071b33;\r\n    --ccrb-navy-900:#0c2547;\r\n    --ccrb-navy-800:#123a66;\r\n    --ccrb-navy-600:#2c5490;\r\n    --ccrb-gold-500:#cda349;\r\n    --ccrb-gold-300:#e8c97a;\r\n    --ccrb-cream:#f6f2e8;\r\n    --ccrb-slate:#a9bcd6;\r\n    --ccrb-font-display:'Playfair Display', Georgia, 'Times New Roman', serif;\r\n    --ccrb-font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n\r\n    position:relative;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(60% 55% at 88% 8%, rgba(205,163,73,0.16), transparent 60%),\r\n      radial-gradient(55% 50% at 6% 96%, rgba(43,84,144,0.35), transparent 60%),\r\n      linear-gradient(165deg, var(--ccrb-navy-950), var(--ccrb-navy-900) 55%, #0a2145);\r\n    color:var(--ccrb-cream);\r\n    font-family:var(--ccrb-font-body);\r\n    padding:clamp(48px,6vw,88px) clamp(20px,4vw,48px);\r\n    box-sizing:border-box;\r\n  }\r\n  .ccrb-root, .ccrb-root *{ box-sizing:border-box; }\r\n  .ccrb-root::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-image: radial-gradient(rgba(169,188,214,0.16) 1px, transparent 1.4px);\r\n    background-size:26px 26px;\r\n    opacity:.35;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n  .ccrb-root button{ font-family:inherit; }\r\n  .ccrb-root a{ color:var(--ccrb-gold-300); }\r\n\r\n  .ccrb-inner{ position:relative; z-index:1; max-width:1180px; margin:0 auto; }\r\n\r\n  \/* ---------- Intro ---------- *\/\r\n  .ccrb-intro{\r\n    max-width:760px;\r\n    opacity:0; transform:translateY(18px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n  .ccrb-intro.is-visible{ opacity:1; transform:translateY(0); }\r\n  .ccrb-eyebrow{\r\n    display:inline-block;\r\n    font-size:13px;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    color:var(--ccrb-gold-300);\r\n    font-weight:600;\r\n    margin-bottom:14px;\r\n  }\r\n  .ccrb-title{\r\n    font-family:var(--ccrb-font-display);\r\n    font-weight:700;\r\n    font-size:clamp(32px,3.6vw,50px);\r\n    line-height:1.12;\r\n    margin:0 0 16px;\r\n    color:#fff;\r\n  }\r\n  .ccrb-lead{\r\n    font-size:17px;\r\n    line-height:1.65;\r\n    color:var(--ccrb-slate);\r\n    margin:0 0 32px;\r\n    max-width:58ch;\r\n  }\r\n  .ccrb-stats{\r\n    display:flex; flex-wrap:wrap; gap:clamp(24px,4vw,48px);\r\n    padding-top:26px;\r\n    border-top:1px solid rgba(169,188,214,0.22);\r\n  }\r\n  .ccrb-stat{ display:flex; flex-direction:column; gap:2px; }\r\n  .ccrb-stat__num{\r\n    font-family:var(--ccrb-font-display);\r\n    font-size:34px;\r\n    font-weight:700;\r\n    color:var(--ccrb-gold-300);\r\n    line-height:1;\r\n  }\r\n  .ccrb-stat__label{ font-size:14px; color:var(--ccrb-slate); }\r\n\r\n  \/* ---------- Stage: diagram + panel ---------- *\/\r\n  .ccrb-stage{\r\n    display:flex;\r\n    align-items:stretch;\r\n    gap:clamp(24px,4vw,56px);\r\n    margin-top:clamp(40px,5vw,64px);\r\n    opacity:0; transform:translateY(18px);\r\n    transition:opacity .7s ease .15s, transform .7s ease .15s;\r\n  }\r\n  .ccrb-stage.is-visible{ opacity:1; transform:translateY(0); }\r\n\r\n  .ccrb-diagram{\r\n    position:relative;\r\n    flex:1 1 440px;\r\n    max-width:480px;\r\n    aspect-ratio:1\/1;\r\n    margin:0 auto;\r\n  }\r\n  .ccrb-rings, .ccrb-lines{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n  }\r\n  .ccrb-rings circle{\r\n    fill:none;\r\n    stroke:rgba(169,188,214,0.16);\r\n    stroke-width:.35;\r\n  }\r\n  .ccrb-spoke{\r\n    stroke:var(--ccrb-navy-600);\r\n    stroke-width:.45;\r\n    stroke-linecap:round;\r\n    stroke-dasharray:2.4 3.1;\r\n    animation:ccrb-flow 2s linear infinite;\r\n    transition:stroke .35s ease, stroke-width .35s ease;\r\n  }\r\n  .ccrb-spoke.is-active{ stroke:var(--ccrb-gold-300); stroke-width:.8; }\r\n  @keyframes ccrb-flow{ to{ stroke-dashoffset:-5.5; } }\r\n\r\n  .ccrb-hub{\r\n    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\r\n    width:22%; aspect-ratio:1\/1;\r\n    min-width:82px; min-height:82px;\r\n    border-radius:50%;\r\n    border:1.5px solid var(--ccrb-gold-500);\r\n    background:radial-gradient(circle at 35% 30%, var(--ccrb-navy-800), var(--ccrb-navy-950));\r\n    color:var(--ccrb-cream);\r\n    display:flex; align-items:center; justify-content:center; text-align:center;\r\n    cursor:pointer;\r\n    z-index:3;\r\n    padding:0;\r\n  }\r\n  .ccrb-hub__core{\r\n    font-family:var(--ccrb-font-display);\r\n    font-weight:700;\r\n    font-size:15px;\r\n    letter-spacing:.03em;\r\n    line-height:1.25;\r\n  }\r\n  .ccrb-hub__core small{\r\n    display:block;\r\n    font-family:var(--ccrb-font-body);\r\n    font-weight:500;\r\n    font-size:10px;\r\n    letter-spacing:.09em;\r\n    text-transform:uppercase;\r\n    color:var(--ccrb-gold-300);\r\n    margin-top:2px;\r\n  }\r\n  .ccrb-hub__ring{\r\n    position:absolute; inset:0; border-radius:50%;\r\n    border:1px solid var(--ccrb-gold-500);\r\n    opacity:0;\r\n    animation:ccrb-pulse 2.6s ease-out infinite;\r\n  }\r\n  .ccrb-hub__ring--delay{ animation-delay:1.3s; }\r\n  @keyframes ccrb-pulse{\r\n    0%{ transform:scale(1); opacity:.55; }\r\n    100%{ transform:scale(1.9); opacity:0; }\r\n  }\r\n\r\n  .ccrb-nodes{ position:absolute; inset:0; z-index:2; }\r\n  .ccrb-node{\r\n    position:absolute;\r\n    transform:translate(-50%,-50%);\r\n    display:flex; flex-direction:column; align-items:center; gap:4px;\r\n    width:clamp(56px,13%,72px);\r\n    padding:8px 5px 9px;\r\n    border-radius:16px;\r\n    border:1px solid rgba(169,188,214,0.3);\r\n    background:rgba(12,37,71,0.72);\r\n    backdrop-filter:blur(2px);\r\n    color:var(--ccrb-cream);\r\n    cursor:pointer;\r\n    opacity:0;\r\n    animation:ccrb-pop .5s ease forwards;\r\n    transition:border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  @keyframes ccrb-pop{\r\n    from{ opacity:0; transform:translate(-50%,-50%) scale(.6); }\r\n    to{ opacity:1; transform:translate(-50%,-50%) scale(1); }\r\n  }\r\n  .ccrb-node__flag{\r\n    display:block; width:26px; height:17.3px; border-radius:3px; overflow:hidden;\r\n    box-shadow:0 0 0 1px rgba(255,255,255,0.28);\r\n  }\r\n  .ccrb-node__flag svg{ display:block; width:100%; height:100%; }\r\n  .ccrb-node__city{ font-size:12px; font-weight:600; letter-spacing:.01em; text-align:center; line-height:1.15; }\r\n  .ccrb-node:hover, .ccrb-node:focus-visible{\r\n    border-color:var(--ccrb-gold-500);\r\n    transform:translate(-50%,-50%) scale(1.08);\r\n  }\r\n  .ccrb-node.is-active{\r\n    background:linear-gradient(160deg, var(--ccrb-gold-300), var(--ccrb-gold-500));\r\n    border-color:var(--ccrb-gold-300);\r\n    color:var(--ccrb-navy-950);\r\n    box-shadow:0 10px 26px -8px rgba(205,163,73,0.55);\r\n    transform:translate(-50%,-50%) scale(1.1);\r\n  }\r\n  .ccrb-node.is-active .ccrb-node__city{ color:var(--ccrb-navy-950); }\r\n\r\n  \/* ---------- Panel ---------- *\/\r\n  .ccrb-panel{\r\n    flex:1 1 320px;\r\n    max-width:420px;\r\n    background:rgba(12,37,71,0.55);\r\n    border:1px solid rgba(169,188,214,0.22);\r\n    border-radius:20px;\r\n    padding:clamp(24px,3vw,32px);\r\n    display:flex; align-items:center;\r\n  }\r\n  .ccrb-placeholder{ text-align:center; margin:0 auto; max-width:30ch; }\r\n  .ccrb-placeholder__icon{ font-size:29px; display:block; margin-bottom:14px; }\r\n  .ccrb-placeholder p{ color:var(--ccrb-slate); font-size:16px; line-height:1.6; margin:0; }\r\n\r\n  .ccrb-card{ width:100%; animation:ccrb-fade .4s ease; }\r\n  @keyframes ccrb-fade{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:translateY(0);} }\r\n  .ccrb-card__top{ display:flex; align-items:flex-start; gap:16px; }\r\n  .ccrb-card__flag{\r\n    display:block; width:56px; height:37.3px; border-radius:6px; overflow:hidden; flex:0 0 auto;\r\n    box-shadow:0 0 0 1px rgba(255,255,255,0.28);\r\n  }\r\n  .ccrb-card__flag svg{ display:block; width:100%; height:100%; }\r\n  .ccrb-card__continent{\r\n    display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase;\r\n    color:var(--ccrb-gold-300); font-weight:600; margin-bottom:4px;\r\n  }\r\n  .ccrb-card__city{\r\n    font-family:var(--ccrb-font-display); font-size:26px; font-weight:700; color:#fff; margin:0;\r\n  }\r\n  .ccrb-card__country{ font-size:15px; color:var(--ccrb-slate); }\r\n  .ccrb-card__divider{ height:1px; background:rgba(169,188,214,0.22); margin:21px 0; }\r\n  .ccrb-card__head{ display:flex; align-items:center; gap:14px; }\r\n  .ccrb-card__avatar{\r\n    flex:0 0 auto;\r\n    width:46px; height:46px; border-radius:50%;\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-family:var(--ccrb-font-display); font-weight:700; font-size:16px;\r\n    background:linear-gradient(160deg, var(--ccrb-gold-300), var(--ccrb-gold-500));\r\n    color:var(--ccrb-navy-950);\r\n  }\r\n  .ccrb-card__label{ display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ccrb-slate); margin-bottom:2px; }\r\n  .ccrb-card__name{ margin:0; font-weight:600; font-size:17px; color:#fff; }\r\n  .ccrb-card__contact{\r\n    margin-top:21px; padding-top:19px; border-top:1px dashed rgba(169,188,214,0.25);\r\n    font-size:15px; color:var(--ccrb-slate); line-height:1.6;\r\n  }\r\n  .ccrb-card__contact p{ margin:0 0 8px; }\r\n  .ccrb-card__contact a{ display:inline-block; margin-right:16px; font-weight:600; text-decoration:none; }\r\n  .ccrb-card__contact a:hover{ text-decoration:underline; }\r\n\r\n  \/* ---------- Chips ---------- *\/\r\n  .ccrb-chips{\r\n    display:flex; gap:10px; flex-wrap:wrap;\r\n    margin-top:clamp(32px,4vw,44px);\r\n    padding-top:24px;\r\n    border-top:1px solid rgba(169,188,214,0.18);\r\n  }\r\n  .ccrb-chip{\r\n    display:inline-flex; align-items:center; gap:7px;\r\n    padding:8px 14px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(169,188,214,0.3);\r\n    background:rgba(255,255,255,0.03);\r\n    color:var(--ccrb-cream);\r\n    font-size:14px; font-weight:500;\r\n    cursor:pointer;\r\n    transition:background .2s ease, border-color .2s ease, color .2s ease;\r\n  }\r\n  .ccrb-chip__flag{\r\n    display:block; width:22px; height:14.7px; border-radius:2.5px; overflow:hidden; flex:0 0 auto;\r\n    box-shadow:0 0 0 1px rgba(255,255,255,0.28);\r\n  }\r\n  .ccrb-chip__flag svg{ display:block; width:100%; height:100%; }\r\n\r\n  .ccrb-hub__flag{\r\n    display:block; width:22px; height:14.7px; margin:0 auto 6px; border-radius:2.5px; overflow:hidden;\r\n    box-shadow:0 0 0 1px rgba(255,255,255,0.3);\r\n  }\r\n  .ccrb-hub__flag svg{ display:block; width:100%; height:100%; }\r\n  .ccrb-chip:hover, .ccrb-chip:focus-visible{ border-color:var(--ccrb-gold-500); }\r\n  .ccrb-chip.is-active{\r\n    background:var(--ccrb-gold-300); border-color:var(--ccrb-gold-300); color:var(--ccrb-navy-950); font-weight:700;\r\n  }\r\n\r\n  .ccrb-root :focus-visible{ outline:2px solid var(--ccrb-gold-300); outline-offset:3px; }\r\n\r\n  .ccrb-noscript{ list-style:none; padding:0; margin:24px 0 0; color:var(--ccrb-slate); }\r\n  .ccrb-noscript li{ padding:6px 0; border-bottom:1px dashed rgba(169,188,214,.2); }\r\n  .ccrb-noscript strong{ color:#fff; }\r\n\r\n  @media (max-width:860px){\r\n    .ccrb-stage{ flex-direction:column; align-items:center; }\r\n    .ccrb-diagram{ flex:0 0 auto; width:100%; max-width:380px; }\r\n    .ccrb-panel{ flex:0 0 auto; max-width:100%; width:100%; }\r\n  }\r\n  @media (max-width:480px){\r\n    .ccrb-node__city{ display:none; }\r\n    .ccrb-node{ width:44px; height:44px; border-radius:50%; padding:0; align-items:center; justify-content:center; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .ccrb-root *{ animation:none !important; transition:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ccrb-root\" aria-labelledby=\"ccrb-heading\">\r\n  <svg aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute;width:0;height:0;overflow:hidden;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <defs>\r\n      <symbol id=\"ccrb-flag-ro\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#002B7F\"\/>\r\n        <rect x=\"10\" width=\"10\" height=\"20\" fill=\"#FCD116\"\/>\r\n        <rect x=\"20\" width=\"10\" height=\"20\" fill=\"#CE1126\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-gb\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#012169\"\/>\r\n        <path d=\"M0,0 L30,20 M30,0 L0,20\" stroke=\"#FFFFFF\" stroke-width=\"4\"\/>\r\n        <path d=\"M0,0 L30,20 M30,0 L0,20\" stroke=\"#C8102E\" stroke-width=\"1.4\"\/>\r\n        <rect x=\"12\" width=\"6\" height=\"20\" fill=\"#FFFFFF\"\/>\r\n        <rect y=\"7\" width=\"30\" height=\"6\" fill=\"#FFFFFF\"\/>\r\n        <rect x=\"13.4\" width=\"3.2\" height=\"20\" fill=\"#C8102E\"\/>\r\n        <rect y=\"8.4\" width=\"30\" height=\"3.2\" fill=\"#C8102E\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-be\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"10\" height=\"20\" fill=\"#000000\"\/>\r\n        <rect x=\"10\" width=\"10\" height=\"20\" fill=\"#FDDA24\"\/>\r\n        <rect x=\"20\" width=\"10\" height=\"20\" fill=\"#EF3340\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-us\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#FFFFFF\"\/>\r\n        <g fill=\"#B22234\">\r\n          <rect y=\"0\" width=\"30\" height=\"2.86\"\/>\r\n          <rect y=\"5.71\" width=\"30\" height=\"2.86\"\/>\r\n          <rect y=\"11.43\" width=\"30\" height=\"2.86\"\/>\r\n          <rect y=\"17.14\" width=\"30\" height=\"2.86\"\/>\r\n        <\/g>\r\n        <rect width=\"12\" height=\"11.43\" fill=\"#3C3B6E\"\/>\r\n        <g fill=\"#FFFFFF\">\r\n          <circle cx=\"2\" cy=\"2\" r=\"0.7\"\/><circle cx=\"5\" cy=\"2\" r=\"0.7\"\/><circle cx=\"8\" cy=\"2\" r=\"0.7\"\/>\r\n          <circle cx=\"3.5\" cy=\"4\" r=\"0.7\"\/><circle cx=\"6.5\" cy=\"4\" r=\"0.7\"\/>\r\n          <circle cx=\"2\" cy=\"6\" r=\"0.7\"\/><circle cx=\"5\" cy=\"6\" r=\"0.7\"\/><circle cx=\"8\" cy=\"6\" r=\"0.7\"\/>\r\n          <circle cx=\"3.5\" cy=\"8\" r=\"0.7\"\/><circle cx=\"6.5\" cy=\"8\" r=\"0.7\"\/>\r\n          <circle cx=\"2\" cy=\"10\" r=\"0.7\"\/><circle cx=\"5\" cy=\"10\" r=\"0.7\"\/><circle cx=\"8\" cy=\"10\" r=\"0.7\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-ca\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#FFFFFF\"\/>\r\n        <rect width=\"10\" height=\"20\" fill=\"#D80621\"\/>\r\n        <rect x=\"20\" width=\"10\" height=\"20\" fill=\"#D80621\"\/>\r\n        <path d=\"M15.00,2.20 L15.36,2.34 L15.62,2.48 L15.85,2.62 L16.05,2.76 L16.22,2.90 L16.36,3.04 L16.48,3.18 L16.58,3.32 L16.64,3.46 L16.68,3.60 L16.70,3.74 L16.69,3.88 L16.65,4.02 L16.60,4.16 L16.52,4.30 L16.76,4.44 L17.01,4.58 L17.27,4.72 L17.53,4.86 L17.79,5.00 L18.05,5.14 L18.30,5.28 L18.55,5.42 L18.78,5.56 L19.00,5.70 L19.19,5.84 L19.36,5.98 L19.51,6.12 L19.63,6.26 L19.72,6.40 L19.78,6.54 L19.81,6.68 L19.81,6.82 L19.77,6.96 L19.70,7.10 L19.61,7.24 L19.48,7.38 L19.32,7.52 L19.13,7.66 L18.93,7.80 L18.70,7.94 L18.45,8.08 L18.19,8.22 L17.93,8.36 L17.65,8.50 L17.93,8.64 L18.19,8.78 L18.45,8.92 L18.70,9.06 L18.93,9.20 L19.13,9.34 L19.32,9.48 L19.48,9.62 L19.61,9.76 L19.70,9.90 L19.77,10.04 L19.81,10.18 L19.81,10.32 L19.78,10.46 L19.72,10.60 L19.63,10.74 L19.51,10.88 L19.36,11.02 L19.19,11.16 L19.00,11.30 L18.78,11.44 L18.55,11.58 L18.30,11.72 L18.05,11.86 L17.79,12.00 L17.53,12.14 L17.27,12.28 L17.01,12.42 L16.76,12.56 L16.52,12.70 L16.60,12.84 L16.65,12.98 L16.69,13.12 L16.70,13.26 L16.68,13.40 L16.64,13.54 L16.58,13.68 L16.48,13.82 L16.36,13.96 L16.22,14.10 L16.05,14.24 L15.85,14.38 L15.62,14.52 L15.36,14.66 L15.00,14.80 L14.64,14.66 L14.38,14.52 L14.15,14.38 L13.95,14.24 L13.78,14.10 L13.64,13.96 L13.52,13.82 L13.42,13.68 L13.36,13.54 L13.32,13.40 L13.30,13.26 L13.31,13.12 L13.35,12.98 L13.40,12.84 L13.48,12.70 L13.24,12.56 L12.99,12.42 L12.73,12.28 L12.47,12.14 L12.21,12.00 L11.95,11.86 L11.70,11.72 L11.45,11.58 L11.22,11.44 L11.00,11.30 L10.81,11.16 L10.64,11.02 L10.49,10.88 L10.37,10.74 L10.28,10.60 L10.22,10.46 L10.19,10.32 L10.19,10.18 L10.23,10.04 L10.30,9.90 L10.39,9.76 L10.52,9.62 L10.68,9.48 L10.87,9.34 L11.07,9.20 L11.30,9.06 L11.55,8.92 L11.81,8.78 L12.07,8.64 L12.35,8.50 L12.07,8.36 L11.81,8.22 L11.55,8.08 L11.30,7.94 L11.07,7.80 L10.87,7.66 L10.68,7.52 L10.52,7.38 L10.39,7.24 L10.30,7.10 L10.23,6.96 L10.19,6.82 L10.19,6.68 L10.22,6.54 L10.28,6.40 L10.37,6.26 L10.49,6.12 L10.64,5.98 L10.81,5.84 L11.00,5.70 L11.22,5.56 L11.45,5.42 L11.70,5.28 L11.95,5.14 L12.21,5.00 L12.47,4.86 L12.73,4.72 L12.99,4.58 L13.24,4.44 L13.48,4.30 L13.40,4.16 L13.35,4.02 L13.31,3.88 L13.30,3.74 L13.32,3.60 L13.36,3.46 L13.42,3.32 L13.52,3.18 L13.64,3.04 L13.78,2.90 L13.95,2.76 L14.15,2.62 L14.38,2.48 L14.64,2.34 L15.00,2.20 Z\" fill=\"#D80621\"\/>\r\n        <path d=\"M15,14.8 L14.4,15 L15,18.3 L15.6,15 Z\" fill=\"#D80621\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-lk\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#8D153A\"\/>\r\n        <rect width=\"6\" height=\"20\" fill=\"#007A33\"\/>\r\n        <rect x=\"6\" width=\"6\" height=\"20\" fill=\"#FF8200\"\/>\r\n        <circle cx=\"21\" cy=\"10\" r=\"4.4\" fill=\"#FFB700\"\/>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-in\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"6.67\" fill=\"#FF9933\"\/>\r\n        <rect y=\"6.67\" width=\"30\" height=\"6.67\" fill=\"#FFFFFF\"\/>\r\n        <rect y=\"13.33\" width=\"30\" height=\"6.67\" fill=\"#138808\"\/>\r\n        <circle cx=\"15\" cy=\"10\" r=\"2.6\" fill=\"none\" stroke=\"#000080\" stroke-width=\"0.35\"\/>\r\n        <g stroke=\"#000080\" stroke-width=\"0.3\">\r\n          <line x1=\"15\" y1=\"7.4\" x2=\"15\" y2=\"12.6\"\/>\r\n          <line x1=\"12.4\" y1=\"10\" x2=\"17.6\" y2=\"10\"\/>\r\n          <line x1=\"13.16\" y1=\"8.16\" x2=\"16.84\" y2=\"11.84\"\/>\r\n          <line x1=\"13.16\" y1=\"11.84\" x2=\"16.84\" y2=\"8.16\"\/>\r\n          <line x1=\"12.1\" y1=\"8.9\" x2=\"17.9\" y2=\"11.1\"\/>\r\n          <line x1=\"12.1\" y1=\"11.1\" x2=\"17.9\" y2=\"8.9\"\/>\r\n        <\/g>\r\n      <\/symbol>\r\n      <symbol id=\"ccrb-flag-jp\" viewBox=\"0 0 30 20\">\r\n        <rect width=\"30\" height=\"20\" fill=\"#FFFFFF\"\/>\r\n        <circle cx=\"15\" cy=\"10\" r=\"5.6\" fill=\"#BC002D\"\/>\r\n      <\/symbol>\r\n    <\/defs>\r\n  <\/svg>\r\n  <div class=\"ccrb-inner\">\r\n\r\n    <header class=\"ccrb-intro\" id=\"ccrb-intro\">\r\n      <span class=\"ccrb-eyebrow\">Re\u021beaua Interna\u021bional\u0103 CCIB<\/span>\r\n      <h2 class=\"ccrb-title\" id=\"ccrb-heading\">Birourile de Reprezentare<\/h2>\r\n      <p class=\"ccrb-lead\">Din inima Bucure\u0219tiului, Camera de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti coordoneaz\u0103 o re\u021bea de birouri de reprezentare care sprijin\u0103 mediul de afaceri rom\u00e2nesc \u00een rela\u021biile economice interna\u021bionale.<\/p>\r\n      <div class=\"ccrb-stats\">\r\n        <div class=\"ccrb-stat\"><span class=\"ccrb-stat__num\" data-count=\"7\">0<\/span><span class=\"ccrb-stat__label\">Birouri de reprezentare<\/span><\/div>\r\n        <div class=\"ccrb-stat\"><span class=\"ccrb-stat__num\" data-count=\"3\">0<\/span><span class=\"ccrb-stat__label\">Continente<\/span><\/div>\r\n        <div class=\"ccrb-stat\"><span class=\"ccrb-stat__num\" data-count=\"158\">0<\/span><span class=\"ccrb-stat__label\">Ani de tradi\u021bie<\/span><\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"ccrb-stage\" id=\"ccrb-stage\">\r\n      <div class=\"ccrb-diagram\">\r\n        <svg class=\"ccrb-rings\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n          <circle cx=\"50\" cy=\"50\" r=\"18\"><\/circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"28\"><\/circle>\r\n          <circle cx=\"50\" cy=\"50\" r=\"38\"><\/circle>\r\n        <\/svg>\r\n        <svg class=\"ccrb-lines\" id=\"ccrb-lines\" viewBox=\"0 0 100 100\" aria-hidden=\"true\"><\/svg>\r\n        <button type=\"button\" class=\"ccrb-hub\" aria-label=\"CCIB Bucure\u0219ti \u2014 sediul central al re\u021belei\">\r\n          <span class=\"ccrb-hub__ring\"><\/span>\r\n          <span class=\"ccrb-hub__ring ccrb-hub__ring--delay\"><\/span>\r\n          <span class=\"ccrb-hub__core\"><span class=\"ccrb-hub__flag\"><svg><use href=\"#ccrb-flag-ro\"><\/use><\/svg><\/span>CCIB<small>Bucure\u0219ti<\/small><\/span>\r\n        <\/button>\r\n        <div class=\"ccrb-nodes\" id=\"ccrb-nodes\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ccrb-panel\" id=\"ccrb-panel\" role=\"tabpanel\" aria-live=\"polite\">\r\n        <div class=\"ccrb-placeholder\">\r\n          <span class=\"ccrb-placeholder__icon\">\ud83c\udf0d<\/span>\r\n          <p>Ap\u0103sa\u021bi pe unul dintre ora\u0219ele din diagram\u0103 pentru a afla cine coordoneaz\u0103 biroul CCIB din acea loca\u021bie.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ccrb-chips\" id=\"ccrb-chips\" role=\"tablist\" aria-label=\"Selectare rapid\u0103 birou de reprezentare\"><\/div>\r\n  <\/div>\r\n\r\n  <noscript>\r\n    <ul class=\"ccrb-noscript\">\r\n      <li><strong>Bruxelles, Belgia<\/strong> \u2014 \u0218ef Birou: Cristian David<\/li>\r\n      <li><strong>Londra, Regatul Unit<\/strong> \u2014 \u0218ef Birou: Liviu Manole<\/li>\r\n      <li><strong>Chicago, Statele Unite ale Americii<\/strong> \u2014 \u0218ef Birou: Bogdan Constantin Jaba<\/li>\r\n      <li><strong>Calgary, Canada<\/strong> \u2014 \u0218ef Birou: Andrada-S\u00eenziana Popa<\/li>\r\n      <li><strong>Colombo, Sri Lanka<\/strong> \u2014 \u0218ef Birou: Teshan Dilannka Vithana Arachchige<\/li>\r\n      <li><strong>New Delhi, India<\/strong> \u2014 \u0218ef Birou: Dan Pantea<\/li>\r\n      <li><strong>Tokyo, Japonia<\/strong> \u2014 \u0218ef Birou: Bogdan Ioan Iuliu Hossu<\/li>\r\n    <\/ul>\r\n  <\/noscript>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var svgNS = 'http:\/\/www.w3.org\/2000\/svg';\r\n\r\n  \/\/ Ordinea urm\u0103re\u0219te longitudinea geografic\u0103 (spre est), pornind din Europa\r\n  var data = [\r\n    { city:'Londra',     country:'Regatul Unit',                    flag:'gb', continent:'Europa',           head:'Liviu Manole',                          initials:'LM' },\r\n    { city:'Bruxelles',  country:'Belgia',                          flag:'be', continent:'Europa',           head:'Cristian David',                        initials:'CD' },\r\n    { city:'New Delhi',  country:'India',                           flag:'in', continent:'Asia',             head:'Dan Pantea',                            initials:'DP' },\r\n    { city:'Colombo',    country:'Sri Lanka',                       flag:'lk', continent:'Asia',             head:'Teshan Dilannka Vithana Arachchige',    initials:'TV' },\r\n    { city:'Tokyo',      country:'Japonia',                         flag:'jp', continent:'Asia',             head:'Bogdan Ioan Iuliu Hossu',               initials:'BH' },\r\n    { city:'Calgary',    country:'Canada',                          flag:'ca', continent:'America de Nord',  head:'Andrada-S\u00eenziana Popa',                 initials:'AP' },\r\n    { city:'Chicago',    country:'Statele Unite ale Americii',      flag:'us', continent:'America de Nord',  head:'Bogdan Constantin Jaba',                initials:'BJ' }\r\n  ];\r\n\r\n  var root = document.currentScript.previousElementSibling;\r\n  if(!root || !root.classList || !root.classList.contains('ccrb-root')){\r\n    root = document.querySelector('.ccrb-root');\r\n  }\r\n  var linesSvg = root.querySelector('#ccrb-lines');\r\n  var nodesWrap = root.querySelector('#ccrb-nodes');\r\n  var panel = root.querySelector('#ccrb-panel');\r\n  var chips = root.querySelector('#ccrb-chips');\r\n\r\n  var CX = 50, CY = 50, R = 35;\r\n\r\n  data.forEach(function(d, i){\r\n    var angle = (-90 + i * (360 \/ data.length)) * Math.PI \/ 180;\r\n    d._x = CX + R * Math.cos(angle);\r\n    d._y = CY + R * Math.sin(angle);\r\n\r\n    var line = document.createElementNS(svgNS, 'line');\r\n    line.setAttribute('x1', CX); line.setAttribute('y1', CY);\r\n    line.setAttribute('x2', d._x); line.setAttribute('y2', d._y);\r\n    line.setAttribute('class', 'ccrb-spoke');\r\n    line.style.animationDelay = (i * 0.3) + 's';\r\n    linesSvg.appendChild(line);\r\n    d._line = line;\r\n\r\n    var btn = document.createElement('button');\r\n    btn.type = 'button';\r\n    btn.className = 'ccrb-node';\r\n    btn.style.left = d._x + '%';\r\n    btn.style.top = d._y + '%';\r\n    btn.style.animationDelay = (i * 0.1) + 's';\r\n    btn.setAttribute('aria-label', d.city + ', ' + d.country + ' \u2014 \u0218ef Birou ' + d.head);\r\n    btn.innerHTML = '<span class=\"ccrb-node__flag\"><svg><use href=\"#ccrb-flag-' + d.flag + '\"><\/use><\/svg><\/span><span class=\"ccrb-node__city\">' + d.city + '<\/span>';\r\n    btn.addEventListener('click', function(){ select(i); });\r\n    nodesWrap.appendChild(btn);\r\n    d._btn = btn;\r\n\r\n    var chip = document.createElement('button');\r\n    chip.type = 'button';\r\n    chip.className = 'ccrb-chip';\r\n    chip.setAttribute('role', 'tab');\r\n    chip.setAttribute('aria-selected', 'false');\r\n    chip.setAttribute('aria-controls', 'ccrb-panel');\r\n    chip.innerHTML = '<span class=\"ccrb-chip__flag\"><svg><use href=\"#ccrb-flag-' + d.flag + '\"><\/use><\/svg><\/span><span>' + d.city + '<\/span>';\r\n    chip.addEventListener('click', function(){ select(i); });\r\n    chips.appendChild(chip);\r\n    d._chip = chip;\r\n  });\r\n\r\n  function select(i){\r\n    var d = data[i];\r\n    data.forEach(function(o, idx){\r\n      var active = idx === i;\r\n      o._btn.classList.toggle('is-active', active);\r\n      o._line.classList.toggle('is-active', active);\r\n      o._chip.classList.toggle('is-active', active);\r\n      o._chip.setAttribute('aria-selected', active ? 'true' : 'false');\r\n    });\r\n    panel.innerHTML =\r\n      '<div class=\"ccrb-card\">' +\r\n        '<div class=\"ccrb-card__top\">' +\r\n          '<span class=\"ccrb-card__flag\"><svg><use href=\"#ccrb-flag-' + d.flag + '\"><\/use><\/svg><\/span>' +\r\n          '<div>' +\r\n            '<span class=\"ccrb-card__continent\">' + d.continent + '<\/span>' +\r\n            '<h3 class=\"ccrb-card__city\">' + d.city + '<\/h3>' +\r\n            '<span class=\"ccrb-card__country\">' + d.country + '<\/span>' +\r\n          '<\/div>' +\r\n        '<\/div>' +\r\n        '<div class=\"ccrb-card__divider\"><\/div>' +\r\n        '<div class=\"ccrb-card__head\">' +\r\n          '<span class=\"ccrb-card__avatar\">' + d.initials + '<\/span>' +\r\n          '<div>' +\r\n            '<span class=\"ccrb-card__label\">\u0218ef Birou<\/span>' +\r\n            '<p class=\"ccrb-card__name\">' + d.head + '<\/p>' +\r\n          '<\/div>' +\r\n        '<\/div>' +\r\n        '<div class=\"ccrb-card__contact\">' +\r\n          '<p>Pentru detalii de contact ale acestui birou, v\u0103 rug\u0103m s\u0103 contacta\u021bi sediul central CCIB.<\/p>' +\r\n          '<a href=\"mailto:office@ccib.ro\">office@ccib.ro<\/a>' +\r\n          '<a href=\"tel:+40213190173\">+40 21 319 0173<\/a>' +\r\n        '<\/div>' +\r\n      '<\/div>';\r\n  }\r\n\r\n  \/\/ Reveal la scroll\r\n  var intro = root.querySelector('#ccrb-intro');\r\n  var stage = root.querySelector('#ccrb-stage');\r\n  if('IntersectionObserver' in window){\r\n    var obs = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){\r\n          e.target.classList.add('is-visible');\r\n          obs.unobserve(e.target);\r\n        }\r\n      });\r\n    }, { threshold:.2 });\r\n    obs.observe(intro); obs.observe(stage);\r\n  } else {\r\n    intro.classList.add('is-visible'); stage.classList.add('is-visible');\r\n  }\r\n\r\n  \/\/ Contorizare cifre\r\n  var counted = false;\r\n  function countUp(){\r\n    if(counted) return; counted = true;\r\n    root.querySelectorAll('.ccrb-stat__num').forEach(function(el){\r\n      var target = parseInt(el.getAttribute('data-count'), 10);\r\n      var start = null;\r\n      var duration = 1100;\r\n      function tick(ts){\r\n        if(!start) start = ts;\r\n        var p = Math.min((ts - start) \/ duration, 1);\r\n        el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\r\n        if(p < 1) requestAnimationFrame(tick);\r\n      }\r\n      requestAnimationFrame(tick);\r\n    });\r\n  }\r\n  if('IntersectionObserver' in window){\r\n    var obs2 = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){ if(e.isIntersecting){ countUp(); obs2.disconnect(); } });\r\n    }, { threshold:.4 });\r\n    obs2.observe(intro);\r\n  } else { countUp(); }\r\n\r\n  \/\/ Selec\u021bie implicit\u0103 dup\u0103 \u00eenc\u0103rcare\r\n  setTimeout(function(){ select(0); }, 700);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Re\u021beaua Interna\u021bional\u0103 CCIB Birourile de Reprezentare Din inima Bucure\u0219tiului, Camera de Comer\u021b \u0219i Industrie a Municipiului Bucure\u0219ti coordoneaz\u0103 o re\u021bea&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-34266","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34266"}],"version-history":[{"count":7,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34266\/revisions"}],"predecessor-version":[{"id":34274,"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=\/wp\/v2\/pages\/34266\/revisions\/34274"}],"wp:attachment":[{"href":"https:\/\/ccib.cinemaartaarad.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}