/* kontakt — generisano (build.py) iz merenja originala. Ne menjati rucno. */
.s-0f6aa03 { background-image: url(/slike/2025/01/inner-page1.png); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.s-23370e2 { background-color: rgb(255, 255, 255); }

.s-0f6aa03 { width: 100%; display: flex; flex-direction: column; padding: 0 20px 0 20px; }
.s-0f6aa03 > .omot { display: flex; flex-direction: column; gap: 20px 20px; max-width: min(100%, 1430px); padding: 350px 0 180px; }
.s-18fe80c { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 0px 0px; padding: 0px 0px 0px 0px; }
.s-2150d52 { width: 30%; display: flex; flex-direction: column; gap: 5px 20px; padding: 10px 10px 10px 10px; }
.s-23370e2 { width: 100%; display: flex; flex-direction: row; gap: 20px 30px; padding: 43px 40px 43px 40px; }
.s-2871cd4 { width: 100%; display: flex; flex-direction: row; gap: 20px 20px; padding: 0px 0px 0px 0px; }
.s-35bd2f1 { width: 100%; display: flex; flex-direction: column; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-39ffcf5 { width: 50%; display: flex; flex-direction: column; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-41a48eb { width: 25%; display: flex; flex-direction: column; gap: 0px 0px; padding: 20px 0px 20px 0px; }
.s-446796b { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0px 0px; padding: 0px 0px 0px 0px; }
.s-467eee1 { width: 100%; display: flex; flex-direction: column; gap: 20px 20px; padding: 0px 0px 0px 0px; }
.s-5fc6530 { width: 100%; display: flex; flex-direction: column; padding: 0 0px 0 0px; }
.s-5fc6530 > .omot { display: flex; flex-direction: row; gap: 0px 15px; max-width: min(100%, 1430px); padding: 110px 0 110px; }
.s-79ee593 { width: 50%; display: flex; flex-direction: column; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-7f5a970 { width: 100%; display: flex; flex-direction: column; padding: 0 0px 0 0px; }
.s-7f5a970 > .omot { display: flex; flex-direction: row; gap: 20px 20px; max-width: min(100%, 1430px); padding: 80px 0 80px; }
.s-804e455 { width: 64%; flex: 0 0 auto; display: flex; flex-direction: column; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-8ff277e { width: 20%; display: flex; flex-direction: column; gap: 0px 0px; padding: 10px 10px 10px 10px; }
.s-906b84c { width: 25%; display: flex; flex-direction: column; gap: 0px 0px; padding: 10px 10px 10px 10px; }
.s-b7fd168 { width: 25%; display: flex; flex-direction: column; gap: 20px 20px; padding: 20px 0px 20px 0px; }
.s-bbe9008 { width: 25%; display: flex; flex-direction: column; gap: 0px 0px; padding: 10px 10px 10px 10px; }
.s-d95d21d { width: 50%; display: flex; flex-direction: column; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-ee05315 { width: 100%; margin: 0px 0px -300px 0px; display: flex; flex-direction: column; padding: 0 0px 0 0px; }
.s-ee05315 > .omot { display: flex; flex-direction: column; gap: 20px 20px; max-width: min(100%, 1430px); padding: 0px 0 0px; }
.s-fb9e570 { width: 50%; display: flex; flex-direction: column; gap: 0px 0px; padding: 20px 0px 20px 0px; }

@media (max-width: 1366px) {
  .s-5fc6530 { padding: 0 20px 0 20px; }
  .s-5fc6530 > .omot { padding: 120px 0 120px; }
  .s-7f5a970 { padding: 0 10px 0 10px; }
  .s-7f5a970 > .omot { padding: 50px 0 50px; }
  .s-ee05315 { padding: 0 20px 0 20px; }
}

@media (max-width: 1024px) {
  .s-0f6aa03 > .omot { max-width: min(100%, 1024px); padding: 280px 0 120px; }
  .s-2150d52 { width: 100%; }
  .s-23370e2 { flex-direction: column; }
  .s-35bd2f1 { padding: 0px 0px 0px 0px; }
  .s-39ffcf5 { width: 48%; }
  .s-5fc6530 > .omot { flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 15px; max-width: min(100%, 1024px); padding: 70px 0 70px; }
  .s-79ee593 { width: 48%; }
  .s-7f5a970 > .omot { flex-wrap: wrap; max-width: min(100%, 1024px); }
  .s-804e455 { width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
  .s-8ff277e { width: 31%; }
  .s-906b84c { width: 32%; }
  .s-bbe9008 { width: 31%; }
  .s-d95d21d { width: 48%; flex-direction: row; }
  .s-ee05315 { margin: 0px 0px 0px 0px; }
  .s-ee05315 > .omot { max-width: min(100%, 1024px); }
}

@media (max-width: 767px) {
  .s-0f6aa03 > .omot { flex-wrap: wrap; max-width: min(100%, 767px); padding: 180px 0 150px; }
  .s-2150d52 { flex-wrap: wrap; }
  .s-23370e2 { flex-wrap: wrap; padding: 35px 35px 35px 35px; }
  .s-2871cd4 { flex-wrap: wrap; }
  .s-35bd2f1 { flex-wrap: wrap; }
  .s-39ffcf5 { width: 100%; flex-wrap: wrap; }
  .s-41a48eb { width: 100%; flex-wrap: wrap; padding: 0px 0px 10px 0px; }
  .s-446796b { flex-wrap: wrap; }
  .s-467eee1 { flex-wrap: wrap; }
  .s-5fc6530 > .omot { max-width: min(100%, 767px); }
  .s-79ee593 { width: 100%; flex-wrap: wrap; }
  .s-7f5a970 > .omot { max-width: min(100%, 767px); }
  .s-804e455 { flex-wrap: wrap; }
  .s-8ff277e { width: 100%; flex-wrap: wrap; }
  .s-906b84c { width: 100%; flex-wrap: wrap; }
  .s-b7fd168 { width: 100%; flex-wrap: wrap; padding: 20px 0px 10px 0px; }
  .s-bbe9008 { width: 100%; flex-wrap: wrap; }
  .s-d95d21d { width: 100%; flex-direction: column; flex-wrap: wrap; }
  .s-ee05315 > .omot { flex-wrap: wrap; max-width: min(100%, 767px); }
  .s-fb9e570 { width: 100%; flex-wrap: wrap; padding: 0px 10px 20px 10px; }
}

/* okvir kontejnera (ivica, zaobljenje, senka, z-index) */
.s-23370e2 { border-top: 8px solid rgb(236, 0, 0); box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 10px 0px; position: relative; z-index: 1; }
.s-35bd2f1 { position: relative; z-index: 1; }
.s-446796b { border-top: 1px solid rgba(255, 255, 255, 0.13); }
.s-804e455 { position: relative; z-index: 1; }
.s-ee05315 { position: relative; z-index: 1; }
.s-fb9e570 { border-right: 1px solid rgba(255, 255, 255, 0.13); border-left: 1px solid rgba(255, 255, 255, 0.13); }


/* prekrivaci kontejnera (background overlay) */
.s-0f6aa03::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: rgb(0, 42, 52); opacity: 0.5; }
.s-0f6aa03 { position: relative; } .s-0f6aa03 > * { position: relative; }


/* widgeti: raspored po opsezima (sirina, poravnanje, polozaj, skrivanje) */
.s-1170175 { max-width: 100%; }
.s-1502417 { max-width: 100%; }
.s-15ba952 { max-width: 100%; }
.s-329bdde { max-width: 100%; }
.s-3ce3d57 { padding: 40px; background-color: rgb(247, 248, 250); max-width: 100%; }
.s-62593e5 { width: 100%; max-width: 100%; }
.s-62593e5 iframe { height: 690px; }
.s-679545c { width: 100%; max-width: 100%; }
.s-679545c iframe { height: 300px; }
.s-764573f { max-width: 100%; align-self: flex-start; }
.s-8efa88e { max-width: 100%; align-self: center; }
.s-a3a35b3 { padding: 4px 5px 0; background-color: rgba(0, 42, 52, 0.51); max-width: 100%; align-self: center; }
.s-a4f61d5 { max-width: 100%; }
.s-b8a1f55 { padding: 10px 0 0; width: 100%; max-width: 100%; }
.s-c576d85 { padding: 0 0 35px; max-width: 100%; }
.s-d57dc46 { padding: 0 0 15px; max-width: 100%; }
.s-db1939f { max-width: 100%; align-self: flex-start; }
.s-ddb7221 { padding: 40px; background-color: rgb(247, 248, 250); max-width: 100%; }
.s-eacceb5 { padding: 40px; background-color: rgb(247, 248, 250); max-width: 100%; }

@media (max-width: 1366px) {
  .s-3ce3d57 { padding: 30px; }
  .s-ddb7221 { padding: 30px; }
  .s-eacceb5 { padding: 30px; }
}

@media (max-width: 1024px) {
  .s-62593e5 iframe { height: 600px; }
}

@media (max-width: 767px) {
  .s-62593e5 iframe { height: 500px; }
}

/* widgeti: tipografija po opsezima, isecanje slika, razdelnici */
.s-1502417 .kontakt-kartica__oznaka { font-size: 16px; line-height: 28px; letter-spacing: normal; font-weight: 700; }
.s-1502417 .kontakt-kartica__tekst { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-1502417 a { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-15ba952 .naslov-sekcije { font-size: 24px; line-height: 32px; letter-spacing: normal; font-weight: 700; margin: 0px; padding: 0px; }
.s-329bdde { font-size: 72px; line-height: 72px; letter-spacing: normal; font-weight: 700; }
.s-3ce3d57 .kontakt-kartica__oznaka { font-size: 24px; line-height: 28px; letter-spacing: normal; font-weight: 700; }
.s-3ce3d57 .kontakt-kartica__tekst { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-764573f a > span:last-child { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-8efa88e { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-8efa88e a { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-a3a35b3 a { font-size: 16px; line-height: 28px; letter-spacing: normal; font-weight: 500; }
.s-a3a35b3 [aria-current] { font-size: 16px; line-height: 28px; letter-spacing: normal; font-weight: 500; }
.s-b8a1f55 a { font-size: 18px; line-height: 20px; letter-spacing: normal; font-weight: 400; }
.s-d57dc46 .naslov-sekcije { font-size: 24px; line-height: 32px; letter-spacing: normal; font-weight: 700; margin: 0px; padding: 0px; }
.s-db1939f .naslov-sekcije { font-size: 30px; line-height: 42px; letter-spacing: normal; font-weight: 700; margin: 0px 0px 6px; padding: 0px; }
.s-ddb7221 .kontakt-kartica__oznaka { font-size: 24px; line-height: 28px; letter-spacing: normal; font-weight: 700; }
.s-ddb7221 .kontakt-kartica__tekst { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }
.s-eacceb5 .kontakt-kartica__oznaka { font-size: 24px; line-height: 28px; letter-spacing: normal; font-weight: 700; }
.s-eacceb5 .kontakt-kartica__tekst { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; }

@media (max-width: 1366px) {
  .s-3ce3d57 .kontakt-kartica__oznaka { font-size: 22px; }
  .s-ddb7221 .kontakt-kartica__oznaka { font-size: 22px; }
  .s-eacceb5 .kontakt-kartica__oznaka { font-size: 22px; }
}

@media (max-width: 1024px) {
  .s-329bdde { font-size: 42px; line-height: 52px; }
  .s-8efa88e { font-size: 14px; }
  .s-8efa88e a { font-size: 14px; }
}

@media (max-width: 767px) {
  .s-329bdde { font-size: 36px; line-height: 46px; }
  .s-db1939f .naslov-sekcije { line-height: 40px; }
}

/* widgeti: unutrasnji okviri (podesavanja widgeta: ikone, kartice, razmaci) */
.s-1502417 .kontakt-kartica__stavka { padding: 0 50px 0 0; margin: 0; }
.s-1502417 .kontakt-kartica__oznaka { padding: 0; margin: 16px 0 3px; }
.s-1502417 .kontakt-kartica__tekst, .s-3ce3d57 .kontakt-kartica__stavka, .s-3ce3d57 .kontakt-kartica__tekst, .s-ddb7221 .kontakt-kartica__tekst, .s-eacceb5 .kontakt-kartica__tekst { padding: 0; margin: 0; }
.s-15ba952, .s-d57dc46, .s-db1939f { text-align: left; }
.s-329bdde { text-align: center; }
.s-3ce3d57 .kontakt-kartica__ikona, .s-ddb7221 .kontakt-kartica__ikona, .s-eacceb5 .kontakt-kartica__ikona { margin: 0 0 30px; background-color: rgb(255, 255, 255); border-radius: 0; box-shadow: rgba(0, 0, 0, 0.01) 0px 4px 10px 0px; width: 92px; height: 92px; line-height: 92px; }
.s-3ce3d57 .kontakt-kartica__ikona svg, .s-ddb7221 .kontakt-kartica__ikona svg, .s-eacceb5 .kontakt-kartica__ikona svg { width: 48px; height: 48px; }
.s-3ce3d57 .kontakt-kartica__oznaka, .s-ddb7221 .kontakt-kartica__oznaka, .s-eacceb5 .kontakt-kartica__oznaka { padding: 0 0 15px; margin: 0; }
.s-ddb7221 .kontakt-kartica__stavka, .s-eacceb5 .kontakt-kartica__stavka { padding: 0; margin: 0 0 31px; }
.s-3ce3d57:hover .kontakt-kartica__ikona, .s-ddb7221:hover .kontakt-kartica__ikona, .s-eacceb5:hover .kontakt-kartica__ikona { background-color: rgb(236, 0, 0); }
.s-3ce3d57:hover .kontakt-kartica__ikona svg, .s-ddb7221:hover .kontakt-kartica__ikona svg, .s-eacceb5:hover .kontakt-kartica__ikona svg { fill: rgb(255, 255, 255); }

@media (max-width: 1366px) {
  .s-1502417 .kontakt-kartica__stavka { padding: 0; }
}

@media (max-width: 1024px) {
  .s-3ce3d57 .kontakt-kartica__ikona svg, .s-ddb7221 .kontakt-kartica__ikona svg, .s-eacceb5 .kontakt-kartica__ikona svg { width: 42px; height: 42px; }
}

@media (max-width: 767px) {
  .s-3ce3d57 .kontakt-kartica__ikona, .s-ddb7221 .kontakt-kartica__ikona, .s-eacceb5 .kontakt-kartica__ikona { margin: 0 0 20px; width: 80px; height: 80px; line-height: 80px; }
  .s-3ce3d57 .kontakt-kartica__ikona svg, .s-ddb7221 .kontakt-kartica__ikona svg, .s-eacceb5 .kontakt-kartica__ikona svg { width: 38px; height: 38px; }
}

/* widgeti: lista usluga (lepljenje, stavka, slika, tekst, prelazak misa) */

/* widgeti: izgled teksta gde odstupa od uobicajenog za tip; okretanje */
.s-1502417 .kontakt-kartica__oznaka { color: rgb(255, 255, 255); font-family: var(--oznaka); }
.s-1502417 .kontakt-kartica__tekst { color: rgb(190, 190, 190); }

/* widgeti: stilovi upisani u sadrzaj (text-editor) */