{"id":22,"date":"2026-07-03T05:06:10","date_gmt":"2026-07-03T05:06:10","guid":{"rendered":"https:\/\/bphmasterclass.com\/?page_id=22"},"modified":"2026-08-24T13:19:35","modified_gmt":"2026-08-24T13:19:35","slug":"sponzori","status":"publish","type":"page","link":"https:\/\/bphmasterclass.com\/en\/sponzori\/","title":{"rendered":"SPONZORI"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-534c92c2 e-con e-atomic-element e-flexbox-base e-534c92c2-fdb5a53\" data-id=\"534c92c2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"534c92c2\">\n    \t\t<div class=\"elementor-element elementor-element-62b91345 elementor-widget elementor-widget-html\" data-id=\"62b91345\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"parallax-hero\" id=\"hero-section\">\n  <div class=\"grid-layer\" id=\"interactive-grid\"><\/div>\n  \n  <div class=\"mouse-particles\">\n    <div class=\"m-particle mp1\" data-depth=\"0.04\"><\/div>\n    <div class=\"m-particle mp2\" data-depth=\"-0.06\"><\/div>\n    <div class=\"m-particle mp3\" data-depth=\"0.08\"><\/div>\n    <div class=\"m-particle mp4\" data-depth=\"-0.03\"><\/div>\n  <\/div>\n  \n  <div class=\"pulse-glow\"><\/div>\n  \n  <div class=\"hero-container\">\n    <div class=\"hero-content\">\n      <h1 class=\"hero-title accent-glow\">IN PROGRESS<\/h1>\n      \n      <div class=\"divider-line\"><\/div>\n      \n      <div class=\"secondary-info\">\n        <h2 class=\"event-title\">Belgrade BPH Masterclass<\/h2>\n        <p class=\"event-subtitle\">Urology Symposium<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ticker-wrap\">\n      <div class=\"ticker\">\n        \n        <div class=\"ticker-item\">\n          <svg class=\"ticker-svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M16 2V6M8 2V6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M3 10H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          <span class=\"ticker-text\"><strong class=\"label\">DATUM:<\/strong> 19. September  2026.<\/span>\n        <\/div>\n        \n        <div class=\"ticker-item\">\n          <svg class=\"ticker-svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C7.59 2 4 5.59 4 10C4 15.5 12 22 12 22C12 22 20 15.5 20 10C20 5.59 16.41 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n          <span class=\"ticker-text\"><strong class=\"label\">LOKACIJA:<\/strong> Hotel Mona Plaza, Belgrade<\/span>\n        <\/div>\n\n        <div class=\"ticker-item\">\n          <svg class=\"ticker-svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M16 2V6M8 2V6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M3 10H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          <span class=\"ticker-text\"><strong class=\"label\">DATUM:<\/strong> 19. September  2026.<\/span>\n        <\/div>\n        \n        <div class=\"ticker-item\">\n          <svg class=\"ticker-svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C7.59 2 4 5.59 4 10C4 15.5 12 22 12 22C12 22 20 15.5 20 10C20 5.59 16.41 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n          <span class=\"ticker-text\"><strong class=\"label\">LOKACIJA:<\/strong> Hotel Mona Plaza, Belgrade<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --primary-top: #06528e;   \n  --dark-bottom: #020f1d;   \n  --accent-neon: #63e2ff;   \n}\n\n.parallax-hero {\n  position: relative;\n  height: auto;\n  min-height: 120vh; \/* Ukupna visina prela\u017eenja ekrana *\/\n  width: 100%;\n  padding-top: 100px; \/* Zadr\u017ean gornji razmak *\/\n  padding-bottom: 350px; \/* Pove\u0107an donji razmak za ekstenziju nadole *\/\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start; \/* Dr\u017ei sadr\u017eaj pri vrhu *\/\n  justify-content: center;\n  background: linear-gradient(180deg, var(--primary-top) 0%, var(--dark-bottom) 100%);\n  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;\n}\n\n.grid-layer {\n  position: absolute;\n  top: -10%;\n  left: -10%;\n  width: 120%; \n  height: 120%; \n  background-image: \n    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n  background-size: 60px 60px;\n  z-index: 1;\n  pointer-events: none;\n  will-change: transform;\n  transition: transform 0.15s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.mouse-particles {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.m-particle {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 6px;\n  will-change: transform;\n  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.mp1 { width: 90px; height: 90px; top: 15%; left: 8%; transform: rotate(15deg); }\n.mp2 { width: 140px; height: 140px; top: 50%; left: 82%; transform: rotate(35deg); }\n.mp3 { width: 60px; height: 60px; top: 65%; left: 12%; transform: rotate(-10deg); }\n.mp4 { width: 100px; height: 100px; top: 12%; left: 76%; transform: rotate(45deg); }\n\n.pulse-glow {\n  position: absolute;\n  width: 650px;\n  height: 650px;\n  top: 150px; \/* Fiksiran glow na gornji deo iza teksta *\/\n  left: 50%;\n  transform: translateX(-50%);\n  background: radial-gradient(circle, rgba(99, 226, 255, 0.12) 0%, rgba(6, 82, 142, 0) 75%);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.hero-container {\n  position: relative;\n  z-index: 2;\n  max-width: 1270px; \n  width: 100%;\n  padding: 0 24px;\n  text-align: center;\n  color: #ffffff;\n}\n\n\/* --- 1. PRIMARNI NASLOV (IN PROGRESS) --- *\/\n.hero-title {\n  font-size: 72px;\n  font-weight: 900;\n  line-height: 1.1;\n  margin: 0 auto 10px auto;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n}\n\n.accent-glow {\n  color: #ffffff;\n  text-shadow: 0 0 20px rgba(99, 226, 255, 0.6), 0 0 40px rgba(6, 82, 142, 0.4);\n}\n\n.divider-line {\n  width: 140px;\n  height: 4px;\n  background: linear-gradient(90deg, transparent, var(--accent-neon), transparent);\n  margin: 20px auto 25px auto;\n}\n\n\/* --- 2. SEKUNDARNE INFORMACIJE --- *\/\n.secondary-info {\n  margin-bottom: 50px;\n}\n\n.event-title {\n  font-size: 28px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.95);\n  margin: 0 0 6px 0;\n  letter-spacing: -0.2px;\n}\n\n.event-subtitle {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--accent-neon);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin: 0;\n}\n\n\/* --- TICKER TRACA --- *\/\n.ticker-wrap {\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 50px;\n  padding: 15px 30px;\n  backdrop-filter: blur(10px);\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n}\n\n.ticker {\n  display: flex;\n  white-space: nowrap;\n  width: max-content;\n  animation: tickerMove 25s linear infinite;\n}\n\n.ticker-wrap:hover .ticker { animation-play-state: paused; }\n\n@keyframes tickerMove {\n  0% { transform: translate3d(0, 0, 0); }\n  100% { transform: translate3d(-50%, 0, 0); }\n}\n\n.ticker-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 0 45px;\n  color: #ffffff;\n}\n\n.ticker-svg {\n  color: var(--accent-neon);\n  flex-shrink: 0;\n  filter: drop-shadow(0 0 5px rgba(99, 226, 255, 0.3));\n}\n\n.ticker-text { font-size: 16px; font-weight: 600; }\n.label { color: rgba(255, 255, 255, 0.5); font-size: 12px; letter-spacing: 1px; margin-right: 4px; }\n\n\/* Mobilna verzija *\/\n@media (max-width: 768px) {\n  .parallax-hero { padding-top: 60px; padding-bottom: 200px; min-height: 100vh; }\n  .hero-title { font-size: 46px; }\n  .event-title { font-size: 22px; }\n  .event-subtitle { font-size: 13px; }\n  .ticker-wrap { padding: 12px 20px; }\n  .ticker-text { font-size: 14px; }\n  .grid-layer, .m-particle { transform: none !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('mousemove', function(e) {\n  if (window.innerWidth > 768) {\n    const hero = document.getElementById('hero-section');\n    if (!hero) return;\n\n    const width = window.innerWidth;\n    const height = window.innerHeight;\n    const mouseX = e.clientX - (width \/ 2);\n    const mouseY = e.clientY - (height \/ 2);\n\n    const grid = document.getElementById('interactive-grid');\n    if (grid) {\n      const moveX = mouseX * -0.03;\n      const moveY = mouseY * -0.03;\n      grid.style.transform = `translate3d(${moveX}px, ${moveY}px, 0)`;\n    }\n\n    const particles = document.querySelectorAll('.m-particle');\n    particles.forEach(particle => {\n      const depth = particle.getAttribute('data-depth');\n      const moveX = mouseX * depth;\n      const moveY = mouseY * depth;\n      particle.style.transform = `translate3d(${moveX}px, ${moveY}px, 0)`;\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>IN PROGRESS Belgrade BPH Masterclass Simpozijum Urologa DATUM: 19. septembar 2026. LOKACIJA: Hotel Mona Plaza, Beograd DATUM: 19. septembar 2026. LOKACIJA: Hotel Mona Plaza, Beograd<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":20,"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/bphmasterclass.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}