{"id":101,"date":"2014-11-04T11:39:33","date_gmt":"2014-11-04T11:39:33","guid":{"rendered":"http:\/\/themes.muffingroup.com\/be\/architect\/?page_id=2"},"modified":"2026-05-12T10:49:17","modified_gmt":"2026-05-12T10:49:17","slug":"home","status":"publish","type":"page","link":"https:\/\/ipp.ba\/","title":{"rendered":"Po\u010detna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"101\" class=\"elementor elementor-101\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d6fd14 e-con-full e-flex e-con e-parent\" data-id=\"9d6fd14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed51f4 elementor-widget elementor-widget-html\" data-id=\"3ed51f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  IPP ARHITEKTONSKI STUDIO \u2014 HERO BLOCK\r\n  Zalijepiti u: Elementor \u2192 HTML Widget\r\n  Sekcija treba biti: Stretch Section, bez paddinga\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Outfit:wght@200;300;400;500;600&display=swap');\r\n\r\n.ipp-hero-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ipp-hero-wrap {\r\n  position: relative; width: 100%; height: 100vh; min-height: 680px;\r\n  overflow: hidden; background: #0c0e2d; font-family: 'Outfit', sans-serif;\r\n}\r\n\r\n.ipp-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s ease; z-index: 0; }\r\n.ipp-video-bg.loaded { opacity: 1; }\r\n\r\n.ipp-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,10,8,0.85) 0%, rgba(10,10,8,0.55) 50%, rgba(10,10,8,0.78) 100%); z-index: 1; }\r\n\r\n.ipp-grid-lines { position: absolute; inset: 0; z-index: 2; pointer-events: none; }\r\n.ipp-grid-lines svg { width: 100%; height: 100%; opacity: 0; animation: ipp-grid-in 2s 0.4s forwards; }\r\n@keyframes ipp-grid-in { to { opacity: 1; } }\r\n\r\n.ipp-corner { position: absolute; width: 22px; height: 22px; z-index: 9; opacity: 0; animation: ipp-corner-in 0.6s 1s forwards; }\r\n@keyframes ipp-corner-in { to { opacity: 1; } }\r\n.ipp-corner-tl { top:1.4rem; left:1.8rem; border-top:1px solid rgba(200,169,126,0.45); border-left:1px solid rgba(200,169,126,0.45); }\r\n.ipp-corner-tr { top:1.4rem; right:1.8rem; border-top:1px solid rgba(200,169,126,0.45); border-right:1px solid rgba(200,169,126,0.45); }\r\n.ipp-corner-bl { bottom:1.4rem; left:1.8rem; border-bottom:1px solid rgba(200,169,126,0.45); border-left:1px solid rgba(200,169,126,0.45); }\r\n.ipp-corner-br { bottom:1.4rem; right:1.8rem; border-bottom:1px solid rgba(200,169,126,0.45); border-right:1px solid rgba(200,169,126,0.45); }\r\n\r\n.ipp-nav { position: absolute; top:0; left:0; right:0; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:2.2rem 4rem; }\r\n\r\n.ipp-logo-wrap { display:flex; flex-direction:column; opacity:0; animation:ipp-slide-down 0.9s 0.7s cubic-bezier(0.16,1,0.3,1) forwards; }\r\n.ipp-logo-main { font-family:'Cormorant Garamond',serif; font-size:1.85rem; font-weight:200; letter-spacing:0.38em; color:#fff; line-height:1; text-transform:uppercase; text-decoration:none; }\r\n.ipp-logo-main span { color:#C8A97E; }\r\n.ipp-logo-sub { font-family:'Outfit',sans-serif; font-size:0.56rem; font-weight:400; letter-spacing:0.46em; color:rgba(200,169,126,0.7); text-transform:uppercase; margin-top:5px; padding-left:2px; }\r\n.ipp-logo-rule { width:0; height:1px; background:linear-gradient(to right,#C8A97E,transparent); margin-top:7px; animation:ipp-rule-grow 1s 1.4s cubic-bezier(0.16,1,0.3,1) forwards; }\r\n@keyframes ipp-rule-grow { to { width:100%; } }\r\n\r\n.ipp-nav-links { display:flex; align-items:center; gap:2.6rem; list-style:none; }\r\n.ipp-nav-links li { opacity:0; animation:ipp-slide-down 0.7s forwards; }\r\n.ipp-nav-links li:nth-child(1){animation-delay:0.95s;} .ipp-nav-links li:nth-child(2){animation-delay:1.05s;} .ipp-nav-links li:nth-child(3){animation-delay:1.15s;} .ipp-nav-links li:nth-child(4){animation-delay:1.25s;} .ipp-nav-links li:nth-child(5){animation-delay:1.35s;}\r\n.ipp-nav-links a { color:rgba(253,251,248,0.62); text-decoration:none; font-size:0.7rem; font-weight:400; letter-spacing:0.18em; text-transform:uppercase; position:relative; transition:color 0.3s; padding-bottom:4px; }\r\n.ipp-nav-links a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#C8A97E; transition:width 0.35s ease; }\r\n.ipp-nav-links a:hover { color:#C8A97E; } .ipp-nav-links a:hover::after { width:100%; }\r\n\r\n.ipp-nav-cta { opacity:0; animation:ipp-slide-down 0.7s 1.45s forwards; border:1px solid rgba(200,169,126,0.5); color:#C8A97E; font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; padding:0.6rem 1.5rem; text-decoration:none; font-family:'Outfit',sans-serif; transition:all 0.3s; background:transparent; cursor:pointer; display:inline-block; }\r\n.ipp-nav-cta:hover { background:#C8A97E; color:#0c0e2d; border-color:#C8A97E; }\r\n\r\n\/* HAMBURGER *\/\r\n.ipp-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; opacity:0; animation:ipp-slide-down 0.7s 1s forwards; background:none; border:none; }\r\n.ipp-hamburger span { display:block; width:24px; height:1px; background:rgba(200,169,126,0.85); transition:all 0.35s ease; transform-origin:center; }\r\n.ipp-hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(4px,4px); }\r\n.ipp-hamburger.active span:nth-child(2) { opacity:0; transform:scaleX(0); }\r\n.ipp-hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(4px,-4px); }\r\n\r\n@keyframes ipp-slide-down { from{opacity:0;transform:translateY(-14px);} to{opacity:1;transform:translateY(0);} }\r\n\r\n.ipp-hero-center { position:absolute; inset:0; z-index:5; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; pointer-events:none; }\r\n\r\n.ipp-arch-frame { position:relative; margin-bottom:2.2rem; opacity:0; animation:ipp-frame-in 1.6s 0.5s cubic-bezier(0.16,1,0.3,1) forwards; }\r\n@keyframes ipp-frame-in { from{opacity:0;transform:scale(0.86) rotate(-1deg);} to{opacity:1;transform:scale(1) rotate(0deg);} }\r\n\r\n.ipp-tagline { font-family:'Outfit',sans-serif; font-size:0.65rem; font-weight:400; letter-spacing:0.5em; text-transform:uppercase; color:#C8A97E; opacity:0; animation:ipp-fade-up 0.9s 1.3s both; margin-bottom:1.4rem; display:flex; align-items:center; justify-content:center; gap:1rem; }\r\n.ipp-tagline::before, .ipp-tagline::after { content:''; width:30px; height:1px; background:rgba(200,169,126,0.5); }\r\n\r\n.ipp-hero-h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(3.2rem,6.5vw,6.2rem); font-weight:200; line-height:1.06; color:#fff; letter-spacing:0.02em; margin:0; overflow:hidden; }\r\n.ipp-h1-row { display:block; overflow:hidden; line-height:1.15; }\r\n.ipp-h1-inner { display:block; opacity:0; transform:translateY(110%); animation:ipp-word-up 1s cubic-bezier(0.16,1,0.3,1) both; }\r\n.ipp-h1-row:nth-child(1) .ipp-h1-inner{animation-delay:1.2s;} .ipp-h1-row:nth-child(2) .ipp-h1-inner{animation-delay:1.45s;}\r\n@keyframes ipp-word-up { to{opacity:1;transform:translateY(0);} }\r\n.ipp-h1-outline { -webkit-text-stroke:1px rgba(255,255,255,0.5); color:transparent; }\r\n.ipp-hero-h1 em { font-style:italic; font-weight:300; background:linear-gradient(90deg,#C8A97E 0%,#E8D5B7 35%,#C8A97E 50%,#8B6F47 65%,#C8A97E 80%,#E8D5B7 100%); background-size:200% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:ipp-shimmer 4s linear 2.5s infinite; }\r\n@keyframes ipp-shimmer { 0%{background-position:200% center;} 100%{background-position:-200% center;} }\r\n\r\n.ipp-hero-rule { width:0; height:1px; background:linear-gradient(to right,transparent,#C8A97E,transparent); margin:2rem auto; animation:ipp-rule-center 1.2s 2.2s cubic-bezier(0.16,1,0.3,1) forwards; }\r\n@keyframes ipp-rule-center { to{width:180px;} }\r\n.ipp-hero-sub { font-family:'Outfit',sans-serif; font-size:0.68rem; font-weight:300; letter-spacing:0.38em; text-transform:uppercase; color:rgba(253,251,248,0.42); opacity:0; animation:ipp-fade-up 0.8s 2.5s both; }\r\n@keyframes ipp-fade-up { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }\r\n\r\n.ipp-bottom-bar { position:absolute; bottom:0; left:0; right:0; z-index:8; display:flex; align-items:flex-end; justify-content:space-between; padding:0 4rem 2.4rem; }\r\n.ipp-stats { display:flex; gap:3.2rem; opacity:0; animation:ipp-fade-up 0.9s 2.5s both; }\r\n.ipp-stat { display:flex; flex-direction:column; gap:3px; }\r\n.ipp-stat-n { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:300; color:#C8A97E; line-height:1; }\r\n.ipp-stat-l { font-size:0.58rem; letter-spacing:0.22em; text-transform:uppercase; color:rgba(253,251,248,0.32); font-weight:400; }\r\n.ipp-scroll-hint { display:flex; flex-direction:column; align-items:center; gap:8px; opacity:0; animation:ipp-fade-up 0.9s 2.7s both; }\r\n.ipp-scroll-line { width:1px; height:46px; background:#C8A97E; transform-origin:top; transform:scaleY(0); animation:ipp-scroll-pulse 2s 3s ease-in-out infinite; }\r\n@keyframes ipp-scroll-pulse { 0%{transform:scaleY(0);transform-origin:top;opacity:1;} 50%{transform:scaleY(1);transform-origin:top;opacity:1;} 51%{transform:scaleY(1);transform-origin:bottom;opacity:1;} 100%{transform:scaleY(0);transform-origin:bottom;opacity:0;} }\r\n.ipp-scroll-txt { font-size:0.5rem; letter-spacing:0.32em; text-transform:uppercase; color:rgba(253,251,248,0.28); writing-mode:vertical-rl; transform:rotate(180deg); }\r\n\r\n\/* ================================================\r\n   MOBILE MENU \u2014 position:fixed, IZVAN hero-wrap\r\n   overflow:hidden ne utje\u010de na fixed elemente\r\n   ================================================ *\/\r\n#ipp-mob-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  z-index: 999999;\r\n  background: rgba(12,14,45,0.98);\r\n  backdrop-filter: blur(24px);\r\n  -webkit-backdrop-filter: blur(24px);\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n#ipp-mob-overlay.open { display: flex; }\r\n\r\n#ipp-mob-overlay .mob-logo {\r\n  position: absolute; top: 1.6rem; left: 2rem;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.4rem; font-weight: 200; letter-spacing: 0.35em;\r\n  color: #fff; text-decoration: none;\r\n}\r\n#ipp-mob-overlay .mob-logo span { color: #C8A97E; }\r\n\r\n#ipp-mob-close {\r\n  position: absolute; top: 1.4rem; right: 1.8rem;\r\n  width: 42px; height: 42px; cursor: pointer;\r\n  display: flex; align-items: center; justify-content: center;\r\n  border: 1px solid rgba(200,169,126,0.25); transition: border-color 0.3s;\r\n}\r\n#ipp-mob-close:hover { border-color: #C8A97E; }\r\n#ipp-mob-close::before, #ipp-mob-close::after { content:''; position:absolute; width:18px; height:1px; background:#C8A97E; }\r\n#ipp-mob-close::before { transform: rotate(45deg); }\r\n#ipp-mob-close::after  { transform: rotate(-45deg); }\r\n\r\n#ipp-mob-overlay ul { list-style:none; text-align:center; width:100%; padding:0; margin:0; }\r\n#ipp-mob-overlay ul li { border-bottom:1px solid rgba(200,169,126,0.08); opacity:0; transform:translateY(20px); transition:opacity 0.4s ease,transform 0.4s ease; }\r\n#ipp-mob-overlay ul li:first-child { border-top:1px solid rgba(200,169,126,0.08); }\r\n#ipp-mob-overlay.open ul li { opacity:1; transform:translateY(0); }\r\n#ipp-mob-overlay.open ul li:nth-child(1){transition-delay:0.06s;}\r\n#ipp-mob-overlay.open ul li:nth-child(2){transition-delay:0.12s;}\r\n#ipp-mob-overlay.open ul li:nth-child(3){transition-delay:0.18s;}\r\n#ipp-mob-overlay.open ul li:nth-child(4){transition-delay:0.24s;}\r\n#ipp-mob-overlay.open ul li:nth-child(5){transition-delay:0.30s;}\r\n\r\n#ipp-mob-overlay ul li a { display:block; padding:1.2rem 2rem; font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:200; letter-spacing:0.04em; color:rgba(253,251,248,0.75); text-decoration:none; transition:color 0.3s,letter-spacing 0.3s; }\r\n#ipp-mob-overlay ul li a:hover { color:#C8A97E; letter-spacing:0.08em; }\r\n\r\n#ipp-mob-overlay .mob-cta { margin-top:2.5rem; border:1px solid rgba(200,169,126,0.35); color:#C8A97E; font-family:'Outfit',sans-serif; font-size:0.68rem; letter-spacing:0.22em; text-transform:uppercase; padding:0.9rem 2.4rem; text-decoration:none; opacity:0; transition:opacity 0.4s 0.4s ease,background 0.3s,color 0.3s; }\r\n#ipp-mob-overlay.open .mob-cta { opacity:1; }\r\n#ipp-mob-overlay .mob-cta:hover { background:#C8A97E; color:#0c0e2d; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n  .ipp-nav { padding:1.4rem 1.5rem; }\r\n  .ipp-nav-links { display:none; }\r\n  .ipp-nav-cta { display:none; }\r\n  .ipp-hamburger { display:flex; }\r\n  .ipp-bottom-bar { padding:0 1.5rem 2rem; }\r\n  .ipp-stats { gap:2rem; }\r\n  .ipp-corner-tl,.ipp-corner-tr{top:1rem;} .ipp-corner-tl{left:1rem;} .ipp-corner-tr{right:1rem;}\r\n  .ipp-corner-bl,.ipp-corner-br{bottom:1rem;} .ipp-corner-bl{left:1rem;} .ipp-corner-br{right:1rem;}\r\n}\r\n@media (max-width: 600px) {\r\n  .ipp-hero-h1 { font-size:clamp(2.2rem,9vw,3.2rem); }\r\n  .ipp-stat-n { font-size:1.5rem; }\r\n  .ipp-scroll-hint { display:none; }\r\n}\r\n<\/style>\r\n\r\n<!-- MOBILE MENU \u2014 MORA BITI IZVAN .ipp-hero-wrap -->\r\n<!-- position:fixed probija overflow:hidden automatski -->\r\n<div id=\"ipp-mob-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Mobilna navigacija\">\r\n  <a href=\"https:\/\/ipp.ba\/\" class=\"mob-logo\">IPP <span>\u00b7<\/span><\/a>\r\n  <div id=\"ipp-mob-close\" role=\"button\" aria-label=\"Zatvori meni\" tabindex=\"0\"><\/div>\r\n  <ul>\r\n    <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Usluge<\/a><\/li>\r\n    <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n    <li><a href=\"#onama\">O nama<\/a><\/li>\r\n    <li><a href=\"https:\/\/ipp.ba\/?page_id=102\">Na\u0161i projekti<\/a><\/li>\r\n    <li><a href=\"https:\/\/ipp.ba\/?page_id=12\">Kontakt<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"https:\/\/ipp.ba\/?page_id=12\" class=\"mob-cta\">Kontaktirajte nas<\/a>\r\n<\/div>\r\n\r\n<div class=\"ipp-hero-wrap\">\r\n\r\n  <video class=\"ipp-video-bg\" id=\"ippHeroVideo\" autoplay muted loop playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/ipp.ba\/wp-content\/uploads\/2026\/05\/BG_01.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"ipp-overlay\"><\/div>\r\n\r\n  <div class=\"ipp-grid-lines\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <defs>\r\n        <pattern id=\"ipp-grid\" width=\"90\" height=\"90\" patternUnits=\"userSpaceOnUse\">\r\n          <path d=\"M 90 0 L 0 0 0 90\" fill=\"none\" stroke=\"rgba(200,169,126,0.07)\" stroke-width=\"0.5\"\/>\r\n        <\/pattern>\r\n        <radialGradient id=\"ipp-gridfade\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"1\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <mask id=\"ipp-gridmask\">\r\n          <rect width=\"1440\" height=\"900\" fill=\"url(#ipp-gridfade)\"\/>\r\n        <\/mask>\r\n      <\/defs>\r\n      <rect width=\"1440\" height=\"900\" fill=\"url(#ipp-grid)\" mask=\"url(#ipp-gridmask)\"\/>\r\n      <line x1=\"720\" y1=\"0\" x2=\"720\" y2=\"900\" stroke=\"rgba(200,169,126,0.1)\" stroke-width=\"0.5\"\/>\r\n      <line x1=\"0\" y1=\"450\" x2=\"1440\" y2=\"450\" stroke=\"rgba(200,169,126,0.06)\" stroke-width=\"0.5\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"ipp-corner ipp-corner-tl\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ipp-corner ipp-corner-tr\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ipp-corner ipp-corner-bl\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ipp-corner ipp-corner-br\" aria-hidden=\"true\"><\/div>\r\n\r\n  <nav class=\"ipp-nav\" role=\"navigation\" aria-label=\"Glavna navigacija\">\r\n    <a href=\"\/\" class=\"ipp-logo-wrap\" aria-label=\"IPP Arhitektonski Studio\">\r\n      <div class=\"ipp-logo-main\">IPP <span>&nbsp;\u00b7<\/span><\/div>\r\n      <div class=\"ipp-logo-sub\">Arhitektonski Studio<\/div>\r\n      <div class=\"ipp-logo-rule\"><\/div>\r\n    <\/a>\r\n\r\n    <ul class=\"ipp-nav-links\" role=\"list\">\r\n      <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Usluge<\/a><\/li>\r\n      <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n      <li><a href=\"#onama\">O nama<\/a><\/li>\r\n      <li><a href=\"https:\/\/ipp.ba\/?page_id=102\">Na\u0161i projekti<\/a><\/li>\r\n      <li><a href=\"https:\/\/ipp.ba\/?page_id=12\">Kontakt<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <a href=\"https:\/\/ipp.ba\/?page_id=12\" class=\"ipp-nav-cta\">Kontaktirajte nas<\/a>\r\n\r\n    <button class=\"ipp-hamburger\" id=\"ippHamburger\" aria-label=\"Otvori meni\" aria-expanded=\"false\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/nav>\r\n\r\n  <div class=\"ipp-hero-center\" role=\"main\">\r\n    <div class=\"ipp-arch-frame\" aria-hidden=\"true\">\r\n      <svg width=\"360\" height=\"230\" viewBox=\"0 0 360 230\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <rect x=\"1\" y=\"1\" width=\"358\" height=\"228\" stroke=\"rgba(200,169,126,0.2)\" stroke-width=\"0.5\"\/>\r\n        <rect x=\"14\" y=\"14\" width=\"332\" height=\"202\" stroke=\"rgba(200,169,126,0.1)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"1\" y1=\"58\" x2=\"358\" y2=\"58\" stroke=\"rgba(200,169,126,0.1)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"1\" y1=\"172\" x2=\"358\" y2=\"172\" stroke=\"rgba(200,169,126,0.08)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"90\" y1=\"1\" x2=\"90\" y2=\"228\" stroke=\"rgba(200,169,126,0.08)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"270\" y1=\"1\" x2=\"270\" y2=\"228\" stroke=\"rgba(200,169,126,0.08)\" stroke-width=\"0.5\"\/>\r\n        <circle cx=\"180\" cy=\"115\" r=\"52\" stroke=\"rgba(200,169,126,0.13)\" stroke-width=\"0.5\" fill=\"none\"\/>\r\n        <circle cx=\"180\" cy=\"115\" r=\"32\" stroke=\"rgba(200,169,126,0.08)\" stroke-width=\"0.5\" fill=\"none\"\/>\r\n        <circle cx=\"180\" cy=\"115\" r=\"2.5\" fill=\"rgba(200,169,126,0.55)\"\/>\r\n        <line x1=\"180\" y1=\"63\" x2=\"180\" y2=\"167\" stroke=\"rgba(200,169,126,0.1)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"128\" y1=\"115\" x2=\"232\" y2=\"115\" stroke=\"rgba(200,169,126,0.1)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"14\" y1=\"14\" x2=\"90\" y2=\"58\" stroke=\"rgba(200,169,126,0.07)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"346\" y1=\"14\" x2=\"270\" y2=\"58\" stroke=\"rgba(200,169,126,0.07)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"14\" y1=\"216\" x2=\"90\" y2=\"172\" stroke=\"rgba(200,169,126,0.07)\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"346\" y1=\"216\" x2=\"270\" y2=\"172\" stroke=\"rgba(200,169,126,0.07)\" stroke-width=\"0.5\"\/>\r\n        <rect x=\"169\" y=\"104\" width=\"22\" height=\"22\" stroke=\"rgba(200,169,126,0.25)\" stroke-width=\"0.5\" fill=\"none\"\/>\r\n        <text x=\"16\" y=\"50\" font-family=\"Outfit,sans-serif\" font-size=\"6.5\" letter-spacing=\"3\" fill=\"rgba(200,169,126,0.32)\" text-anchor=\"start\">N 43\u00b0 51' 26\"<\/text>\r\n        <text x=\"344\" y=\"50\" font-family=\"Outfit,sans-serif\" font-size=\"6.5\" letter-spacing=\"3\" fill=\"rgba(200,169,126,0.32)\" text-anchor=\"end\">E 18\u00b0 23' 55\"<\/text>\r\n        <text x=\"16\" y=\"222\" font-family=\"Outfit,sans-serif\" font-size=\"6\" letter-spacing=\"2.5\" fill=\"rgba(200,169,126,0.22)\" text-anchor=\"start\">IPP \u00b7 STUDIO \u00b7 BIH<\/text>\r\n        <text x=\"344\" y=\"222\" font-family=\"Outfit,sans-serif\" font-size=\"6\" letter-spacing=\"2.5\" fill=\"rgba(200,169,126,0.22)\" text-anchor=\"end\">BANJA LUKA \u00b7 2024<\/text>\r\n        <text x=\"180\" y=\"56\" font-family=\"Outfit,sans-serif\" font-size=\"7\" letter-spacing=\"2\" fill=\"rgba(200,169,126,0.4)\" text-anchor=\"middle\">N<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"ipp-tagline\">Arhitektura &nbsp;\u00b7&nbsp; Dizajn &nbsp;\u00b7&nbsp; Vizija<\/p>\r\n\r\n    <h1 class=\"ipp-hero-h1\" aria-label=\"Gradimo prostore koji inspiri\u0161u\">\r\n      <span class=\"ipp-h1-row\"><span class=\"ipp-h1-inner\"><span class=\"ipp-h1-outline\">Gradimo<\/span> prostore<\/span><\/span>\r\n      <span class=\"ipp-h1-row\"><span class=\"ipp-h1-inner\">koji <em>inspiri\u0161u<\/em><\/span><\/span>\r\n    <\/h1>\r\n\r\n    <div class=\"ipp-hero-rule\" aria-hidden=\"true\"><\/div>\r\n    <p class=\"ipp-hero-sub\">Arhitektonski studio &nbsp;\u00b7&nbsp; Banja Luka, BiH<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ipp-bottom-bar\">\r\n    <div class=\"ipp-stats\">\r\n      <div class=\"ipp-stat\"><span class=\"ipp-stat-n\">35+<\/span><span class=\"ipp-stat-l\">Godina iskustva<\/span><\/div>\r\n      <div class=\"ipp-stat\"><span class=\"ipp-stat-n\">200+<\/span><span class=\"ipp-stat-l\">Projekata<\/span><\/div>\r\n      <div class=\"ipp-stat\"><span class=\"ipp-stat-n\">50+<\/span><span class=\"ipp-stat-l\">Zadovoljnih klijenata<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"ipp-scroll-hint\" aria-hidden=\"true\">\r\n      <div class=\"ipp-scroll-line\"><\/div>\r\n      <span class=\"ipp-scroll-txt\">Scroll<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n  \/\/ Video\r\n  var vid = document.getElementById('ippHeroVideo');\r\n  if (vid) {\r\n    vid.addEventListener('canplay', function() { vid.classList.add('loaded'); });\r\n    setTimeout(function() { vid.classList.add('loaded'); }, 2500);\r\n  }\r\n\r\n  \/\/ Sticky nav\r\n  var nav = document.querySelector('.ipp-nav');\r\n  if (nav) {\r\n    window.addEventListener('scroll', function() {\r\n      if (window.scrollY > 60) {\r\n        nav.style.background = 'rgba(12,14,45,0.96)';\r\n        nav.style.backdropFilter = 'blur(20px)';\r\n        nav.style.padding = '1.2rem 4rem';\r\n        nav.style.borderBottom = '1px solid rgba(200,169,126,0.15)';\r\n        nav.style.transition = 'all 0.4s ease';\r\n      } else {\r\n        nav.style.background = 'transparent';\r\n        nav.style.backdropFilter = 'none';\r\n        nav.style.padding = '2.2rem 4rem';\r\n        nav.style.borderBottom = 'none';\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Smooth scroll\r\n  document.querySelectorAll('.ipp-nav-links a').forEach(function(link) {\r\n    link.addEventListener('click', function(e) {\r\n      var target = this.getAttribute('href');\r\n      if (target && target.startsWith('#')) {\r\n        e.preventDefault();\r\n        var el = document.querySelector(target);\r\n        if (el) el.scrollIntoView({ behavior: 'smooth' });\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ ================================================\r\n  \/\/ HAMBURGER \u2014 overlay je IZVAN hero-wrap\r\n  \/\/ position:fixed automatski probija overflow:hidden\r\n  \/\/ ================================================\r\n  var hamburger = document.getElementById('ippHamburger');\r\n  var overlay   = document.getElementById('ipp-mob-overlay');\r\n  var closeBtn  = document.getElementById('ipp-mob-close');\r\n\r\n  function openMenu() {\r\n    overlay.classList.add('open');\r\n    hamburger.classList.add('active');\r\n    hamburger.setAttribute('aria-expanded', 'true');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeMenu() {\r\n    overlay.classList.remove('open');\r\n    hamburger.classList.remove('active');\r\n    hamburger.setAttribute('aria-expanded', 'false');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  if (hamburger) hamburger.addEventListener('click', openMenu);\r\n  if (closeBtn)  closeBtn.addEventListener('click', closeMenu);\r\n\r\n  \/\/ Linkovi zatvaraju meni\r\n  if (overlay) {\r\n    overlay.querySelectorAll('a').forEach(function(a) {\r\n      a.addEventListener('click', closeMenu);\r\n    });\r\n  }\r\n\r\n  \/\/ ESC\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') closeMenu();\r\n  });\r\n\r\n  \/\/ Hash anchor za portfolio\r\n  function goToPortfolio() {\r\n    if (window.location.hash === '#portfolio') {\r\n      var el = document.getElementById('ippMx2');\r\n      if (el) setTimeout(function() { el.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 300);\r\n    }\r\n  }\r\n  goToPortfolio();\r\n  window.addEventListener('hashchange', goToPortfolio);\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- \r\n  IPP \u2014 TRANZICIJA + O NAMA BLOCK (sa videom)\r\n  Zalijepiti u: Elementor \u2192 HTML Widget\r\n  Odmah ispod Hero bloka\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Outfit:wght@200;300;400;500&display=swap');\r\n\r\n.ipp-about-root * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* ================================================\r\n   TRANZICIJA\r\n   ================================================ *\/\r\n.ipp-transition {\r\n  position: relative;\r\n  height: 140px;\r\n  background: #F4EFE6;\r\n  overflow: hidden;\r\n}\r\n.ipp-transition::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; height: 100%;\r\n  background: #0c0e2d;\r\n  clip-path: polygon(0 0, 100% 0, 100% 38%, 0 100%);\r\n}\r\n.ipp-transition-line {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* ================================================\r\n   O NAMA SEKCIJA\r\n   ================================================ *\/\r\n.ipp-about {\r\n  position: relative;\r\n  background: #F4EFE6;\r\n  overflow: hidden;\r\n  padding: 0 0 8rem;\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.ipp-about-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\r\n.ipp-about-dots { position: absolute; top: 0; right: 0; width: 55%; height: 100%; opacity: 0.45; pointer-events: none; }\r\n.ipp-deco-num {\r\n  position: absolute; top: -2rem; right: -1rem;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(14rem, 22vw, 22rem);\r\n  font-weight: 200;\r\n  color: rgba(139,111,71,0.06);\r\n  line-height: 1; pointer-events: none; user-select: none; z-index: 0;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n\/* GRID *\/\r\n.ipp-about-grid {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto; padding: 0 4rem;\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 0; align-items: start;\r\n}\r\n\r\n\/* ---- LIJEVA ---- *\/\r\n.ipp-about-left {\r\n  padding: 6rem 5rem 4rem 0;\r\n  border-right: 1px solid rgba(139,111,71,0.15);\r\n}\r\n.ipp-co-tag {\r\n  display: flex; align-items: center; gap: 1rem; margin-bottom: 3.5rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.ipp-co-tag.vis { opacity: 1; transform: none; }\r\n.ipp-co-tag-line { width: 40px; height: 1px; background: #8B6F47; }\r\n.ipp-co-tag-text { font-size: 0.65rem; letter-spacing: 0.4em; text-transform: uppercase; color: #8B6F47; font-weight: 400; }\r\n\r\n.ipp-about-question {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(3rem, 5vw, 5rem);\r\n  font-weight: 200; line-height: 1.05; color: #1A1A16; margin-bottom: 2.5rem;\r\n  opacity: 0; transform: translateY(30px);\r\n  transition: opacity 0.8s 0.1s ease, transform 0.8s 0.1s ease;\r\n}\r\n.ipp-about-question.vis { opacity: 1; transform: none; }\r\n.ipp-about-question em { font-style: italic; color: #8B6F47; }\r\n\r\n.ipp-founded {\r\n  display: inline-flex; align-items: center; gap: 1rem;\r\n  padding: 0.8rem 1.6rem; border: 1px solid rgba(139,111,71,0.3);\r\n  margin-bottom: 2.5rem;\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s 0.2s ease, transform 0.7s 0.2s ease;\r\n}\r\n.ipp-founded.vis { opacity: 1; transform: none; }\r\n.ipp-founded-year { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 200; color: #8B6F47; line-height: 1; }\r\n.ipp-founded-label { font-size: 0.58rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(26,26,22,0.4); display: block; }\r\n.ipp-founded-city { font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: #1A1A16; font-weight: 400; }\r\n\r\n\/* ---- VIDEO FRAME ---- *\/\r\n.ipp-video-frame-wrap {\r\n  position: relative;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.8s 0.3s ease, transform 0.8s 0.3s ease;\r\n}\r\n.ipp-video-frame-wrap.vis { opacity: 1; transform: none; }\r\n\r\n\/* Arhitektonski kutovi *\/\r\n.ipp-vf-corner {\r\n  position: absolute;\r\n  width: 20px; height: 20px;\r\n  z-index: 3; pointer-events: none;\r\n}\r\n.ipp-vf-tl { top: -9px; left: -9px; border-top: 1px solid #C8A97E; border-left: 1px solid #C8A97E; }\r\n.ipp-vf-tr { top: -9px; right: -9px; border-top: 1px solid #C8A97E; border-right: 1px solid #C8A97E; }\r\n.ipp-vf-bl { bottom: -9px; left: -9px; border-bottom: 1px solid #C8A97E; border-left: 1px solid #C8A97E; }\r\n.ipp-vf-br { bottom: -9px; right: -9px; border-bottom: 1px solid #C8A97E; border-right: 1px solid #C8A97E; }\r\n\r\n\/* Dvostruki okvir *\/\r\n.ipp-video-outer {\r\n  border: 1px solid rgba(139,111,71,0.3);\r\n  padding: 6px;\r\n  background: #0c0e2d;\r\n}\r\n.ipp-video-inner {\r\n  border: 1px solid rgba(200,169,126,0.15);\r\n  position: relative; overflow: hidden;\r\n  aspect-ratio: 16\/9;\r\n  background: #0c0e2d;\r\n}\r\n.ipp-video-inner video {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  opacity: 0; transition: opacity 1.2s ease;\r\n}\r\n.ipp-video-inner video.vloaded { opacity: 1; }\r\n\r\n\/* Suptilni gradient overlay *\/\r\n.ipp-video-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, rgba(10,10,8,0.2) 0%, transparent 50%, rgba(10,10,8,0.15) 100%);\r\n  pointer-events: none; z-index: 1;\r\n}\r\n\r\n\/* Play\/Pause *\/\r\n.ipp-video-ctrl {\r\n  position: absolute;\r\n  bottom: 12px; right: 12px;\r\n  z-index: 4;\r\n  width: 34px; height: 34px;\r\n  border: 1px solid rgba(200,169,126,0.55);\r\n  background: rgba(13,13,11,0.6);\r\n  backdrop-filter: blur(6px);\r\n  display: flex; align-items: center; justify-content: center;\r\n  cursor: pointer; transition: all 0.3s;\r\n}\r\n.ipp-video-ctrl:hover { background: rgba(200,169,126,0.2); border-color: #C8A97E; }\r\n.ipp-video-ctrl svg { width: 12px; height: 12px; fill: #C8A97E; }\r\n\r\n\/* Label ispod videa *\/\r\n.ipp-video-label {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 0.65rem 0.4rem 0;\r\n}\r\n.ipp-video-label-left {\r\n  font-size: 0.55rem; letter-spacing: 0.3em;\r\n  text-transform: uppercase; color: rgba(139,111,71,0.6);\r\n}\r\n.ipp-video-label-right { display: flex; align-items: center; gap: 6px; }\r\n.ipp-vl-dot {\r\n  width: 5px; height: 5px; border-radius: 50%; background: #C8A97E;\r\n  animation: ipp-blink 2s ease-in-out infinite;\r\n}\r\n@keyframes ipp-blink { 0%,100%{opacity:1;} 50%{opacity:0.25;} }\r\n.ipp-vl-live { font-size: 0.52rem; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(139,111,71,0.55); }\r\n\r\n\/* ---- DESNA ---- *\/\r\n.ipp-about-right { padding: 6rem 0 4rem 5rem; }\r\n\r\n.ipp-firm-header {\r\n  margin-bottom: 2.8rem;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.7s 0.15s ease, transform 0.7s 0.15s ease;\r\n}\r\n.ipp-firm-header.vis { opacity: 1; transform: none; }\r\n.ipp-firm-name { font-family: 'Cormorant Garamond', serif; font-size: 1.05rem; font-weight: 400; letter-spacing: 0.12em; color: #1A1A16; margin-bottom: 5px; }\r\n.ipp-firm-type { font-size: 0.62rem; letter-spacing: 0.35em; text-transform: uppercase; color: #8B6F47; }\r\n\r\n.ipp-para-block {\r\n  margin-bottom: 2rem; padding-left: 1.2rem;\r\n  border-left: 1px solid rgba(139,111,71,0.2);\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n.ipp-para-block.vis { opacity: 1; transform: none; }\r\n.ipp-para-block:nth-child(1) { transition-delay: 0.2s; }\r\n.ipp-para-block:nth-child(2) { transition-delay: 0.32s; }\r\n.ipp-para-block:nth-child(3) { transition-delay: 0.44s; }\r\n.ipp-para-block:nth-child(4) { transition-delay: 0.56s; }\r\n.ipp-para-block p { font-size: 0.95rem; line-height: 1.85; color: rgba(26,26,22,0.72); font-weight: 300; }\r\n.ipp-para-block strong { color: #1A1A16; font-weight: 500; }\r\n\r\n.ipp-ref-box {\r\n  background: #0c0e2d; padding: 2rem 2.2rem; margin-top: 2.5rem;\r\n  position: relative; overflow: hidden;\r\n  opacity: 0; transform: translateY(24px);\r\n  transition: opacity 0.8s 0.6s ease, transform 0.8s 0.6s ease;\r\n}\r\n.ipp-ref-box.vis { opacity: 1; transform: none; }\r\n.ipp-ref-box::before { content: ''; position: absolute; top:0; left:0; width:3px; height:100%; background:#C8A97E; }\r\n.ipp-ref-label { font-size:0.58rem; letter-spacing:0.4em; text-transform:uppercase; color:rgba(200,169,126,0.6); margin-bottom:1.2rem; display:flex; align-items:center; gap:0.8rem; }\r\n.ipp-ref-label::after { content:''; flex:1; height:1px; background:rgba(200,169,126,0.15); }\r\n.ipp-ref-list { display:flex; flex-direction:column; gap:0.6rem; }\r\n.ipp-ref-item { display:flex; align-items:center; gap:0.8rem; font-size:0.82rem; color:rgba(253,251,248,0.75); font-weight:300; }\r\n.ipp-ref-dot { width:4px; height:4px; background:#C8A97E; border-radius:50%; flex-shrink:0; }\r\n\r\n.ipp-about-cta {\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 0.8rem;\r\n  margin-top: 2.8rem;\r\n  text-decoration: none;\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity 0.7s 0.7s ease, transform 0.7s 0.7s ease;\r\n}\r\n.ipp-about-cta.vis { opacity: 1; transform: none; }\r\n.ipp-about-cta-text { font-size:0.7rem; letter-spacing:0.25em; text-transform:uppercase; color:#8B6F47; font-weight:400; position:relative; padding-bottom:3px; }\r\n.ipp-about-cta-text::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#8B6F47; transform:scaleX(0.4); transform-origin:left; transition:transform 0.35s ease; }\r\n.ipp-about-cta:hover .ipp-about-cta-text::after { transform:scaleX(1); }\r\n.ipp-about-cta-arrow {\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:0;\r\n  position:relative;\r\n}\r\n.ipp-about-cta-arrow-line {\r\n  width:1px;\r\n  height:28px;\r\n  background:#8B6F47;\r\n  transform-origin:top;\r\n  animation:ipp-arrow-line 1.6s ease-in-out infinite;\r\n}\r\n.ipp-about-cta-arrow-head {\r\n  width:8px;\r\n  height:8px;\r\n  border-right:1px solid #8B6F47;\r\n  border-bottom:1px solid #8B6F47;\r\n  transform:rotate(45deg);\r\n  margin-top:-4px;\r\n  animation:ipp-arrow-head 1.6s ease-in-out infinite;\r\n}\r\n@keyframes ipp-arrow-line {\r\n  0%,100%{transform:scaleY(0.6);opacity:0.4;}\r\n  50%{transform:scaleY(1);opacity:1;}\r\n}\r\n@keyframes ipp-arrow-head {\r\n  0%,100%{transform:rotate(45deg) translate(-2px,-2px);opacity:0.4;}\r\n  50%{transform:rotate(45deg) translate(2px,2px);opacity:1;}\r\n}\r\n\r\n\/* MOBILNI *\/\r\n@media (max-width: 900px) {\r\n  .ipp-about-grid { grid-template-columns: 1fr; padding: 0 2rem; }\r\n  .ipp-about-left { padding: 4rem 0 3rem; border-right: none; border-bottom: 1px solid rgba(139,111,71,0.15); }\r\n  .ipp-about-right { padding: 3rem 0 4rem; }\r\n  .ipp-deco-num { display: none; }\r\n  .ipp-transition { height: 80px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ipp-about-root\">\r\n\r\n  <!-- TRANZICIJA -->\r\n  <div class=\"ipp-transition\" aria-hidden=\"true\">\r\n    <svg class=\"ipp-transition-line\" viewBox=\"0 0 1440 140\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <line x1=\"0\" y1=\"140\" x2=\"1440\" y2=\"53\" stroke=\"#C8A97E\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\r\n      <circle cx=\"0\" cy=\"140\" r=\"3\" fill=\"#C8A97E\" opacity=\"0.4\"\/>\r\n      <circle cx=\"1440\" cy=\"53\" r=\"3\" fill=\"#C8A97E\" opacity=\"0.4\"\/>\r\n      <line x1=\"720\" y1=\"92\" x2=\"720\" y2=\"108\" stroke=\"#C8A97E\" stroke-width=\"0.5\" opacity=\"0.35\"\/>\r\n      <line x1=\"711\" y1=\"100\" x2=\"729\" y2=\"100\" stroke=\"#C8A97E\" stroke-width=\"0.5\" opacity=\"0.35\"\/>\r\n      <circle cx=\"720\" cy=\"100\" r=\"2.5\" fill=\"none\" stroke=\"#C8A97E\" stroke-width=\"0.5\" opacity=\"0.3\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- O NAMA -->\r\n  <section class=\"ipp-about\" id=\"onama\" aria-label=\"O nama\">\r\n\r\n    <div class=\"ipp-about-bg\" aria-hidden=\"true\">\r\n      <svg class=\"ipp-about-dots\" viewBox=\"0 0 600 900\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMaxYMin slice\">\r\n        <defs>\r\n          <pattern id=\"ipp-dp\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"0.8\" fill=\"#8B6F47\" opacity=\"0.3\"\/><\/pattern>\r\n          <radialGradient id=\"ipp-df\" cx=\"80%\" cy=\"20%\" r=\"65%\"><stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"1\"\/><stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/><\/radialGradient>\r\n          <mask id=\"ipp-dm\"><rect width=\"600\" height=\"900\" fill=\"url(#ipp-df)\"\/><\/mask>\r\n        <\/defs>\r\n        <rect width=\"600\" height=\"900\" fill=\"url(#ipp-dp)\" mask=\"url(#ipp-dm)\"\/>\r\n      <\/svg>\r\n      <svg style=\"position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.03;\" viewBox=\"0 0 1280 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <line x1=\"0\" y1=\"200\" x2=\"1280\" y2=\"200\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"0\" y1=\"500\" x2=\"1280\" y2=\"500\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"0\" y1=\"750\" x2=\"1280\" y2=\"750\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"320\" y1=\"0\" x2=\"320\" y2=\"900\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"640\" y1=\"0\" x2=\"640\" y2=\"900\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n        <line x1=\"960\" y1=\"0\" x2=\"960\" y2=\"900\" stroke=\"#0c0e2d\" stroke-width=\"0.5\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"ipp-deco-num\" aria-hidden=\"true\">30<\/div>\r\n\r\n    <div class=\"ipp-about-grid\">\r\n\r\n      <!-- LIJEVA STRANA -->\r\n      <div class=\"ipp-about-left\">\r\n\r\n        <div class=\"ipp-co-tag ipp-anim\">\r\n          <div class=\"ipp-co-tag-line\"><\/div>\r\n          <span class=\"ipp-co-tag-text\">IPP d.o.o. \u00b7 Banja Luka<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"ipp-about-question ipp-anim\">Ko smo<br><em>mi?<\/em><\/h2>\r\n\r\n        <div class=\"ipp-founded ipp-anim\">\r\n          <div class=\"ipp-founded-year\">1989.<\/div>\r\n          <div>\r\n            <span class=\"ipp-founded-label\">Godina osnivanja<\/span>\r\n            <span class=\"ipp-founded-city\">Banja Luka, BiH<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- VIDEO BLOK -->\r\n        <div class=\"ipp-video-frame-wrap ipp-anim\">\r\n          <div class=\"ipp-vf-corner ipp-vf-tl\"><\/div>\r\n          <div class=\"ipp-vf-corner ipp-vf-tr\"><\/div>\r\n          <div class=\"ipp-vf-corner ipp-vf-bl\"><\/div>\r\n          <div class=\"ipp-vf-corner ipp-vf-br\"><\/div>\r\n\r\n          <div class=\"ipp-video-outer\">\r\n            <div class=\"ipp-video-inner\">\r\n              <video id=\"ippAboutVid\" autoplay muted loop playsinline preload=\"auto\">\r\n                <source src=\"https:\/\/ipp.ba\/wp-content\/uploads\/2026\/05\/BG_02.mp4\" type=\"video\/mp4\">\r\n              <\/video>\r\n              <div class=\"ipp-video-overlay\"><\/div>\r\n              <div class=\"ipp-video-ctrl\" id=\"ippVidCtrl\" title=\"Play \/ Pause\" role=\"button\" aria-label=\"Play ili Pause video\">\r\n                <svg id=\"ippVidIcon\" viewBox=\"0 0 24 24\"><path d=\"M6 4h4v16H6zm8 0h4v16h-4z\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ipp-video-label\">\r\n            <span class=\"ipp-video-label-left\">IPP Studio \u00b7 Showreel<\/span>\r\n            <div class=\"ipp-video-label-right\">\r\n              <div class=\"ipp-vl-dot\"><\/div>\r\n              <span class=\"ipp-vl-live\">Video<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- DESNA STRANA -->\r\n      <div class=\"ipp-about-right\">\r\n\r\n        <div class=\"ipp-firm-header ipp-anim\">\r\n          <div class=\"ipp-firm-name\">IPP d.o.o. | Arhitektonski studio<\/div>\r\n          <div class=\"ipp-firm-type\">Projektovanje \u00b7 In\u017eenjering \u00b7 Enterijer \u00b7 Nadzor \u00b7 Konsalting<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ipp-para-blocks\">\r\n          <div class=\"ipp-para-block ipp-anim\">\r\n            <p>Privatno preduze\u0107e <strong>\"IPP\"<\/strong> Banja Luka formirano je <strong>21. februara 1989. godine<\/strong> kao samostalni projektni biro \u010dija djelatnost je projektovanje, in\u017eenjering, izrada enterijera, nadzor i konsalting.<\/p>\r\n          <\/div>\r\n          <div class=\"ipp-para-block ipp-anim\">\r\n            <p>Arhitektonski studio IPP d.o.o. je u proteklih vi\u0161e od <strong>30 godina<\/strong> radio i u\u010destvovao na izradi projektne dokumentacije velikog broja objekata razli\u010dite namjene \u2014 javni, kulturni, poslovni, industrijski, stambeni, administrativni centri, zdravstvene ustanove, stambeno-poslovni objekti, proizvodni pogoni, skladi\u0161ta.<\/p>\r\n          <\/div>\r\n          <div class=\"ipp-para-block ipp-anim\">\r\n            <p>Bogata referenc lista projektovanih i izvedenih objekata ukazuje da je projektna dokumentacija izra\u0111ena na <strong>visokom nivou stru\u010dnosti<\/strong> i u zadatim vremenskim rokovima \u2014 kvalitet kojim se gradi tri decenije dugo povjerenje sa klijentima.<\/p>\r\n          <\/div>\r\n          <div class=\"ipp-para-block ipp-anim\">\r\n            <p>Stru\u010dni tim IPP d.o.o. zajedno sa saradnicima, <strong>spojem iskustva i mladosti<\/strong> te provjerenih pravila projektovanja i otvorenosti za nove vidove saradnje, dovodi do \u017eeljenih rezultata.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ipp-ref-box ipp-anim\">\r\n          <div class=\"ipp-ref-label\">Klju\u010dne reference<\/div>\r\n          <div class=\"ipp-ref-list\">\r\n            <div class=\"ipp-ref-item\"><span class=\"ipp-ref-dot\"><\/span>Zgrada Vlade Republike Srpske<\/div>\r\n            <div class=\"ipp-ref-item\"><span class=\"ipp-ref-dot\"><\/span>Ministarstva Republike Srpske<\/div>\r\n            <div class=\"ipp-ref-item\"><span class=\"ipp-ref-dot\"><\/span>Radio-televizija RS (RTRS)<\/div>\r\n            <div class=\"ipp-ref-item\"><span class=\"ipp-ref-dot\"><\/span>Poslovni objekat Integra<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#portfolio\" class=\"ipp-about-cta ipp-anim\" aria-label=\"Pogledaj portfolio\">\r\n          <span class=\"ipp-about-cta-text\">Pogledaj na\u0161 portfolio<\/span>\r\n          <span class=\"ipp-about-cta-arrow\" aria-hidden=\"true\">\r\n            <span class=\"ipp-about-cta-arrow-line\"><\/span>\r\n            <span class=\"ipp-about-cta-arrow-head\"><\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/* Video *\/\r\n  var vid  = document.getElementById('ippAboutVid');\r\n  var icon = document.getElementById('ippVidIcon');\r\n  var ctrl = document.getElementById('ippVidCtrl');\r\n  var pausePath = 'M6 4h4v16H6zm8 0h4v16h-4z';\r\n  var playPath  = 'M8 5v14l11-7z';\r\n\r\n  if (vid) {\r\n    vid.addEventListener('canplay', function() { vid.classList.add('vloaded'); });\r\n    setTimeout(function() { vid.classList.add('vloaded'); }, 2500);\r\n  }\r\n  if (ctrl && vid && icon) {\r\n    ctrl.addEventListener('click', function() {\r\n      if (vid.paused) {\r\n        vid.play();\r\n        icon.querySelector('path').setAttribute('d', pausePath);\r\n      } else {\r\n        vid.pause();\r\n        icon.querySelector('path').setAttribute('d', playPath);\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* Scroll animacije *\/\r\n  var items = document.querySelectorAll('.ipp-anim');\r\n  if (!items.length) return;\r\n  var io = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('vis'); io.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  items.forEach(function(el) { io.observe(el); });\r\n})();\r\n<\/script>\r\n\r\n<!--\r\n  IPP \u2014 REFERENCE LISTA (zamjena za Matrix block)\r\n  Zalijepiti u: Elementor \u2192 HTML Widget\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Outfit:wght@200;300;400;500&display=swap');\r\n\r\n.ref-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ref-wrap {\r\n  font-family: 'Outfit', sans-serif;\r\n  background: #0c0e2d;\r\n  color: #FDFBF8;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* TRANZICIJA krem \u2192 plava *\/\r\n.ref-trans {\r\n  position: relative;\r\n  height: 110px;\r\n  background: #0c0e2d;\r\n  overflow: hidden;\r\n}\r\n.ref-trans::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; height: 100%;\r\n  background: #F4EFE6;\r\n  clip-path: polygon(0 0, 100% 0, 100% 38%, 0 100%);\r\n}\r\n.ref-trans svg {\r\n  position: absolute;\r\n  inset: 0; width: 100%; height: 100%;\r\n}\r\n\r\n\/* HEADER *\/\r\n.ref-header {\r\n  padding: 5rem 4rem 2.5rem;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ref-pretag {\r\n  display: flex; align-items: center; gap: 0.8rem;\r\n  margin-bottom: 1.2rem;\r\n  font-size: 0.62rem; letter-spacing: 0.42em;\r\n  text-transform: uppercase; color: #C8A97E;\r\n}\r\n.ref-pretag-line { width: 32px; height: 1px; background: #C8A97E; }\r\n\r\n.ref-h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n  font-weight: 200; line-height: 1.1;\r\n}\r\n.ref-h2 em { font-style: italic; color: #C8A97E; }\r\n\r\n.ref-total { text-align: right; }\r\n.ref-total-n {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.8rem; font-weight: 200;\r\n  color: #C8A97E; line-height: 1;\r\n}\r\n.ref-total-unit { font-size: 1rem; color: rgba(200,169,126,0.55); }\r\n.ref-total-l {\r\n  font-size: 0.55rem; letter-spacing: 0.25em;\r\n  text-transform: uppercase; color: rgba(253,251,248,0.28);\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* OPIS *\/\r\n.ref-desc {\r\n  margin: 0 4rem 2.5rem;\r\n  max-width: calc(1280px - 8rem);\r\n  padding: 1.3rem 1.6rem;\r\n  border: 1px solid rgba(200,169,126,0.2);\r\n  border-left: 3px solid #C8A97E;\r\n  background: rgba(200,169,126,0.04);\r\n  font-size: 0.88rem;\r\n  line-height: 1.8;\r\n  color: rgba(253,251,248,0.6);\r\n  font-weight: 300;\r\n}\r\n.ref-desc strong { color: #C8A97E; font-weight: 500; }\r\n\r\n\/* FILTER TABOVI *\/\r\n.ref-filters {\r\n  display: flex;\r\n  gap: 0;\r\n  margin: 0 4rem 2.5rem;\r\n  overflow-x: auto;\r\n  scrollbar-width: none;\r\n  max-width: calc(1280px - 8rem);\r\n}\r\n.ref-filters::-webkit-scrollbar { display: none; }\r\n\r\n.ref-filter {\r\n  padding: 0.65rem 1.3rem;\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: rgba(253,251,248,0.38);\r\n  border: 1px solid rgba(200,169,126,0.15);\r\n  border-right: none;\r\n  cursor: pointer;\r\n  transition: all 0.25s;\r\n  white-space: nowrap;\r\n  background: transparent;\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.ref-filter:last-child { border-right: 1px solid rgba(200,169,126,0.15); }\r\n.ref-filter:hover { color: #C8A97E; border-color: rgba(200,169,126,0.35); background: rgba(200,169,126,0.04); }\r\n.ref-filter.on { color: #0c0e2d; background: #C8A97E; border-color: #C8A97E; }\r\n\r\n\/* LISTA *\/\r\n.ref-list {\r\n  margin: 0 4rem 2rem;\r\n  max-width: calc(1280px - 8rem);\r\n}\r\n\r\n\/* KATEGORIJA HEADER *\/\r\n.ref-cat-header {\r\n  display: flex; align-items: center; gap: 0.8rem;\r\n  padding: 2rem 0 0.8rem;\r\n  font-size: 0.58rem; letter-spacing: 0.32em; text-transform: uppercase;\r\n}\r\n.ref-cat-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }\r\n.ref-cat-name { color: rgba(253,251,248,0.32); }\r\n.ref-cat-count { color: rgba(253,251,248,0.18); }\r\n.ref-cat-line { flex: 1; height: 1px; background: rgba(200,169,126,0.07); }\r\n\r\n\/* RED PROJEKTA *\/\r\n.ref-item {\r\n  display: grid;\r\n  grid-template-columns: 42px 1fr auto;\r\n  align-items: center;\r\n  gap: 1.2rem;\r\n  padding: 0.95rem 0.8rem;\r\n  border-bottom: 1px solid rgba(200,169,126,0.07);\r\n  transition: background 0.2s, padding-left 0.2s;\r\n  position: relative;\r\n}\r\n.ref-item:first-of-type { border-top: 1px solid rgba(200,169,126,0.07); }\r\n.ref-item:hover {\r\n  background: rgba(200,169,126,0.04);\r\n  padding-left: 1.2rem;\r\n}\r\n\r\n\/* Colored left accent on hover *\/\r\n.ref-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 0; bottom: 0;\r\n  width: 2px;\r\n  opacity: 0;\r\n  transition: opacity 0.2s;\r\n}\r\n.ref-item:hover::before { opacity: 1; }\r\n\r\n.ref-item[data-cat=\"vlada\"]::before     { background: #C8A97E; }\r\n.ref-item[data-cat=\"zdravstvo\"]::before { background: #7E9EC8; }\r\n.ref-item[data-cat=\"stambeno\"]::before  { background: #9EC87E; }\r\n.ref-item[data-cat=\"hotel\"]::before     { background: #C87E9E; }\r\n.ref-item[data-cat=\"poslovni\"]::before  { background: #C8B27E; }\r\n.ref-item[data-cat=\"industrijal\"]::before { background: #7EC8C0; }\r\n\r\n.ref-item-num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.82rem; font-weight: 300;\r\n  color: rgba(200,169,126,0.28);\r\n  text-align: right;\r\n}\r\n.ref-item-info {}\r\n.ref-item-name {\r\n  font-size: 0.9rem; font-weight: 300;\r\n  color: rgba(253,251,248,0.78);\r\n  line-height: 1.4;\r\n}\r\n.ref-item-note {\r\n  font-size: 0.7rem;\r\n  color: rgba(200,169,126,0.4);\r\n  font-style: italic;\r\n  margin-top: 2px;\r\n}\r\n.ref-item-m2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1rem; font-weight: 300;\r\n  color: #C8A97E;\r\n  white-space: nowrap;\r\n  text-align: right;\r\n}\r\n\r\n\/* PRAZNO STANJE *\/\r\n.ref-empty {\r\n  padding: 3rem;\r\n  text-align: center;\r\n  font-size: 0.85rem;\r\n  color: rgba(253,251,248,0.2);\r\n  display: none;\r\n}\r\n\r\n\/* CTA *\/\r\n.ref-cta {\r\n  background: #C8A97E;\r\n  padding: 5rem 4rem;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 2rem;\r\n}\r\n.ref-cta::before {\r\n  content: 'IPP';\r\n  position: absolute;\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 16rem; font-weight: 200;\r\n  color: rgba(12,14,45,0.05);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none; line-height: 1;\r\n}\r\n.ref-cta-tag {\r\n  font-size: 0.6rem; letter-spacing: 0.4em;\r\n  text-transform: uppercase; color: rgba(12,14,45,0.45);\r\n  margin-bottom: 0.8rem;\r\n}\r\n.ref-cta h3 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.8rem, 3.5vw, 3rem);\r\n  font-weight: 200; color: #0c0e2d;\r\n  line-height: 1.2; margin-bottom: 0.8rem;\r\n  position: relative;\r\n}\r\n.ref-cta h3 em { font-style: italic; }\r\n.ref-cta p {\r\n  font-size: 0.88rem; color: rgba(12,14,45,0.55);\r\n  max-width: 380px; margin: 0 auto 2rem;\r\n  line-height: 1.7; font-weight: 300;\r\n}\r\n.ref-cta-btn {\r\n  display: inline-flex; align-items: center; gap: 0.7rem;\r\n  background: #0c0e2d; color: #C8A97E;\r\n  padding: 0.95rem 2.4rem;\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase;\r\n  text-decoration: none; transition: all 0.3s;\r\n  position: relative; border: none; cursor: pointer;\r\n}\r\n.ref-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(12,14,45,0.2); }\r\n\r\n\/* MOBILNI *\/\r\n@media (max-width: 900px) {\r\n  .ref-header { flex-direction: column; align-items: flex-start; gap: 1.5rem; padding: 3rem 2rem 2rem; }\r\n  .ref-total { text-align: left; }\r\n  .ref-desc, .ref-filters, .ref-list { margin-left: 2rem; margin-right: 2rem; }\r\n  .ref-desc { max-width: 100%; }\r\n  .ref-filters { max-width: 100%; }\r\n  .ref-list { max-width: 100%; }\r\n  .ref-cta { padding: 4rem 2rem; }\r\n  .ref-item { grid-template-columns: 36px 1fr auto; gap: 0.8rem; }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n  .ref-item-m2 { display: none; }\r\n  .ref-item { grid-template-columns: 30px 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ref-wrap\" id=\"ippRefWrap\">\r\n\r\n  <!-- TRANZICIJA krem \u2192 plava -->\r\n  <div class=\"ref-trans\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 1440 110\" preserveAspectRatio=\"none\">\r\n      <line x1=\"0\" y1=\"110\" x2=\"1440\" y2=\"44\" stroke=\"#C8A97E\" stroke-width=\"0.8\" opacity=\"0.4\"\/>\r\n      <circle cx=\"720\" cy=\"77\" r=\"2.5\" fill=\"none\" stroke=\"#C8A97E\" stroke-width=\"0.5\" opacity=\"0.3\"\/>\r\n      <line x1=\"711\" y1=\"77\" x2=\"729\" y2=\"77\" stroke=\"#C8A97E\" stroke-width=\"0.4\" opacity=\"0.25\"\/>\r\n      <line x1=\"720\" y1=\"68\" x2=\"720\" y2=\"86\" stroke=\"#C8A97E\" stroke-width=\"0.4\" opacity=\"0.25\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"ref-header\">\r\n    <div>\r\n      <div class=\"ref-pretag\">\r\n        <div class=\"ref-pretag-line\"><\/div>\r\n        Referenc lista \u00b7 IPP d.o.o.\r\n      <\/div>\r\n      <h2 class=\"ref-h2\">Na\u0161e <em>reference<\/em><br>govore za nas<\/h2>\r\n    <\/div>\r\n    <div class=\"ref-total\">\r\n      <div class=\"ref-total-n\">400.000+<span class=\"ref-total-unit\"> m\u00b2<\/span><\/div>\r\n      <div class=\"ref-total-l\">Ukupno projektovano<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- OPIS -->\r\n  <div class=\"ref-desc\">\r\n    Izvod iz referenc liste izra\u0111ene projektne dokumentacije u projektnom birou \"IPP\" d.o.o. Banja Luka \u2014 vi\u0161e od tri decenije izgradnje povjerenja kroz projekte ukupne povr\u0161ine preko <strong>400.000 m\u00b2<\/strong> \u0161irom RS i BiH.\r\n  <\/div>\r\n\r\n  <!-- FILTERI -->\r\n  <div class=\"ref-filters\">\r\n    <button class=\"ref-filter on\" onclick=\"ippRefFilter('sve', this)\">Sve (65)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('vlada', this)\">\u25cf Vlada (6)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('zdravstvo', this)\">\u25cf Zdravstvo (7)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('stambeno', this)\">\u25cf Stambeno (14)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('hotel', this)\">\u25cf Hoteli (5)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('poslovni', this)\">\u25cf Poslovni (11)<\/button>\r\n    <button class=\"ref-filter\" onclick=\"ippRefFilter('industrijal', this)\">\u25cf Industrijsko (22)<\/button>\r\n  <\/div>\r\n\r\n  <!-- LISTA -->\r\n  <div class=\"ref-list\" id=\"ippRefList\"><\/div>\r\n  <div class=\"ref-empty\" id=\"ippRefEmpty\">Nema rezultata za odabranu kategoriju.<\/div>\r\n\r\n  <!-- CTA -->\r\n  <div class=\"ref-cta\">\r\n    <div class=\"ref-cta-tag\">Sara\u0111ujmo zajedno<\/div>\r\n    <h3>Va\u0161 projekat je na\u0161<br><em>sljede\u0107i izazov.<\/em><\/h3>\r\n    <p>Kontaktirajte nas i razgovarajmo o va\u0161oj viziji i potrebama.<\/p>\r\n    <a href=\"https:\/\/ipp.ba\/?page_id=12\" class=\"ref-cta-btn\">\r\n      Kontaktirajte nas \u2192\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n  var cats = {\r\n    vlada:       { label: 'Vlada & Institucije',     color: '#C8A97E' },\r\n    zdravstvo:   { label: 'Zdravstvo & Obrazovanje', color: '#7E9EC8' },\r\n    stambeno:    { label: 'Stambeno-poslovni',        color: '#9EC87E' },\r\n    hotel:       { label: 'Hoteli & Ugostiteljstvo',  color: '#C87E9E' },\r\n    poslovni:    { label: 'Poslovni',                 color: '#C8B27E' },\r\n    industrijal: { label: 'Industrijsko',             color: '#7EC8C0' }\r\n  };\r\n\r\n  var refs = [\r\n    {n:'Zgrada Vlade Republike Srpske',              m2:'25.499 m\u00b2', cat:'vlada'},\r\n    {n:'Zgrada Ministarstava RS',                    m2:'27.788 m\u00b2', cat:'vlada'},\r\n    {n:'Radio Televizija RS & Poslovni objekat Integral In\u017eenjering', m2:'31.899 m\u00b2', cat:'vlada', note:'Saradnja sa PC Art d.o.o. Beograd'},\r\n    {n:'Poslovna zgrada Telekoma Srpske',            m2:'25.499 m\u00b2', cat:'vlada'},\r\n    {n:'Ministarstvo unutra\u0161njih poslova RS',        m2:'6.500 m\u00b2',  cat:'vlada'},\r\n    {n:'Konzulat Republike Hrvatske',               m2:'',          cat:'vlada'},\r\n    {n:'Rekonstrukcija Klini\u010dkog centra',           m2:'49.000 m\u00b2', cat:'zdravstvo', note:'Saradnja sa prof. Rajkom Mandi\u0107em, dobitnik Borbene nagrade'},\r\n    {n:'Dijagnosti\u010dki centar Lakta\u0161i',              m2:'2.610 m\u00b2',  cat:'zdravstvo'},\r\n    {n:'Rekonstrukcija Stomatolo\u0161kog fakulteta',    m2:'',          cat:'zdravstvo'},\r\n    {n:'Pred\u0161kolska ustanova Caritas',              m2:'',          cat:'zdravstvo'},\r\n    {n:'Socijalno edukativni centar Caritas',       m2:'800 m\u00b2',    cat:'zdravstvo'},\r\n    {n:'Poljoprivredni institut',                   m2:'3.550 m\u00b2',  cat:'zdravstvo'},\r\n    {n:'Vojni medicinski centar \u2014 sanacija',        m2:'',          cat:'zdravstvo'},\r\n    {n:'Stambeno poslovni Integra In\u017eenjering',     m2:'28.180 m\u00b2', cat:'stambeno'},\r\n    {n:'Stambeno poslovni Luki\u0107 Invest',            m2:'17.000 m\u00b2', cat:'stambeno'},\r\n    {n:'Stambeno poslovni GRAND MS',                m2:'7.390 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovni TEHNOSINT',               m2:'11.480 m\u00b2', cat:'stambeno'},\r\n    {n:'Stambeno poslovni TEHNOPROM',               m2:'7.380 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovne lamele Trebinje',         m2:'',          cat:'stambeno'},\r\n    {n:'Stambeno poslovni objekat Mejdan',          m2:'4.400 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslavni Srpska ulica',            m2:'6.370 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovni DIONIS',                  m2:'3.500 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovni Bosna Impex',             m2:'2.800 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovni Dukat Trn',               m2:'1.243 m\u00b2',  cat:'stambeno'},\r\n    {n:'Stambeno poslovni Kula, Vojvodina',         m2:'',          cat:'stambeno'},\r\n    {n:'Stambeno poslovni na Star\u010devici',           m2:'',          cat:'stambeno'},\r\n    {n:'Stambeni objekat Caritas',                  m2:'',          cat:'stambeno'},\r\n    {n:'Hotelski kompleks Sirano',                  m2:'9.905 m\u00b2',  cat:'hotel'},\r\n    {n:'Hotel Atina',                               m2:'1.587 m\u00b2',  cat:'hotel'},\r\n    {n:'Motel Integral',                            m2:'2.150 m\u00b2',  cat:'hotel'},\r\n    {n:'Hotel Bosanski Brod',                       m2:'',          cat:'hotel'},\r\n    {n:'Motel Krupa na Vrbasu',                     m2:'1.710 m\u00b2',  cat:'hotel'},\r\n    {n:'Poslovni objekat Caritas',                  m2:'6.110 m\u00b2',  cat:'poslovni'},\r\n    {n:'Prodajno izlo\u017ebeni salon COMO',             m2:'4.200 m\u00b2',  cat:'poslovni'},\r\n    {n:'Nezavisna televizija Banjaluka',            m2:'',          cat:'poslovni'},\r\n    {n:'Komercijalna Banka Banja Luka',             m2:'',          cat:'poslovni'},\r\n    {n:'Komercijalna banka \u2014 filijale (Br\u010dko, Mrkonji\u0107, Gradi\u0161ka)', m2:'', cat:'poslovni'},\r\n    {n:'Kontakt centar Mobis & Telekom \u2014 enterijer', m2:'',         cat:'poslovni'},\r\n    {n:'Benzinske pumpe \u2014 9 lokacija RS\/BiH',       m2:'',          cat:'poslovni'},\r\n    {n:'Poslovni objekat Krajina',                  m2:'',          cat:'poslovni'},\r\n    {n:'Poslovni centar Javor Stil',                m2:'697 m\u00b2',    cat:'poslovni'},\r\n    {n:'Inkubatorski centar Srbac',                 m2:'',          cat:'poslovni'},\r\n    {n:'Poslovni objekat Meteor-Trio',              m2:'',          cat:'poslovni'},\r\n    {n:'Proizvodni centar Unimak',                  m2:'',          cat:'industrijal'},\r\n    {n:'Adaptacija GMP Kompani',                    m2:'5.000 m\u00b2',  cat:'industrijal'},\r\n    {n:'Proizvodni centar Unis Adria',              m2:'1.703 m\u00b2',  cat:'industrijal'},\r\n    {n:'Poslovni centar Unitehna',                  m2:'1.493 m\u00b2',  cat:'industrijal'},\r\n    {n:'Poslovni objekat Vokel',                    m2:'1.731 m\u00b2',  cat:'industrijal'},\r\n    {n:'Skladi\u0161ni objekat ORFEJ',                   m2:'1.100 m\u00b2',  cat:'industrijal'},\r\n    {n:'Skladi\u0161ni prostor Unitehna',                m2:'1.800 m\u00b2',  cat:'industrijal'},\r\n    {n:'Skladi\u0161ni prostor Telding',                 m2:'2.000 m\u00b2',  cat:'industrijal'},\r\n    {n:'Skladi\u0161ni prostor Caritas',                 m2:'900 m\u00b2',    cat:'industrijal'},\r\n    {n:'Vazduhoplovni zavod Kosmos \u2014 adaptacija',   m2:'',          cat:'industrijal'},\r\n    {n:'Teniska hala Borik',                        m2:'1.250 m\u00b2',  cat:'industrijal'},\r\n    {n:'Sanacija Crkve Svetog Ilije',               m2:'',          cat:'industrijal'},\r\n    {n:'Rekonstrukcija prostora FK Borac',          m2:'',          cat:'industrijal'},\r\n    {n:'Staklenici Bioslatina',                     m2:'',          cat:'industrijal'},\r\n    {n:'Sto\u010dna farma PIK Oku\u010dani',                  m2:'',          cat:'industrijal'},\r\n    {n:'Farma Agroimpeks Zalu\u017eani',                 m2:'',          cat:'industrijal'},\r\n    {n:'Vetprom Banjaluka',                         m2:'',          cat:'industrijal'},\r\n    {n:'Autoservis Centar Banjaluka',               m2:'',          cat:'industrijal'},\r\n    {n:'DP Prerada drveta Kotor Varo\u0161',             m2:'',          cat:'industrijal'},\r\n    {n:'Industrijski objekti i skladi\u0161ta',          m2:'',          cat:'industrijal'},\r\n    {n:'Individualni stambeni objekti',             m2:'',          cat:'stambeno'},\r\n    {n:'Stambeno poslavni Kralj Petar II',          m2:'',          cat:'stambeno'}\r\n  ];\r\n\r\n  var catOrder = ['vlada','zdravstvo','stambeno','hotel','poslovni','industrijal'];\r\n\r\n  function render(filter) {\r\n    var listEl  = document.getElementById('ippRefList');\r\n    var emptyEl = document.getElementById('ippRefEmpty');\r\n    var html    = '';\r\n    var total   = 0;\r\n\r\n    catOrder.forEach(function(cat) {\r\n      var items = refs.filter(function(r) {\r\n        return r.cat === cat && (filter === 'sve' || filter === cat);\r\n      });\r\n      if (!items.length) return;\r\n\r\n      html += '<div class=\"ref-cat-header\">';\r\n      html += '<div class=\"ref-cat-dot\" style=\"background:' + cats[cat].color + '\"><\/div>';\r\n      html += '<span class=\"ref-cat-name\">' + cats[cat].label + '<\/span>';\r\n      html += '<span class=\"ref-cat-count\">&nbsp;(' + items.length + ')<\/span>';\r\n      html += '<div class=\"ref-cat-line\"><\/div>';\r\n      html += '<\/div>';\r\n\r\n      items.forEach(function(r) {\r\n        total++;\r\n        var num = String(total).padStart(2, '0');\r\n        html += '<div class=\"ref-item\" data-cat=\"' + r.cat + '\">';\r\n        html += '<div class=\"ref-item-num\">' + num + '<\/div>';\r\n        html += '<div class=\"ref-item-info\">';\r\n        html += '<div class=\"ref-item-name\">' + r.n + '<\/div>';\r\n        if (r.note) html += '<div class=\"ref-item-note\">* ' + r.note + '<\/div>';\r\n        html += '<\/div>';\r\n        html += '<div class=\"ref-item-m2\">' + (r.m2 || '\u2014') + '<\/div>';\r\n        html += '<\/div>';\r\n      });\r\n    });\r\n\r\n    if (total === 0) {\r\n      listEl.innerHTML = '';\r\n      emptyEl.style.display = 'block';\r\n    } else {\r\n      listEl.innerHTML = html;\r\n      emptyEl.style.display = 'none';\r\n    }\r\n  }\r\n\r\n  window.ippRefFilter = function(cat, btn) {\r\n    document.querySelectorAll('.ref-filter').forEach(function(b) { b.classList.remove('on'); });\r\n    btn.classList.add('on');\r\n    render(cat);\r\n  };\r\n\r\n  \/\/ Scroll animacije\r\n  var io = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.style.opacity = '1';\r\n        e.target.style.transform = 'translateY(0)';\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.05 });\r\n\r\n  var wrap = document.getElementById('ippRefWrap');\r\n  if (wrap) {\r\n    wrap.style.opacity = '0';\r\n    wrap.style.transform = 'translateY(30px)';\r\n    wrap.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n    io.observe(wrap);\r\n  }\r\n\r\n  render('sve');\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<!--\r\n  IPP \u2014 FOOTER BLOCK\r\n  Zalijepiti u: Elementor \u2192 HTML Widget\r\n  Posljednji blok na stranici\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Outfit:wght@200;300;400;500&display=swap');\r\n\r\n.ipp-footer * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ipp-footer {\r\n  background: #080a1f;\r\n  font-family: 'Outfit', sans-serif;\r\n  border-top: 1px solid rgba(200,169,126,0.15);\r\n}\r\n\r\n\/* GORNJI DIO *\/\r\n.ipp-footer-top {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 5rem 4rem 4rem;\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 1fr 1fr;\r\n  gap: 3rem;\r\n}\r\n\r\n\/* LOGO KOLONA *\/\r\n.ipp-footer-logo {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.8rem;\r\n  font-weight: 200;\r\n  letter-spacing: 0.35em;\r\n  color: #FDFBF8;\r\n  text-decoration: none;\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  line-height: 1;\r\n}\r\n.ipp-footer-logo span { color: #C8A97E; }\r\n\r\n.ipp-footer-logo-sub {\r\n  font-size: 0.52rem;\r\n  letter-spacing: 0.44em;\r\n  text-transform: uppercase;\r\n  color: rgba(200,169,126,0.55);\r\n  margin-bottom: 1.5rem;\r\n  display: block;\r\n}\r\n\r\n.ipp-footer-rule {\r\n  width: 40px;\r\n  height: 1px;\r\n  background: linear-gradient(to right, #C8A97E, transparent);\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.ipp-footer-about {\r\n  font-size: 0.82rem;\r\n  color: rgba(253,251,248,0.38);\r\n  line-height: 1.75;\r\n  font-weight: 300;\r\n  max-width: 260px;\r\n}\r\n\r\n\/* NAV KOLONE *\/\r\n.ipp-footer-col-title {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: #C8A97E;\r\n  margin-bottom: 1.4rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n}\r\n.ipp-footer-col-title::after {\r\n  content: '';\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(200,169,126,0.12);\r\n}\r\n\r\n.ipp-footer-links {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.65rem;\r\n}\r\n\r\n.ipp-footer-links a {\r\n  color: rgba(253,251,248,0.42);\r\n  text-decoration: none;\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  transition: color 0.3s;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n}\r\n.ipp-footer-links a::before {\r\n  content: '';\r\n  width: 0;\r\n  height: 1px;\r\n  background: #C8A97E;\r\n  transition: width 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n.ipp-footer-links a:hover { color: #C8A97E; }\r\n.ipp-footer-links a:hover::before { width: 14px; }\r\n\r\n\/* Kontakt info *\/\r\n.ipp-footer-contact {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.8rem;\r\n}\r\n.ipp-footer-contact li {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n.ipp-footer-contact-label {\r\n  font-size: 0.52rem;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: rgba(200,169,126,0.4);\r\n}\r\n.ipp-footer-contact a,\r\n.ipp-footer-contact span {\r\n  font-size: 0.82rem;\r\n  color: rgba(253,251,248,0.55);\r\n  font-weight: 300;\r\n  text-decoration: none;\r\n  transition: color 0.3s;\r\n}\r\n.ipp-footer-contact a:hover { color: #C8A97E; }\r\n\r\n\/* SREDNJA LINIJA *\/\r\n.ipp-footer-mid {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 4rem 3rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2rem;\r\n}\r\n\r\n.ipp-footer-mid-line {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(200,169,126,0.08);\r\n}\r\n\r\n.ipp-footer-mid-text {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: rgba(253,251,248,0.2);\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* DONJI DIO \u2014 copyright *\/\r\n.ipp-footer-bottom {\r\n  border-top: 1px solid rgba(200,169,126,0.08);\r\n  padding: 1.5rem 4rem;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n}\r\n\r\n.ipp-footer-copy {\r\n  font-size: 0.72rem;\r\n  color: rgba(253,251,248,0.25);\r\n  font-weight: 300;\r\n}\r\n\r\n.ipp-footer-design {\r\n  font-size: 0.72rem;\r\n  color: rgba(253,251,248,0.22);\r\n  font-weight: 300;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n}\r\n\r\n.ipp-footer-design a {\r\n  color: rgba(200,169,126,0.55);\r\n  text-decoration: none;\r\n  font-weight: 400;\r\n  transition: color 0.3s;\r\n  letter-spacing: 0.02em;\r\n}\r\n.ipp-footer-design a:hover { color: #C8A97E; }\r\n\r\n\/* MOBILNI *\/\r\n@media (max-width: 900px) {\r\n  .ipp-footer-top { grid-template-columns: 1fr 1fr; padding: 3rem 2rem 2rem; gap: 2rem; }\r\n  .ipp-footer-mid { padding: 0 2rem 2rem; }\r\n  .ipp-footer-bottom { padding: 1.2rem 2rem; flex-direction: column; align-items: flex-start; gap: 0.5rem; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .ipp-footer-top { grid-template-columns: 1fr; }\r\n  .ipp-footer-about { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"ipp-footer\" role=\"contentinfo\">\r\n\r\n  <!-- GORNJI DIO -->\r\n  <div class=\"ipp-footer-top\">\r\n\r\n    <!-- LOGO + OPIS -->\r\n    <div>\r\n      <a href=\"https:\/\/ipp.ba\/\" class=\"ipp-footer-logo\">IPP <span>\u00b7<\/span><\/a>\r\n      <span class=\"ipp-footer-logo-sub\">Arhitektonski Studio<\/span>\r\n      <div class=\"ipp-footer-rule\"><\/div>\r\n      <p class=\"ipp-footer-about\">\r\n        Projektovanje, in\u017eenjering, enterijer, nadzor i konsalting. Vi\u0161e od 35 godina izgradnje povjerenja u RS i BiH.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- NAVIGACIJA -->\r\n    <div>\r\n      <div class=\"ipp-footer-col-title\">Navigacija<\/div>\r\n      <ul class=\"ipp-footer-links\">\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Usluge<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/#portfolio\">Portfolio<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/#onama\">O nama<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=102\">Na\u0161i projekti<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=12\">Kontakt<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- USLUGE -->\r\n    <div>\r\n      <div class=\"ipp-footer-col-title\">Usluge<\/div>\r\n      <ul class=\"ipp-footer-links\">\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Projektovanje<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Nadzor<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Dizajn enterijera<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">3D Modelovanje<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Legalizacija<\/a><\/li>\r\n        <li><a href=\"https:\/\/ipp.ba\/?page_id=394\">Konsalting<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- KONTAKT -->\r\n    <div>\r\n      <div class=\"ipp-footer-col-title\">Kontakt<\/div>\r\n      <ul class=\"ipp-footer-contact\">\r\n        <li>\r\n          <span class=\"ipp-footer-contact-label\">Adresa<\/span>\r\n          <span>Dragi\u0161e Vasi\u0107a 9<br>78000 Banja Luka, BiH<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ipp-footer-contact-label\">Telefon<\/span>\r\n          <a href=\"tel:+38751000000\">+387 51 311 320<\/a>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ipp-footer-contact-label\">Email<\/span>\r\n          <a href=\"mailto:info@ipp.ba\">ipp@blic.net<\/a>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ipp-footer-contact-label\">Radno vrijeme<\/span>\r\n          <span>Pon \u2013 Pet, 08:00 \u2013 16:00<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- SREDNJA LINIJA -->\r\n  <div class=\"ipp-footer-mid\">\r\n    <div class=\"ipp-footer-mid-line\"><\/div>\r\n    <span class=\"ipp-footer-mid-text\">IPP d.o.o. \u00b7 Banja Luka \u00b7 BiH<\/span>\r\n    <div class=\"ipp-footer-mid-line\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- COPYRIGHT -->\r\n  <div class=\"ipp-footer-bottom\">\r\n    <span class=\"ipp-footer-copy\">\r\n      \u00a9 2022\u20132026 IPP d.o.o. Arhitektonski studio, Banja Luka. Sva prava zadr\u017eana.\r\n    <\/span>\r\n    <span class=\"ipp-footer-design\">\r\n      Dizajn &amp; razvoj:\r\n      <a href=\"https:\/\/www.bacipogled.ba\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        Bacipogled.ba\r\n      <\/a>\r\n    <\/span>\r\n  <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26f753b e-con-full e-flex e-con e-parent\" data-id=\"26f753b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPP \u00b7 Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas IPP &nbsp;\u00b7 Arhitektonski Studio Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas N 43\u00b0 51&#8242; 26&#8243; E 18\u00b0 23&#8242; 55&#8243; IPP \u00b7 STUDIO \u00b7 BIH BANJA LUKA \u00b7 2024 N Arhitektura &nbsp;\u00b7&nbsp; Dizajn &nbsp;\u00b7&nbsp; Vizija Gradimo prostore koji inspiri\u0161u Arhitektonski studio &nbsp;\u00b7&nbsp; Banja [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Po\u010detna -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ipp.ba\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Po\u010detna -\" \/>\n<meta property=\"og:description\" content=\"IPP \u00b7 Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas IPP &nbsp;\u00b7 Arhitektonski Studio Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas N 43\u00b0 51&#8242; 26&#8243; E 18\u00b0 23&#8242; 55&#8243; IPP \u00b7 STUDIO \u00b7 BIH BANJA LUKA \u00b7 2024 N Arhitektura &nbsp;\u00b7&nbsp; Dizajn &nbsp;\u00b7&nbsp; Vizija Gradimo prostore koji inspiri\u0161u Arhitektonski studio &nbsp;\u00b7&nbsp; Banja [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ipp.ba\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T10:49:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ipp.ba\\\/\",\"url\":\"https:\\\/\\\/ipp.ba\\\/\",\"name\":\"Po\u010detna -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ipp.ba\\\/#website\"},\"datePublished\":\"2014-11-04T11:39:33+00:00\",\"dateModified\":\"2026-05-12T10:49:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ipp.ba\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ipp.ba\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ipp.ba\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ipp.ba\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Po\u010detna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ipp.ba\\\/#website\",\"url\":\"https:\\\/\\\/ipp.ba\\\/\",\"name\":\"\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ipp.ba\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ipp.ba\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ipp.ba\\\/#organization\",\"name\":\"IPP d.o.o | Arihtektonski studio | Banja Luka\",\"url\":\"https:\\\/\\\/ipp.ba\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ipp.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ipp.ba\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/logo-trans-1.png\",\"contentUrl\":\"https:\\\/\\\/ipp.ba\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/logo-trans-1.png\",\"width\":696,\"height\":318,\"caption\":\"IPP d.o.o | Arihtektonski studio | Banja Luka\"},\"image\":{\"@id\":\"https:\\\/\\\/ipp.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Po\u010detna -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ipp.ba\/","og_locale":"en_US","og_type":"article","og_title":"Po\u010detna -","og_description":"IPP \u00b7 Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas IPP &nbsp;\u00b7 Arhitektonski Studio Usluge Portfolio O nama Na\u0161i projekti Kontakt Kontaktirajte nas N 43\u00b0 51&#8242; 26&#8243; E 18\u00b0 23&#8242; 55&#8243; IPP \u00b7 STUDIO \u00b7 BIH BANJA LUKA \u00b7 2024 N Arhitektura &nbsp;\u00b7&nbsp; Dizajn &nbsp;\u00b7&nbsp; Vizija Gradimo prostore koji inspiri\u0161u Arhitektonski studio &nbsp;\u00b7&nbsp; Banja [&hellip;]","og_url":"https:\/\/ipp.ba\/","article_modified_time":"2026-05-12T10:49:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ipp.ba\/","url":"https:\/\/ipp.ba\/","name":"Po\u010detna -","isPartOf":{"@id":"https:\/\/ipp.ba\/#website"},"datePublished":"2014-11-04T11:39:33+00:00","dateModified":"2026-05-12T10:49:17+00:00","breadcrumb":{"@id":"https:\/\/ipp.ba\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ipp.ba\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ipp.ba\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ipp.ba\/"},{"@type":"ListItem","position":2,"name":"Po\u010detna"}]},{"@type":"WebSite","@id":"https:\/\/ipp.ba\/#website","url":"https:\/\/ipp.ba\/","name":"","description":"","publisher":{"@id":"https:\/\/ipp.ba\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ipp.ba\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ipp.ba\/#organization","name":"IPP d.o.o | Arihtektonski studio | Banja Luka","url":"https:\/\/ipp.ba\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ipp.ba\/#\/schema\/logo\/image\/","url":"https:\/\/ipp.ba\/wp-content\/uploads\/2022\/04\/logo-trans-1.png","contentUrl":"https:\/\/ipp.ba\/wp-content\/uploads\/2022\/04\/logo-trans-1.png","width":696,"height":318,"caption":"IPP d.o.o | Arihtektonski studio | Banja Luka"},"image":{"@id":"https:\/\/ipp.ba\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipp.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=101"}],"version-history":[{"count":58,"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/ipp.ba\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/ipp.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}