{"id":24,"date":"2026-07-03T05:06:42","date_gmt":"2026-07-03T05:06:42","guid":{"rendered":"https:\/\/bphmasterclass.event.miross.rs\/?page_id=24"},"modified":"2026-07-03T09:22:06","modified_gmt":"2026-07-03T09:22:06","slug":"informacije","status":"publish","type":"page","link":"https:\/\/bphmasterclass.event.miross.rs\/en\/informacije\/","title":{"rendered":"INFORMATION"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e036f6f e-con e-atomic-element e-flexbox-base e-6e036f6f-9103650\" data-id=\"6e036f6f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e036f6f\">\n    \t\t<div class=\"elementor-element elementor-element-673defb8 elementor-widget elementor-widget-html\" data-id=\"673defb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-header\">\n  <div class=\"header-container\">\n    \n    <div class=\"event-info\">\n      <div class=\"event-text\">\n        <h1 class=\"title\">Belgrade BPH Masterclass<\/h1>\n        <p class=\"subtitle\">Urology Symposium<\/p>\n      <\/div>\n\n      <div class=\"event-meta\">\n        <div class=\"meta-item\">\n          <svg class=\"icon calendar-icon\" width=\"19\" height=\"19\" 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>19. September  2026.<\/span>\n        <\/div>\n        \n        <div class=\"meta-item\">\n          <svg class=\"icon location-icon\" width=\"19\" height=\"19\" 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>Hotel Mona Plaza, Belgrade<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <nav class=\"main-nav\">\n      <ul class=\"menu\" id=\"mobile-menu\">\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/\" class=\"active\">HOME<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/program\/\">PROGRAM<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/predavaci\/\">SPEAKERS<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/registracija\/\">REGISTRATION<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/informacije\/\">INFORMATION<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/smestaj\/\">ACCOMMODATION<\/a><\/li>\n        <li><a href=\"https:\/\/bphmasterclass.event.miross.rs\/en\/kontakt\/\">CONTACT<\/a><\/li>\n      <\/ul>\n\n      <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/nav>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --primary: #06528e;\n  --icon-color: #63e2ff;\n  --hover-text: #ffffff;\n  --hover-bg: rgba(255, 255, 255, 0.15);\n}\n\n.modern-header {\n  background: var(--primary);\n  position: sticky;\n  top: 0;\n  z-index: 999;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 0 0 22px 22px;\n  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);\n}\n\n.header-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 18px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.event-info { \n  display: flex; \n  align-items: center; \n  gap: 24px; \n  flex-wrap: wrap; \n  padding: 15px 0; \n}\n\n.title { font-size: 26px; font-weight: 700; color: white; margin: 0; line-height: 1.05; letter-spacing: -0.5px; }\n.subtitle { font-size: 13.5px; color: rgba(255, 255, 255, 0.7); margin: 4px 0 0 0; text-transform: uppercase; letter-spacing: 0.8px; }\n\n.event-meta { display: flex; gap: 20px; font-size: 14px; color: rgba(255, 255, 255, 0.85); }\n.meta-item { display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; }\n.meta-item:hover { color: white; }\n\n.icon { color: var(--icon-color); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n.meta-item:hover .calendar-icon { transform: scale(1.2) rotate(8deg); }\n.meta-item:hover .location-icon { transform: scale(1.2) translateY(-2px); }\n\n\/* --- NAVIGACIJA --- *\/\n.main-nav { \n  display: flex; \n  align-items: center;\n  padding-bottom: 14px;\n  padding-top: 14px;\n}\n\n.main-nav ul { \n  display: flex; \n  list-style: none; \n  gap: 4px; \n  margin: 0; \n  padding: 0; \n}\n\n.main-nav a {\n  color: rgba(255, 255, 255, 0.9);\n  text-decoration: none;\n  padding: 11px 16px 13px 16px;\n  font-weight: 600;\n  font-size: 14px;\n  border-radius: 10px;\n  transition: all 0.25s ease;\n  border: 1px solid transparent;\n  display: inline-block;\n}\n\n.main-nav a:hover {\n  background: var(--hover-bg);\n  color: var(--hover-text) !important;\n  transform: translateY(-1px);\n}\n\n.main-nav a.active {\n  background: #ffffff;\n  color: var(--primary) !important;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n  font-weight: 700;\n}\n\n\/* --- ZAGARANTOVANO CRNI \/ BELI HAMBURGER --- *\/\n.hamburger {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 8px 0;\n  outline: none;\n}\n\n\/* Linije su podrazumevano uvek bele *\/\n.hamburger span {\n  width: 28px;\n  height: 3px;\n  background: #ffffff !important; \n  border-radius: 3px;\n  transition: all 0.3s ease;\n}\n\n\/* Kada je otvoren (X) ili kada se pre\u0111e mi\u0161em preko otvorenog - postaje isklju\u010divo crn *\/\n.hamburger.active span,\n.hamburger.active:hover span {\n  background: #000000 !important;\n}\n\n\/* --- RESPONSIVNOST --- *\/\n@media (max-width: 992px) {\n  .hamburger { display: flex; }\n  \n  .main-nav ul {\n    display: none;\n    flex-direction: column;\n    width: 100%;\n    background: #054375;\n    padding: 12px;\n    border-radius: 14px;\n    margin-top: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    gap: 8px;\n  }\n  \n  .main-nav ul.active {\n    display: flex;\n    animation: slideDown 0.35s ease forwards;\n  }\n  \n  .main-nav a {\n    width: 100%;\n    box-sizing: border-box;\n    text-align: center;\n    padding: 12px !important;\n  }\n  \n  @keyframes slideDown {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  \n  .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }\n  .hamburger.active span:nth-child(2) { opacity: 0; }\n  .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const hamburger = document.getElementById('hamburger');\n  const menu = document.getElementById('mobile-menu');\n  \n  hamburger.addEventListener('click', function() {\n    hamburger.classList.toggle('active');\n    menu.classList.toggle('active');\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-64678e5a e-con e-atomic-element e-flexbox-base e-64678e5a-d8ee46c\" data-id=\"64678e5a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"64678e5a\">\n    \t\t<div class=\"elementor-element elementor-element-3aba67ca elementor-widget elementor-widget-html\" data-id=\"3aba67ca\" 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: 78vh;\n  min-height: 560px;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\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  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; \/* Ekstra veliki font za maksimalni fokus *\/\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 { height: auto; padding: 70px 0; }\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>Belgrade BPH Masterclass Simpozijum Urologa 19. septembar 2026. Hotel Mona Plaza, Beograd PO\u010cETNA PROGRAM PREDAVA\u010cI REGISTRACIJA INFORMACIJE SME\u0160TAJ KONTAKT 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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":4,"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/pages\/24\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/bphmasterclass.event.miross.rs\/en\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}