{"id":84,"date":"2026-03-21T14:23:50","date_gmt":"2026-03-21T14:23:50","guid":{"rendered":"https:\/\/koordino.com.hr\/?page_id=84"},"modified":"2026-10-06T11:13:33","modified_gmt":"2026-10-06T11:13:33","slug":"pripreme","status":"publish","type":"page","link":"https:\/\/koordino.com.hr\/index.php\/pripreme\/","title":{"rendered":"Pripreme"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&amp;family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&amp;display=swap\" rel=\"stylesheet\">\n \n<style>\n  \/* Sve je ograni\u010deno na .kp da ne dira header, meni i footer WordPress teme *\/\n  .kp,.kp *,.kp *::before,.kp *::after{box-sizing:border-box;margin:0;padding:0;}\n \n  .kp{\n    --bg:#eef3ff;\n    --text:#0d1e5c;\n    --soft:#4a5d8a;\n    --card:rgba(255,255,255,0.88);\n    --border:rgba(37,99,235,0.16);\n    --shadow:0 8px 32px rgba(37,99,235,0.10);\n    --shadow-h:0 22px 56px rgba(37,99,235,0.18);\n    --blue:#2563eb;\n    --blue-d:#1d4ed8;\n    --blue-l:#3b82f6;\n    --accent:#f59e0b;\n \n    font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n    background:var(--bg);\n    color:var(--text);\n    position:relative;\n    overflow-x:hidden;\n    overflow-x:clip;\n    line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n  }\n  html{scroll-behavior:smooth;}\n  .kp h1,.kp h2,.kp h3{font-family:'Plus Jakarta Sans',sans-serif;color:var(--text);line-height:1.1;}\n  .kp a{color:inherit;text-decoration:none;}\n  .kp a:focus-visible,.kp button:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px;}\n \n  .kp .kp-main{position:relative;z-index:1;}\n  .kp .kp-container{width:min(1180px,calc(100% - 40px));margin:0 auto;position:relative;z-index:2;}\n \n  \/* \u2500\u2500 POZADINA \u2500\u2500 *\/\n  .kp .bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}\n  .kp .bg-svg{width:100%;height:100%;display:block;}\n  .kp .bg-glow-1,.kp .bg-glow-2{position:absolute;border-radius:50%;filter:blur(90px);animation:kpPulseSlow 10s ease-in-out infinite;}\n  .kp .bg-glow-1{top:7%;left:9%;width:65vw;max-width:820px;height:55vw;max-height:560px;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 70%);}\n  .kp .bg-glow-2{top:12%;right:7%;width:60vw;max-width:750px;height:50vw;max-height:500px;background:radial-gradient(circle,rgba(245,158,11,.07),transparent 70%);animation-delay:2s;}\n  @keyframes kpPulseSlow{0%,100%{opacity:.3;transform:scale(1);}50%{opacity:.55;transform:scale(1.06);}}\n  @keyframes kpPulseDot{0%,100%{box-shadow:0 0 0 4px rgba(245,158,11,.14);}50%{box-shadow:0 0 0 8px rgba(245,158,11,.04);}}\n  .kp .sat-outer{animation:kpOrbit 32s linear infinite;transform-origin:600px 450px;}\n  .kp .sat-inner{animation:kpOrbit 20s linear infinite reverse;transform-origin:600px 450px;}\n  @keyframes kpOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\n \n  \/* \u2500\u2500 KARTICE \u2500\u2500 *\/\n  .kp .kp-card{\n    background:var(--card);\n    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\n    border:1px solid var(--border);\n    box-shadow:var(--shadow);\n    transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease;\n  }\n  .kp .kp-card:hover{box-shadow:var(--shadow-h);transform:translateY(-4px);border-color:rgba(37,99,235,.30);}\n \n  \/* \u2500\u2500 BADGE \u2500\u2500 *\/\n  .kp .badge{\n    display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;\n    background:rgba(255,226,130,.24);border:1px solid rgba(230,175,0,.32);\n    color:var(--text);font-size:14px;font-weight:700;\n  }\n  .kp .badge .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;animation:kpPulseDot 2.4s ease-in-out infinite;}\n \n  \/* \u2500\u2500 GUMB \u2500\u2500 *\/\n  .kp .kp-btn{\n    display:inline-flex;align-items:center;justify-content:center;gap:10px;\n    min-height:50px;padding:0 24px;border-radius:16px;border:1px solid transparent;\n    font-weight:800;font-size:15.5px;cursor:pointer;white-space:nowrap;\n    font-family:'Plus Jakarta Sans',sans-serif;\n    background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);color:#fff;\n    box-shadow:0 12px 30px rgba(37,99,235,.26);\n    transition:transform .18s ease,box-shadow .24s ease,gap .2s ease;\n  }\n  .kp .kp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(37,99,235,.36);gap:14px;color:#fff;}\n  .kp .kp-btn:active{transform:translateY(1px);}\n  .kp .kp-btn .arr{position:relative;display:inline-block;width:16px;height:12px;flex-shrink:0;}\n  .kp .kp-btn .arr::before{content:\"\";position:absolute;left:0;right:2px;top:5px;height:2.5px;border-radius:2px;background:#fff;}\n  .kp .kp-btn .arr::after{content:\"\";position:absolute;right:1px;top:1.5px;width:8px;height:8px;border-right:2.5px solid #fff;border-top:2.5px solid #fff;transform:rotate(45deg);border-radius:0 2px 0 0;}\n \n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .kp .page-hero{text-align:center;padding:64px 0 46px;}\n  .kp .page-hero h1{\n    font-size:clamp(2.2rem,5.2vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;\n    max-width:15ch;margin:20px auto 18px;\n    background:linear-gradient(135deg,#0d1e5c 0%,#1d4ed8 60%,#2563eb 100%);\n    -webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px;\n  }\n  .kp .lead{font-size:clamp(1.02rem,2vw,1.18rem);color:var(--soft);line-height:1.75;max-width:62ch;margin:0 auto;}\n  .kp .hero-line{width:72px;height:4px;border-radius:4px;margin:28px auto 0;background:linear-gradient(90deg,var(--blue),var(--accent));}\n \n  \/* \u2500\u2500 PREDMETI \u2500\u2500 *\/\n  .kp .section{padding:20px 0 60px;}\n  .kp .features-wrap{display:flex;flex-direction:column;gap:44px;max-width:1100px;margin:0 auto;}\n \n  .kp .feature-item{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;position:relative;}\n  .kp .feature-item.flip{grid-template-columns:.8fr 1.2fr;}\n  .kp .feature-item.flip .feature-text{order:2;}\n  .kp .feature-item.flip .feature-card{order:1;}\n \n  .kp .feature-text,.kp .feature-card{border-radius:26px;}\n \n  .kp .feature-text{padding:38px 36px 34px;position:relative;overflow:hidden;display:flex;flex-direction:column;}\n  .kp .feature-text::before{\n    content:\"\";position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;\n    background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);pointer-events:none;\n  }\n  .kp .feature-text::after{\n    content:\"\";position:absolute;left:0;top:0;right:0;height:4px;\n    background:linear-gradient(90deg,var(--blue),var(--blue-l),var(--accent));opacity:0;transition:opacity .3s ease;\n  }\n  .kp .feature-text:hover::after{opacity:1;}\n \n  .kp .feature-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;position:relative;z-index:1;}\n  .kp .feature-label{\n    display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;\n    font-weight:800;color:var(--blue);background:rgba(37,99,235,.08);border:1px solid var(--border);\n    padding:6px 12px;border-radius:999px;\n  }\n  .kp .price{\n    flex-shrink:0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;color:var(--text);\n    background:linear-gradient(135deg,#fff7e0,#ffe7a3);border:1px solid rgba(230,175,0,.35);\n    padding:6px 16px;border-radius:14px;box-shadow:0 6px 16px rgba(245,158,11,.16);\n  }\n \n  .kp .feature-text h2{\n    margin:0 0 14px;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.08;letter-spacing:-.025em;\n    font-weight:800;position:relative;z-index:1;\n  }\n  .kp .feature-text p{margin:0 0 12px;color:var(--soft);line-height:1.8;font-size:16.5px;max-width:60ch;position:relative;z-index:1;}\n  .kp .feature-text p:last-of-type{margin-bottom:0;}\n  .kp .feature-actions{margin-top:auto;padding-top:26px;display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;}\n \n  .kp .feature-card{padding:26px 24px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;}\n  .kp .feature-card::before{\n    content:\"\";position:absolute;width:240px;height:240px;right:-110px;top:-110px;border-radius:50%;\n    background:radial-gradient(circle at 30% 30%,rgba(37,99,235,.13),rgba(37,99,235,0) 62%);pointer-events:none;\n  }\n  .kp .card-map{border-radius:14px;overflow:hidden;border:1px solid rgba(37,99,235,.14);margin-bottom:20px;flex-shrink:0;position:relative;z-index:1;}\n  .kp .card-map svg{display:block;width:100%;height:auto;}\n \n  .kp .feature-card b{\n    display:block;color:var(--text);margin-bottom:14px;font-size:1.05rem;\n    font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;position:relative;z-index:1;\n  }\n  .kp .feature-card ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;}\n  .kp .feature-card li{\n    list-style:none !important;position:relative;margin:0 !important;padding:10px 12px 10px 44px !important;\n    color:var(--text);font-size:15.5px;line-height:1.5;font-weight:500;\n    background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.10);border-radius:12px;\n  }\n  .kp .feature-card li::before{\n    content:\"\";position:absolute;left:12px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:7px;\n    background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 4px 10px rgba(37,99,235,.25);\n  }\n  .kp .feature-card li::after{\n    content:\"\";position:absolute;left:19.5px;top:50%;width:7px;height:11px;margin-top:-7.5px;\n    border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg);\n  }\n \n  .kp .feature-connector{\n    position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);width:2px;height:44px;\n    background-image:repeating-linear-gradient(to bottom,rgba(37,99,235,.45),rgba(37,99,235,.45) 7px,transparent 7px,transparent 14px);\n    opacity:.55;\n  }\n \n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  .kp .kp-footer{\n    margin-top:56px;padding:22px 0 36px;border-top:1px solid var(--border);\n    display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#7a8fb7;font-size:13.5px;\n  }\n  .kp .kp-footer-links{display:flex;gap:16px;}\n  .kp .kp-footer a{color:#64748b;transition:color .2s ease;}\n  .kp .kp-footer a:hover{color:var(--text);}\n \n  \/* \u2500\u2500 NATRAG NA VRH \u2500\u2500 *\/\n  .kp .stb,.kp .stb:hover,.kp .stb:focus{\n    position:fixed;bottom:1.5rem;right:1.25rem;z-index:120;width:52px;height:52px;border-radius:16px;\n    background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none;cursor:pointer;padding:0;\n    display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,99,235,.40);\n  }\n  .kp .stb{opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .2s,transform .2s;}\n  .kp .stb.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}\n  .kp .stb.show:hover{transform:translateY(-4px) scale(1.08);}\n  .kp .stb .stb-arrow{position:relative !important;display:block !important;width:20px !important;height:22px !important;background:none !important;border:none !important;margin:0 !important;padding:0 !important;}\n  .kp .stb .stb-arrow::before{content:\"\" !important;position:absolute !important;left:50% !important;top:4px !important;bottom:1px !important;width:3px !important;margin-left:-1.5px !important;background:#fff !important;border-radius:3px !important;display:block !important;}\n  .kp .stb .stb-arrow::after{content:\"\" !important;position:absolute !important;left:50% !important;top:3px !important;width:12px !important;height:12px !important;margin-left:-6px !important;border-left:3px solid #fff !important;border-top:3px solid #fff !important;border-right:0 !important;border-bottom:0 !important;border-radius:2px 0 0 0 !important;transform:rotate(45deg) !important;background:none !important;display:block !important;box-sizing:border-box !important;}\n \n  \/* \u2500\u2500 FADE IN (samo kad JS radi \u2013 ina\u010de je sve vidljivo) \u2500\u2500 *\/\n  .kp.kp-js .fade-in-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}\n  .kp.kp-js .fade-in-on-scroll.is-visible{opacity:1;transform:translateY(0);}\n \n  \/* \u2500\u2500 TABLET \/ MOBITEL \u2500\u2500 *\/\n  @media (max-width:900px){\n    .kp .features-wrap{gap:36px;}\n    .kp .feature-item,.kp .feature-item.flip{grid-template-columns:1fr;gap:14px;}\n    .kp .feature-item.flip .feature-text,.kp .feature-item.flip .feature-card{order:initial;}\n    .kp .feature-connector{bottom:-36px;height:36px;}\n    .kp .card-map{display:none;}\n  }\n  @media (max-width:600px){\n    .kp .kp-container{width:calc(100% - 32px);}\n    .kp .page-hero{padding:40px 0 30px;}\n    .kp .page-hero h1{font-size:clamp(2rem,8.6vw,2.5rem);}\n    .kp .badge{font-size:13px;padding:7px 15px;}\n    .kp .feature-text{padding:26px 22px 24px;border-radius:22px;}\n    .kp .feature-card{padding:22px 18px 22px;border-radius:22px;}\n    .kp .feature-text h2{font-size:1.8rem;}\n    .kp .feature-text p{font-size:15.5px;line-height:1.75;}\n    .kp .price{font-size:19px;padding:5px 13px;}\n    .kp .feature-label{font-size:10.5px;padding:5px 10px;}\n    .kp .feature-card li{font-size:15px;}\n    .kp .kp-btn{width:100%;}\n    .kp .kp-footer{justify-content:center;text-align:center;}\n    .kp .stb,.kp .stb:hover,.kp .stb:focus{width:46px;height:46px;bottom:1rem;right:1rem;}\n  }\n \n  @media (prefers-reduced-motion:reduce){\n    html{scroll-behavior:auto;}\n    .kp .fade-in-on-scroll,.kp.kp-js .fade-in-on-scroll{opacity:1;transform:none;transition:none;}\n    .kp *{animation:none !important;}\n  }\n<\/style>\n \n<div class=\"kp\">\n \n<div class=\"bg-layer\" aria-hidden=\"true\">\n  <svg class=\"bg-svg\" viewBox=\"0 0 1200 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <defs>\n      <pattern id=\"kp-sg\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\">\n        <path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"rgba(37,99,235,0.085)\" stroke-width=\"1.05\"><\/path>\n      <\/pattern>\n      <pattern id=\"kp-lg\" width=\"250\" height=\"250\" patternUnits=\"userSpaceOnUse\">\n        <rect width=\"250\" height=\"250\" fill=\"url(#kp-sg)\"><\/rect>\n        <path d=\"M 250 0 L 0 0 0 250\" fill=\"none\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1.5\"><\/path>\n      <\/pattern>\n    <\/defs>\n \n    <rect width=\"100%\" height=\"100%\" fill=\"url(#kp-lg)\"><\/rect>\n \n    <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"900\" stroke=\"rgba(37,99,235,0.30)\" stroke-width=\"1.8\" stroke-dasharray=\"7 6\"><\/line>\n    <line x1=\"0\" y1=\"450\" x2=\"1200\" y2=\"450\" stroke=\"rgba(37,99,235,0.30)\" stroke-width=\"1.8\" stroke-dasharray=\"7 6\"><\/line>\n \n    <g stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1.1\">\n      <line x1=\"350\" y1=\"442\" x2=\"350\" y2=\"458\"><\/line>\n      <line x1=\"450\" y1=\"442\" x2=\"450\" y2=\"458\"><\/line>\n      <line x1=\"550\" y1=\"442\" x2=\"550\" y2=\"458\"><\/line>\n      <line x1=\"650\" y1=\"442\" x2=\"650\" y2=\"458\"><\/line>\n      <line x1=\"750\" y1=\"442\" x2=\"750\" y2=\"458\"><\/line>\n      <line x1=\"850\" y1=\"442\" x2=\"850\" y2=\"458\"><\/line>\n      <line x1=\"593\" y1=\"200\" x2=\"607\" y2=\"200\"><\/line>\n      <line x1=\"593\" y1=\"300\" x2=\"607\" y2=\"300\"><\/line>\n      <line x1=\"593\" y1=\"400\" x2=\"607\" y2=\"400\"><\/line>\n      <line x1=\"593\" y1=\"500\" x2=\"607\" y2=\"500\"><\/line>\n      <line x1=\"593\" y1=\"600\" x2=\"607\" y2=\"600\"><\/line>\n      <line x1=\"593\" y1=\"700\" x2=\"607\" y2=\"700\"><\/line>\n    <\/g>\n \n    <g fill=\"rgba(37,99,235,0.32)\" font-size=\"9.5\" font-family=\"monospace\">\n      <text x=\"344\" y=\"440\">\u2013250<\/text>\n      <text x=\"444\" y=\"440\">\u2013100<\/text>\n      <text x=\"556\" y=\"440\">+100<\/text>\n      <text x=\"656\" y=\"440\">+250<\/text>\n      <text x=\"613\" y=\"204\">+250<\/text>\n      <text x=\"613\" y=\"304\">+150<\/text>\n      <text x=\"613\" y=\"504\">\u201350<\/text>\n      <text x=\"613\" y=\"604\">\u2013150<\/text>\n    <\/g>\n \n    <text x=\"607\" y=\"20\" fill=\"rgba(37,99,235,0.48)\" font-size=\"11\" font-family=\"monospace\" font-weight=\"600\">+N<\/text>\n    <text x=\"607\" y=\"888\" fill=\"rgba(37,99,235,0.48)\" font-size=\"11\" font-family=\"monospace\" font-weight=\"600\">\u2013S<\/text>\n    <text x=\"1178\" y=\"447\" fill=\"rgba(37,99,235,0.48)\" font-size=\"11\" font-family=\"monospace\" font-weight=\"600\">+E<\/text>\n    <text x=\"6\" y=\"447\" fill=\"rgba(37,99,235,0.48)\" font-size=\"11\" font-family=\"monospace\" font-weight=\"600\">\u2013W<\/text>\n \n    <circle cx=\"600\" cy=\"450\" r=\"5.5\" fill=\"rgba(37,99,235,0.45)\"><\/circle>\n    <circle cx=\"600\" cy=\"450\" r=\"15\" fill=\"none\" stroke=\"rgba(37,99,235,0.30)\" stroke-width=\"1.3\" opacity=\".5\"><\/circle>\n    <circle cx=\"600\" cy=\"450\" r=\"30\" fill=\"none\" stroke=\"rgba(37,99,235,0.15)\" stroke-width=\"1\" opacity=\".5\"><\/circle>\n \n    <g stroke=\"rgba(37,99,235,0.26)\" stroke-width=\"1.1\" stroke-dasharray=\"5 7\" fill=\"none\">\n      <line x1=\"155\" y1=\"105\" x2=\"365\" y2=\"158\"><\/line>\n      <line x1=\"365\" y1=\"158\" x2=\"138\" y2=\"325\"><\/line>\n      <line x1=\"138\" y1=\"325\" x2=\"155\" y2=\"105\"><\/line>\n      <line x1=\"155\" y1=\"105\" x2=\"260\" y2=\"215\"><\/line>\n      <line x1=\"365\" y1=\"158\" x2=\"260\" y2=\"215\"><\/line>\n      <line x1=\"138\" y1=\"325\" x2=\"260\" y2=\"215\"><\/line>\n    <\/g>\n \n    <circle cx=\"155\" cy=\"105\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"365\" cy=\"158\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"138\" cy=\"325\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"260\" cy=\"215\" r=\"5.5\" fill=\"rgba(37,99,235,0.50)\"><\/circle>\n \n    <g fill=\"rgba(37,99,235,0.32)\" font-size=\"9\" font-family=\"monospace\">\n      <text x=\"161\" y=\"102\">T01<\/text>\n      <text x=\"371\" y=\"155\">T02<\/text>\n      <text x=\"143\" y=\"338\">T03<\/text>\n      <text x=\"265\" y=\"212\">T04<\/text>\n    <\/g>\n \n    <g stroke=\"rgba(37,99,235,0.26)\" stroke-width=\"1.1\" stroke-dasharray=\"5 7\" fill=\"none\">\n      <line x1=\"845\" y1=\"88\" x2=\"1048\" y2=\"188\"><\/line>\n      <line x1=\"1048\" y1=\"188\" x2=\"882\" y2=\"334\"><\/line>\n      <line x1=\"882\" y1=\"334\" x2=\"845\" y2=\"88\"><\/line>\n      <line x1=\"845\" y1=\"88\" x2=\"962\" y2=\"222\"><\/line>\n      <line x1=\"1048\" y1=\"188\" x2=\"962\" y2=\"222\"><\/line>\n      <line x1=\"882\" y1=\"334\" x2=\"962\" y2=\"222\"><\/line>\n    <\/g>\n \n    <circle cx=\"845\" cy=\"88\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"1048\" cy=\"188\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"882\" cy=\"334\" r=\"4\" fill=\"rgba(37,99,235,0.42)\"><\/circle>\n    <circle cx=\"962\" cy=\"222\" r=\"5.5\" fill=\"rgba(37,99,235,0.50)\"><\/circle>\n \n    <g fill=\"rgba(37,99,235,0.32)\" font-size=\"9\" font-family=\"monospace\">\n      <text x=\"851\" y=\"85\">T05<\/text>\n      <text x=\"1053\" y=\"185\">T06<\/text>\n      <text x=\"887\" y=\"347\">T07<\/text>\n      <text x=\"968\" y=\"219\">T08<\/text>\n    <\/g>\n \n    <ellipse cx=\"600\" cy=\"450\" rx=\"200\" ry=\"118\" fill=\"none\" stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"1\" stroke-dasharray=\"4 9\"><\/ellipse>\n \n    <g class=\"sat-outer\">\n      <g transform=\"translate(800, 450)\">\n        <rect x=\"-9\" y=\"-3.5\" width=\"18\" height=\"7\" rx=\"2\" fill=\"rgba(37,99,235,0.58)\"><\/rect>\n        <rect x=\"-22\" y=\"-2.5\" width=\"11\" height=\"5\" rx=\"1\" fill=\"rgba(245,158,11,0.72)\"><\/rect>\n        <rect x=\"11\" y=\"-2.5\" width=\"11\" height=\"5\" rx=\"1\" fill=\"rgba(245,158,11,0.72)\"><\/rect>\n        <line x1=\"0\" y1=\"-3.5\" x2=\"0\" y2=\"-10\" stroke=\"rgba(37,99,235,0.65)\" stroke-width=\"1\"><\/line>\n        <circle cx=\"0\" cy=\"-11\" r=\"1.8\" fill=\"rgba(37,99,235,0.55)\"><\/circle>\n      <\/g>\n    <\/g>\n \n    <ellipse cx=\"600\" cy=\"450\" rx=\"120\" ry=\"68\" fill=\"none\" stroke=\"rgba(37,99,235,0.13)\" stroke-width=\"1\" stroke-dasharray=\"3 10\"><\/ellipse>\n \n    <g class=\"sat-inner\">\n      <g transform=\"translate(720, 450)\">\n        <rect x=\"-5.5\" y=\"-2.5\" width=\"11\" height=\"5\" rx=\"1.5\" fill=\"rgba(37,99,235,0.48)\"><\/rect>\n        <rect x=\"-13\" y=\"-2\" width=\"6\" height=\"4\" rx=\"1\" fill=\"rgba(245,158,11,0.65)\"><\/rect>\n        <rect x=\"7\" y=\"-2\" width=\"6\" height=\"4\" rx=\"1\" fill=\"rgba(245,158,11,0.65)\"><\/rect>\n      <\/g>\n    <\/g>\n \n    <g stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"1\" stroke-dasharray=\"4 8\" fill=\"none\">\n      <line x1=\"200\" y1=\"720\" x2=\"480\" y2=\"680\"><\/line>\n      <line x1=\"480\" y1=\"680\" x2=\"380\" y2=\"840\"><\/line>\n      <line x1=\"380\" y1=\"840\" x2=\"200\" y2=\"720\"><\/line>\n    <\/g>\n \n    <circle cx=\"200\" cy=\"720\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n    <circle cx=\"480\" cy=\"680\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n    <circle cx=\"380\" cy=\"840\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n \n    <g stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"1\" stroke-dasharray=\"4 8\" fill=\"none\">\n      <line x1=\"750\" y1=\"700\" x2=\"1000\" y2=\"720\"><\/line>\n      <line x1=\"1000\" y1=\"720\" x2=\"900\" y2=\"860\"><\/line>\n      <line x1=\"900\" y1=\"860\" x2=\"750\" y2=\"700\"><\/line>\n    <\/g>\n \n    <circle cx=\"750\" cy=\"700\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n    <circle cx=\"1000\" cy=\"720\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n    <circle cx=\"900\" cy=\"860\" r=\"3.5\" fill=\"rgba(37,99,235,0.35)\"><\/circle>\n  <\/svg>\n \n  <div class=\"bg-glow-1\"><\/div>\n  <div class=\"bg-glow-2\"><\/div>\n<\/div>\n \n<div class=\"kp-main\">\n  <section class=\"page-hero fade-in-on-scroll\">\n    <div class=\"kp-container\">\n      <div class=\"badge\"><span class=\"dot\"><\/span> Pripreme \u2022 Predmeti<\/div>\n      <h1>Odaberi predmet i kreni u\u010diti.<\/h1>\n      <p class=\"lead\">U paketu dobijate materijale, stare ispite i lekcije koje vas vode korak po korak.<\/p>\n      <div class=\"hero-line\"><\/div>\n    <\/div>\n  <\/section>\n \n  <section class=\"section\">\n    <div class=\"kp-container\">\n      <div class=\"features-wrap\">\n \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 AOGM \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"feature-item fade-in-on-scroll\">\n          <div class=\"feature-text kp-card\">\n            <div class=\"feature-head\">\n              <span class=\"feature-label\">Predmet 01<\/span>\n              <span class=\"price\">60\u20ac<\/span>\n            <\/div>\n            <h2>AOGM<\/h2>\n            <p>Pripreme kroz video lekcije i zadatke. Upute za kalkulator HP50g i Casio fx-CG50. Demonstriranje principa rje\u0161avanja svih tipova zadataka za ispit uz teoretska obja\u0161njenja i izvode vezane uz njih. Tako\u0111er su nagla\u0161ene neke zamke koje mogu do\u0107i na ispitima i trikovi za br\u017ee rje\u0161avanje.<\/p>\n            <p>Svi su videi ure\u0111eno poslo\u017eeni po temama da se mo\u017ee u\u010diti korak po korak.<\/p>\n            <div class=\"feature-actions\">\n              <a href=\"https:\/\/koordino.com.hr\/index.php\/aogm\/\" class=\"kp-btn\">Kreni gledati <span class=\"arr\" aria-hidden=\"true\"><\/span><\/a>\n            <\/div>\n          <\/div>\n \n          <div class=\"feature-card kp-card\">\n            <div class=\"card-map\">\n              <svg viewBox=\"0 0 280 138\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                  <pattern id=\"cg1\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\">\n                    <path d=\"M 28 0 L 0 0 0 28\" fill=\"none\" stroke=\"rgba(37,99,235,0.09)\" stroke-width=\"0.8\"><\/path>\n                  <\/pattern>\n                <\/defs>\n                <rect width=\"280\" height=\"138\" fill=\"rgba(238,243,255,0.65)\"><\/rect>\n                <rect width=\"280\" height=\"138\" fill=\"url(#cg1)\"><\/rect>\n                <line x1=\"140\" y1=\"0\" x2=\"140\" y2=\"138\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"0.9\" stroke-dasharray=\"4 5\"><\/line>\n                <line x1=\"0\" y1=\"69\" x2=\"280\" y2=\"69\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"0.9\" stroke-dasharray=\"4 5\"><\/line>\n                <g stroke=\"rgba(37,99,235,0.28)\" stroke-width=\"0.9\" stroke-dasharray=\"3 5\" fill=\"none\">\n                  <line x1=\"52\" y1=\"20\" x2=\"198\" y2=\"36\"><\/line>\n                  <line x1=\"198\" y1=\"36\" x2=\"172\" y2=\"118\"><\/line>\n                  <line x1=\"172\" y1=\"118\" x2=\"52\" y2=\"20\"><\/line>\n                  <line x1=\"52\" y1=\"20\" x2=\"140\" y2=\"69\"><\/line>\n                  <line x1=\"198\" y1=\"36\" x2=\"140\" y2=\"69\"><\/line>\n                  <line x1=\"172\" y1=\"118\" x2=\"140\" y2=\"69\"><\/line>\n                <\/g>\n                <circle cx=\"52\" cy=\"20\" r=\"3.5\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"198\" cy=\"36\" r=\"3.5\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"172\" cy=\"118\" r=\"3.5\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"5.5\" fill=\"rgba(37,99,235,0.55)\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"12\" fill=\"none\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"2.5\" fill=\"rgba(245,158,11,0.9)\"><\/circle>\n                <g fill=\"rgba(37,99,235,0.35)\" font-size=\"7.5\" font-family=\"monospace\">\n                  <text x=\"57\" y=\"17\">P01<\/text>\n                  <text x=\"202\" y=\"33\">P02<\/text>\n                  <text x=\"176\" y=\"130\">P03<\/text>\n                  <text x=\"145\" y=\"12\">N<\/text>\n                  <text x=\"145\" y=\"132\">S<\/text>\n                  <text x=\"267\" y=\"72\">E<\/text>\n                  <text x=\"4\" y=\"72\">W<\/text>\n                <\/g>\n              <\/svg>\n            <\/div>\n            <b>\u0160to dobiva\u0161<\/b>\n            <ul>\n              <li>Video lekcije po cjelinama<\/li>\n              <li>Rje\u0161enja zadataka iz plave knjige<\/li>\n              <li>Upute za kalkulator<\/li>\n            <\/ul>\n          <\/div>\n \n          <div class=\"feature-connector\"><\/div>\n        <\/div>\n \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 INSTRUMENTI \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"feature-item flip fade-in-on-scroll\">\n          <div class=\"feature-text kp-card\">\n            <div class=\"feature-head\">\n              <span class=\"feature-label\">Predmet 02<\/span>\n              <span class=\"price\">20\u20ac<\/span>\n            <\/div>\n            <h2>INSTRUMENTI<\/h2>\n            <p>Uvod u geodeziju kao znanost i geodetske instrumente. Videolekcije poredane po cjelinama za lak\u0161e u\u010denje. Obra\u0111eni svi tipovi zadataka uz detaljna teoretska obja\u0161njenja vezana za njih. Istaknute naj\u010de\u0161\u0107e gre\u0161ke kod zadataka.<\/p>\n            <div class=\"feature-actions\">\n              <a href=\"https:\/\/koordino.com.hr\/index.php\/instrumenti\/\" class=\"kp-btn\">Kreni gledati <span class=\"arr\" aria-hidden=\"true\"><\/span><\/a>\n            <\/div>\n          <\/div>\n \n          <div class=\"feature-card kp-card\">\n            <div class=\"card-map\">\n              <svg viewBox=\"0 0 280 138\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                  <pattern id=\"cg2\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\">\n                    <path d=\"M 28 0 L 0 0 0 28\" fill=\"none\" stroke=\"rgba(37,99,235,0.09)\" stroke-width=\"0.8\"><\/path>\n                  <\/pattern>\n                <\/defs>\n                <rect width=\"280\" height=\"138\" fill=\"rgba(238,243,255,0.65)\"><\/rect>\n                <rect width=\"280\" height=\"138\" fill=\"url(#cg2)\"><\/rect>\n                <circle cx=\"140\" cy=\"69\" r=\"56\" fill=\"none\" stroke=\"rgba(37,99,235,0.15)\" stroke-width=\"1\" stroke-dasharray=\"2 6\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"42\" fill=\"none\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"28\" fill=\"none\" stroke=\"rgba(37,99,235,0.2)\" stroke-width=\"0.9\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"8\" fill=\"rgba(37,99,235,0.2)\" stroke=\"rgba(37,99,235,0.35)\" stroke-width=\"0.8\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"2.5\" fill=\"rgba(245,158,11,0.9)\"><\/circle>\n                <line x1=\"82\" y1=\"69\" x2=\"198\" y2=\"69\" stroke=\"rgba(37,99,235,0.28)\" stroke-width=\"0.9\"><\/line>\n                <line x1=\"140\" y1=\"11\" x2=\"140\" y2=\"127\" stroke=\"rgba(37,99,235,0.28)\" stroke-width=\"0.9\"><\/line>\n                <g stroke=\"rgba(37,99,235,0.35)\" stroke-width=\"1\">\n                  <line x1=\"140\" y1=\"13\" x2=\"140\" y2=\"21\"><\/line>\n                  <line x1=\"140\" y1=\"117\" x2=\"140\" y2=\"125\"><\/line>\n                  <line x1=\"84\" y1=\"69\" x2=\"92\" y2=\"69\"><\/line>\n                  <line x1=\"188\" y1=\"69\" x2=\"196\" y2=\"69\"><\/line>\n                  <line x1=\"140\" y1=\"27\" x2=\"140\" y2=\"33\"><\/line>\n                  <line x1=\"140\" y1=\"105\" x2=\"140\" y2=\"111\"><\/line>\n                  <line x1=\"98\" y1=\"69\" x2=\"104\" y2=\"69\"><\/line>\n                  <line x1=\"176\" y1=\"69\" x2=\"182\" y2=\"69\"><\/line>\n                <\/g>\n                <path d=\"M 140 69 L 182 35\" stroke=\"rgba(245,158,11,0.75)\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n                <circle cx=\"182\" cy=\"35\" r=\"3\" fill=\"rgba(245,158,11,0.75)\"><\/circle>\n                <path d=\"M 165 69 A 25 25 0 0 0 156.5 44.5\" stroke=\"rgba(245,158,11,0.4)\" stroke-width=\"1\" fill=\"none\"><\/path>\n                <g fill=\"rgba(37,99,235,0.38)\" font-size=\"7.5\" font-family=\"monospace\">\n                  <text x=\"144\" y=\"11\">0\u00b0<\/text>\n                  <text x=\"133\" y=\"134\">180\u00b0<\/text>\n                  <text x=\"200\" y=\"72\">90\u00b0<\/text>\n                  <text x=\"58\" y=\"72\">270\u00b0<\/text>\n                  <text x=\"168\" y=\"64\">38.4\u00b0<\/text>\n                <\/g>\n              <\/svg>\n            <\/div>\n            <b>\u0160to dobiva\u0161<\/b>\n            <ul>\n              <li>Lekcije vezane uz zadatke i vje\u017ebe<\/li>\n              <li>Zadatci + rje\u0161enja<\/li>\n              <li>Materijali uz lekcije<\/li>\n            <\/ul>\n          <\/div>\n \n          <div class=\"feature-connector\"><\/div>\n        <\/div>\n \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 GRO \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"feature-item fade-in-on-scroll\">\n          <div class=\"feature-text kp-card\">\n            <div class=\"feature-head\">\n              <span class=\"feature-label\">Predmet 03<\/span>\n              <span class=\"price\">40\u20ac<\/span>\n            <\/div>\n            <h2>GRO<\/h2>\n            <p>Upute za kori\u0161tenje kalkulatora HP50g. Metode rje\u0161avanja svih tipova zadataka. Detaljni izvod i teoretska poja\u0161njenja vezana za PVT i CFR konvenciju te odre\u0111ivanje parametara transformacije. Tako\u0111er su nagla\u0161ene neke zamke koje mogu do\u0107i na ispitima i trikovi za br\u017ee rje\u0161avanje.<\/p>\n            <div class=\"feature-actions\">\n              <a href=\"https:\/\/koordino.com.hr\/index.php\/gro\/\" class=\"kp-btn\">Kreni gledati <span class=\"arr\" aria-hidden=\"true\"><\/span><\/a>\n            <\/div>\n          <\/div>\n \n          <div class=\"feature-card kp-card\">\n            <div class=\"card-map\">\n              <svg viewBox=\"0 0 280 138\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                  <pattern id=\"cg3\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\">\n                    <path d=\"M 28 0 L 0 0 0 28\" fill=\"none\" stroke=\"rgba(37,99,235,0.07)\" stroke-width=\"0.8\"><\/path>\n                  <\/pattern>\n                <\/defs>\n                <rect width=\"280\" height=\"138\" fill=\"rgba(238,243,255,0.65)\"><\/rect>\n                <rect width=\"280\" height=\"138\" fill=\"url(#cg3)\"><\/rect>\n                <ellipse cx=\"140\" cy=\"69\" rx=\"92\" ry=\"50\" fill=\"none\" stroke=\"rgba(37,99,235,0.14)\" stroke-width=\"1\"><\/ellipse>\n                <ellipse cx=\"140\" cy=\"69\" rx=\"70\" ry=\"38\" fill=\"none\" stroke=\"rgba(37,99,235,0.19)\" stroke-width=\"1\"><\/ellipse>\n                <ellipse cx=\"140\" cy=\"69\" rx=\"48\" ry=\"26\" fill=\"none\" stroke=\"rgba(37,99,235,0.25)\" stroke-width=\"1\"><\/ellipse>\n                <ellipse cx=\"140\" cy=\"69\" rx=\"28\" ry=\"15\" fill=\"none\" stroke=\"rgba(37,99,235,0.32)\" stroke-width=\"1\"><\/ellipse>\n                <ellipse cx=\"140\" cy=\"69\" rx=\"11\" ry=\"6\" fill=\"rgba(37,99,235,0.16)\" stroke=\"rgba(37,99,235,0.38)\" stroke-width=\"0.8\"><\/ellipse>\n                <circle cx=\"140\" cy=\"69\" r=\"2.5\" fill=\"rgba(245,158,11,0.7)\"><\/circle>\n                <line x1=\"140\" y1=\"0\" x2=\"140\" y2=\"138\" stroke=\"rgba(37,99,235,0.16)\" stroke-width=\"0.8\" stroke-dasharray=\"3 5\"><\/line>\n                <line x1=\"0\" y1=\"69\" x2=\"280\" y2=\"69\" stroke=\"rgba(37,99,235,0.16)\" stroke-width=\"0.8\" stroke-dasharray=\"3 5\"><\/line>\n                <g fill=\"rgba(37,99,235,0.32)\" font-size=\"7\" font-family=\"monospace\">\n                  <text x=\"234\" y=\"67\">80m<\/text>\n                  <text x=\"212\" y=\"57\">100m<\/text>\n                  <text x=\"190\" y=\"47\">120m<\/text>\n                  <text x=\"168\" y=\"39\">140m<\/text>\n                <\/g>\n              <\/svg>\n            <\/div>\n            <b>\u0160to dobiva\u0161<\/b>\n            <ul>\n              <li>Metode rje\u0161avanja svih tipova zadataka<\/li>\n              <li>Naj\u010de\u0161\u0107e gre\u0161ke i trikovi<\/li>\n              <li>Upute za kalkulator<\/li>\n            <\/ul>\n          <\/div>\n \n          <div class=\"feature-connector\"><\/div>\n        <\/div>\n \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 DR\u017dAVNA IZMJERA \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"feature-item flip fade-in-on-scroll\">\n          <div class=\"feature-text kp-card\">\n            <div class=\"feature-head\">\n              <span class=\"feature-label\">Predmet 04<\/span>\n              <span class=\"price\">40\u20ac<\/span>\n            <\/div>\n            <h2>DR\u017dAVNA IZMJERA<\/h2>\n            <p>Upute za kori\u0161tenje kalkulatora HP50g. Metode rje\u0161avanja svih tipova zadataka. Nagla\u0161ene su neke zamke koje mogu do\u0107i na ispitima i trikovi za br\u017ee rje\u0161avanje.<\/p>\n            <div class=\"feature-actions\">\n              <a href=\"https:\/\/koordino.com.hr\/index.php\/drzavna\/\" class=\"kp-btn\">Kreni gledati <span class=\"arr\" aria-hidden=\"true\"><\/span><\/a>\n            <\/div>\n          <\/div>\n \n          <div class=\"feature-card kp-card\">\n            <div class=\"card-map\">\n              <svg viewBox=\"0 0 280 138\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                  <pattern id=\"cg4\" width=\"28\" height=\"28\" patternUnits=\"userSpaceOnUse\">\n                    <path d=\"M 28 0 L 0 0 0 28\" fill=\"none\" stroke=\"rgba(37,99,235,0.08)\" stroke-width=\"0.8\"><\/path>\n                  <\/pattern>\n                <\/defs>\n                <rect width=\"280\" height=\"138\" fill=\"rgba(238,243,255,0.65)\"><\/rect>\n                <rect width=\"280\" height=\"138\" fill=\"url(#cg4)\"><\/rect>\n \n                <line x1=\"35\" y1=\"110\" x2=\"245\" y2=\"32\" stroke=\"rgba(37,99,235,0.16)\" stroke-width=\"1\" stroke-dasharray=\"4 6\"><\/line>\n                <line x1=\"42\" y1=\"35\" x2=\"238\" y2=\"104\" stroke=\"rgba(37,99,235,0.16)\" stroke-width=\"1\" stroke-dasharray=\"4 6\"><\/line>\n                <line x1=\"140\" y1=\"10\" x2=\"140\" y2=\"128\" stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"0.9\" stroke-dasharray=\"4 5\"><\/line>\n                <line x1=\"10\" y1=\"69\" x2=\"270\" y2=\"69\" stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"0.9\" stroke-dasharray=\"4 5\"><\/line>\n \n                <g stroke=\"rgba(37,99,235,0.32)\" stroke-width=\"1\" fill=\"none\">\n                  <path d=\"M 58 104 C 92 70, 110 96, 140 62 S 198 28, 226 56\"><\/path>\n                  <path d=\"M 62 34 C 92 58, 108 40, 140 69 S 198 102, 230 84\"><\/path>\n                  <path d=\"M 70 86 L 108 48 L 154 76 L 204 42\"><\/path>\n                <\/g>\n \n                <circle cx=\"70\" cy=\"86\" r=\"4\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"108\" cy=\"48\" r=\"4\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"154\" cy=\"76\" r=\"4\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n                <circle cx=\"204\" cy=\"42\" r=\"4\" fill=\"rgba(37,99,235,0.5)\"><\/circle>\n \n                <circle cx=\"140\" cy=\"69\" r=\"12\" fill=\"none\" stroke=\"rgba(245,158,11,0.42)\" stroke-width=\"1.2\"><\/circle>\n                <circle cx=\"140\" cy=\"69\" r=\"3\" fill=\"rgba(245,158,11,0.9)\"><\/circle>\n \n                <g fill=\"rgba(37,99,235,0.35)\" font-size=\"7.5\" font-family=\"monospace\">\n                  <text x=\"75\" y=\"82\">D01<\/text>\n                  <text x=\"113\" y=\"44\">D02<\/text>\n                  <text x=\"159\" y=\"72\">D03<\/text>\n                  <text x=\"209\" y=\"38\">D04<\/text>\n                  <text x=\"146\" y=\"15\">N<\/text>\n                  <text x=\"146\" y=\"132\">S<\/text>\n                  <text x=\"258\" y=\"66\">E<\/text>\n                  <text x=\"8\" y=\"66\">W<\/text>\n                <\/g>\n              <\/svg>\n            <\/div>\n            <b>\u0160to dobiva\u0161<\/b>\n            <ul>\n              <li>Metode rje\u0161avanja svih tipova zadataka<\/li>\n              <li>Naj\u010de\u0161\u0107e gre\u0161ke i trikovi<\/li>\n              <li>Upute za kalkulator<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n \n      <\/div>\n \n      <div class=\"kp-footer\">\n        <div>\u00a9 <span id=\"kpYear\"><\/span> Koordino \u2022 koordino.com.hr<\/div>\n        <div class=\"kp-footer-links\">\n          <a href=\"#\">Privatnost<\/a>\n          <a href=\"#\">Uvjeti<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n \n<button class=\"stb\" id=\"kpScrollTop\" type=\"button\" aria-label=\"Natrag na vrh\"><span class=\"stb-arrow\" aria-hidden=\"true\"><\/span><\/button>\n \n<\/div>\n \n<script>\n(function(){\n  'use strict';\n  \/* Napomena: skripta namjerno ne koristi znakove manje\/vece ni dvostruki ampersand jer ih WordPress zna pokvariti *\/\n  var root = document.querySelector('.kp');\n  if (!root) return;\n  var reduce = false;\n  if (window.matchMedia) { reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; }\n  if ('IntersectionObserver' in window) { if (!reduce) { root.classList.add('kp-js'); } }\n \n  \/* Godina *\/\n  var yr = document.getElementById('kpYear');\n  if (yr) { yr.textContent = new Date().getFullYear(); }\n \n  \/* Fade in na scroll *\/\n  var fadeEls = root.querySelectorAll('.fade-in-on-scroll');\n  if (root.classList.contains('kp-js')) {\n    var obs = new IntersectionObserver(function(entries, observer){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n    Array.prototype.forEach.call(fadeEls, function(el){ obs.observe(el); });\n    setTimeout(function(){\n      Array.prototype.forEach.call(fadeEls, function(el){ el.classList.add('is-visible'); });\n    }, 4000);\n  }\n \n  \/* Natrag na vrh *\/\n  var stb = document.getElementById('kpScrollTop');\n  if (stb) {\n    var toggleStb = function(){ stb.classList.toggle('show', Math.min(window.scrollY, 261) === 261); };\n    window.addEventListener('scroll', toggleStb, { passive: true });\n    toggleStb();\n    stb.addEventListener('click', function(){ window.scrollTo({ top: 0, behavior: 'smooth' }); });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2013250 \u2013100 +100 +250 +250 +150 \u201350 \u2013150 +N \u2013S +E \u2013W T01 T02 T03 T04 T05 T06 T07 T08 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":9,"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/koordino.com.hr\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}