body{margin:0;background:#f8fafc;overflow-x:clip}
html{scroll-behavior:smooth}
a{color:inherit;transition:opacity .2s ease}
a:hover{opacity:.85}
input,textarea{font:inherit;transition:all .2s ease}
input:focus,textarea:focus{outline:none;border-color:#66b3b2!important;box-shadow:0 0 0 3px rgba(102,179,178,.25)}
.izmaglica{pointer-events:none;background:linear-gradient(to bottom,#fff 0,#fff 30%,rgba(255,255,255,.95) 42%,rgba(255,255,255,.83) 52%,rgba(255,255,255,.62) 63%,rgba(255,255,255,.38) 74%,rgba(255,255,255,.17) 85%,rgba(255,255,255,.05) 93%,rgba(255,255,255,0) 100%)}
.izmaglica>*{pointer-events:auto}
.prelazOdVidea{background:linear-gradient(to bottom,rgba(248,250,252,0) 0,rgba(248,250,252,.05) 45px,rgba(248,250,252,.17) 90px,rgba(248,250,252,.38) 135px,rgba(248,250,252,.62) 180px,rgba(248,250,252,.83) 225px,rgba(248,250,252,.95) 264px,#f8fafc 300px,#f8fafc 100%)}
.prelazBeli{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.05) 45px,rgba(255,255,255,.17) 90px,rgba(255,255,255,.38) 135px,rgba(255,255,255,.62) 180px,rgba(255,255,255,.83) 225px,rgba(255,255,255,.95) 264px,#fff 300px,#fff 100%)}
.prelazTirkiz{background:linear-gradient(to bottom,rgba(230,241,241,0) 0,rgba(230,241,241,.05) 45px,rgba(230,241,241,.17) 90px,rgba(230,241,241,.38) 135px,rgba(230,241,241,.62) 180px,rgba(230,241,241,.83) 225px,rgba(230,241,241,.95) 264px,#e6f1f1 300px,#e6f1f1 100%)}
.prelazSvetli{background:linear-gradient(to bottom,rgba(248,250,252,0) 0,rgba(248,250,252,.05) 45px,rgba(248,250,252,.17) 90px,rgba(248,250,252,.38) 135px,rgba(248,250,252,.62) 180px,rgba(248,250,252,.83) 225px,rgba(248,250,252,.95) 264px,#f8fafc 300px,#f8fafc 100%)}
.prelazKontakt{background:linear-gradient(to bottom,rgba(61,127,126,0) 0,rgba(61,127,126,.05) 45px,rgba(61,127,126,.17) 90px,rgba(61,127,126,.38) 135px,rgba(61,127,126,.62) 180px,rgba(61,127,126,.83) 225px,rgba(61,127,126,.95) 264px,#3d7f7e 300px,#2c6261 100%)}
.staklo{background:linear-gradient(145deg,rgba(102,179,178,.34) 0%,rgba(102,179,178,.18) 55%,rgba(102,179,178,.3) 100%);border:1px solid rgba(255,255,255,.75);border-radius:40px;color:#1d4847;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 8px 24px rgba(20,60,60,.16),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.3)}
.staklo.dugme:hover{background:#3d7f7e;color:#fff;border-color:#3d7f7e}
.stakloTamno{background:linear-gradient(145deg,rgba(44,98,97,.72) 0%,rgba(35,79,78,.62) 100%);border:1px solid rgba(255,255,255,.55);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(20,60,60,.24),inset 0 1px 0 rgba(255,255,255,.5)}
.stakloKarta{background:linear-gradient(145deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.66) 100%)!important;border:1px solid rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 30px rgba(20,60,60,.12),inset 0 1px 0 rgba(255,255,255,.95)!important}
.kartica{background:linear-gradient(145deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.66) 100%)!important;border:1px solid rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 30px rgba(20,60,60,.12),inset 0 1px 0 rgba(255,255,255,.95)!important}
.gust{background:linear-gradient(145deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.76) 100%)!important}
.mrlje{position:relative;z-index:0}
.mrlje::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background:radial-gradient(circle at 14% 62%,rgba(102,179,178,.34),rgba(102,179,178,0) 26%),radial-gradient(circle at 84% 42%,rgba(79,143,142,.26),rgba(79,143,142,0) 24%),radial-gradient(circle at 50% 72%,rgba(102,179,178,.2),rgba(102,179,178,0) 22%)}
.stakloDugme{background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.staklena input,.staklena textarea{background:rgba(255,255,255,.6)}
.navLink{border:1px solid transparent;border-radius:40px;transition:all .2s ease}
.navLink:hover{opacity:1;background:#3d7f7e;color:#fff;border-color:#3d7f7e;transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,60,60,.22)}
.dugme{transition:all .2s ease;cursor:pointer}
.dugme:hover{opacity:1;transform:translateY(-1px);box-shadow:0 5px 12px rgba(44,98,97,.35)}
.kartica{transition:transform .25s ease,box-shadow .25s ease}
.kartica:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.14)!important}
.kartica svg{transition:transform .2s ease}
.kartica:hover svg{transform:scale(1.1)}
.kartica:hover svg.ilustracija{transform:scale(1.03)}
.heroSloj{background:linear-gradient(90deg,rgba(35,79,78,.9) 0%,rgba(44,98,97,.68) 42%,rgba(44,98,97,.04) 78%)}
.bandSlika{-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 10%,rgba(0,0,0,.75) 20%,#000 30%),linear-gradient(to bottom,transparent 12%,rgba(0,0,0,.25) 19%,rgba(0,0,0,.75) 28%,#000 36%,#000 80%,rgba(0,0,0,.5) 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 10%,rgba(0,0,0,.75) 20%,#000 30%),linear-gradient(to bottom,transparent 12%,rgba(0,0,0,.25) 19%,rgba(0,0,0,.75) 28%,#000 36%,#000 80%,rgba(0,0,0,.5) 90%,transparent 100%);mask-composite:intersect}
@media (max-width:960px){
#vrh{position:relative!important}
.otkrij{animation:none!important}
.stakloKarta,.kartica{background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.izmaglica{position:relative!important;height:auto!important;margin-bottom:0!important;padding:8px 12px 18px!important;background:#fff}
.navLink{padding:7px 9px!important;font-size:14px}
.izmaglica img{height:42px!important}
.izmaglica div.staklo{order:3;width:100%;box-sizing:border-box;justify-content:space-between}
.izmaglica a.staklo{order:2;padding:10px 16px!important;font-size:14px!important}
.izmaglica span{padding:7px 9px!important;font-size:14px}
#vrh{min-height:600px!important}
#vrh>div{padding:48px 20px 150px!important}
.heroSloj{background:rgba(35,79,78,.68)}
.prelazOdVidea{margin-top:-120px!important;background:linear-gradient(to bottom,rgba(248,250,252,0) 0,rgba(248,250,252,.62) 60px,#f8fafc 120px,#f8fafc 100%)}
.prelazOdVidea>section:first-child{padding:80px 16px 0!important}
.prelazOdVidea>section:first-child>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:20px!important}
.prelazOdVidea>section:first-child>div>div>div:first-child{font-size:26px!important}
#online{position:relative!important;padding:48px 20px 90px!important}
.scena{position:relative!important;top:auto!important}
.prelazBeli,.prelazTirkiz,.prelazSvetli,.prelazKontakt{margin-top:-60px!important}
.prelazBeli{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 60px,#fff 100%);display:flex!important;flex-direction:column;align-items:stretch!important;padding:90px 0 90px!important;min-height:0!important}
.prelazTirkiz{background:linear-gradient(to bottom,rgba(230,241,241,0) 0,#e6f1f1 60px,#e6f1f1 100%)}
.prelazSvetli{background:linear-gradient(to bottom,rgba(248,250,252,0) 0,#f8fafc 60px,#f8fafc 100%)}
.prelazKontakt{background:linear-gradient(to bottom,rgba(61,127,126,0) 0,rgba(61,127,126,.6) 50px,#3d7f7e 110px,#2c6261 100%)}
.bandSlika{position:static!important;order:2;width:calc(100% - 32px)!important;height:auto!important;margin:24px 16px 0;border-radius:12px;animation:none!important;-webkit-mask-image:none;mask-image:none}
.prelazBeli>.stakloTamno{position:static!important;order:3;width:fit-content;margin:-58px 24px 0 auto;border-radius:12px}
.prelazBeli>div:last-child{order:1;padding:0 20px!important}
.prelazTirkiz>div{padding:100px 20px 90px!important}
#o-nama{padding:100px 20px 90px!important}
.scenaKraj>div{padding:120px 20px 48px!important;gap:28px!important}
figure [style*="min-width: 380px"]{min-width:0!important;font-size:14px!important}
figure [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) 62px 72px!important}
figure [style*="grid-template-columns"]>span:nth-child(4){display:none}
}
@keyframes otkrij{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes heroBledi{to{opacity:0}}
@keyframes heroZum{from{transform:scale(1.1)}to{transform:scale(1.2)}}
@keyframes paralaksa{from{transform:scale(1.12) translateY(-28px)}to{transform:scale(1.12) translateY(28px)}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.otkrij{animation:otkrij linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
.heroSlika{animation:heroZum linear both;animation-timeline:scroll(root);animation-range:0px 640px}
.bandSlika{animation:paralaksa linear both;animation-timeline:view()}
}}

#mail_success,#mail_fail{display:none;font-weight:600;padding:10px 12px;border-radius:10px}
#mail_success{background:#dff5e8;color:#0b5c38}
#mail_fail{background:#fdecee;color:#a11a1a}
.vgRazmak{height:96px}
#o-nama,#kontakt{scroll-margin-top:-190px}

.vgStrana{min-height:620px;padding:150px 16px 90px;background:linear-gradient(to bottom,#2c6261 0,#3d7f7e 170px,rgba(61,127,126,.62) 300px,rgba(102,179,178,.28) 440px,rgba(248,250,252,.8) 600px,#f8fafc 720px)}
.vgKarta{box-sizing:border-box;max-width:1040px;margin:0 auto;padding:clamp(24px,4vw,56px);border-radius:16px}
.vgKarta .container,.vgKarta .row,.vgKarta [class*="col-lg"]{width:auto;max-width:none;margin:0;padding:0;float:none}
.vgKarta .h1,.vgNaslov{margin:0 0 24px;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.01em;font-weight:700}
.vgKarta .delimiter{display:none}
.vgKarta p{margin:0 0 16px}
.vgKarta ul{margin:0 0 16px;padding-left:22px}
.vgKarta li{margin-bottom:8px}
.vgKarta a{color:#2c6261;font-weight:600}
.vgKarta .aboutUsImgHolder{margin-bottom:28px}
.vgKarta .aboutUsImgHolder img{display:block;width:100%;height:auto;border-radius:12px}
.vgKontakt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1240px;margin:0 auto}
.vgKontakt .vgKarta{max-width:none;margin:0}
.vgNaslov{grid-column:1/-1;color:#fff;margin:0}
.vgMapa{grid-column:1/-1;padding:8px;border-radius:12px}
.contactTitle{font-size:20px;margin-top:8px}
.cfText{color:#475569}
#contactForm{display:grid;gap:14px}
.vgKontakt #contactForm input:not([type=hidden]),.vgKontakt #contactForm textarea{box-sizing:border-box;width:100%;min-height:46px;padding:8px 12px;border:1px solid #64748b;border-radius:10px;font:inherit}
.vgKontakt #contactForm textarea{min-height:130px}
.vgKontakt #contactForm button{min-height:48px;border:0;border-radius:12px;background:#3d7f7e;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:all .2s ease}
.vgKontakt #contactForm button:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(44,98,97,.35)}
@media (max-width:960px){.vgStrana{padding-top:40px}.vgKontakt{grid-template-columns:minmax(0,1fr)}}