/* cargo — generisano (build.py) iz merenja originala. Ne menjati rucno. */
.s-4e4829e { background-color: rgb(255, 255, 255); }
.s-acc5474 { background-color: rgb(247, 248, 250); }

.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-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-4e4829e { width: 100%; display: flex; flex-direction: column; padding: 0 10px 0 10px; }
.s-4e4829e > .omot { display: flex; flex-direction: column; gap: 20px 20px; max-width: min(100%, 1430px); padding: 100px 0 110px; }
.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-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-acc5474 { width: 100%; display: flex; flex-direction: column; padding: 0 10px 0 10px; }
.s-acc5474 > .omot { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 0px 0px; max-width: min(100%, 1430px); padding: 100px 0 110px; }
.s-b502270 { width: 58%; display: flex; flex-direction: column; gap: 20px 20px; 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-e190146 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 20px; padding: 10px 10px 10px 10px; }
.s-e59643c { width: 35%; display: block; padding: 10px 10px 11px 10px; }
.s-fb9e570 { width: 50%; display: flex; flex-direction: column; gap: 0px 0px; padding: 20px 0px 20px 0px; }

@media (max-width: 1366px) {
  .s-7f5a970 { padding: 0 10px 0 10px; }
  .s-7f5a970 > .omot { padding: 50px 0 50px; }
  .s-acc5474 > .omot { flex-direction: column; }
  .s-b502270 { width: 100%; }
  .s-e59643c { width: 100%; }
}

@media (max-width: 1024px) {
  .s-2150d52 { width: 100%; }
  .s-4e4829e > .omot { max-width: min(100%, 1024px); padding: 60px 0 70px; }
  .s-7f5a970 > .omot { flex-wrap: wrap; max-width: min(100%, 1024px); }
  .s-8ff277e { width: 31%; }
  .s-906b84c { width: 32%; }
  .s-acc5474 > .omot { max-width: min(100%, 1024px); padding: 60px 0 70px; }
  .s-bbe9008 { width: 31%; }
}

@media (max-width: 767px) {
  .s-2150d52 { 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-4e4829e > .omot { flex-wrap: wrap; max-width: min(100%, 767px); }
  .s-7f5a970 > .omot { max-width: min(100%, 767px); }
  .s-8ff277e { width: 100%; flex-wrap: wrap; }
  .s-906b84c { width: 100%; flex-wrap: wrap; }
  .s-acc5474 > .omot { flex-wrap: wrap; max-width: min(100%, 767px); }
  .s-b502270 { flex-wrap: wrap; }
  .s-b7fd168 { width: 100%; flex-wrap: wrap; padding: 20px 0px 10px 0px; }
  .s-bbe9008 { width: 100%; flex-wrap: wrap; }
  .s-fb9e570 { width: 100%; flex-wrap: wrap; padding: 0px 10px 20px 10px; }
}

/* lepljive kolone (theiaStickySidebar na originalu) */

@media (min-width: 1367px) {
  .s-e59643c { position: sticky; top: 150px; align-self: flex-start; margin-bottom: 1px; }
}


/* okvir kontejnera (ivica, zaobljenje, senka, z-index) */
.s-446796b { border-top: 1px solid rgba(255, 255, 255, 0.13); }
.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-e292529::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: rgb(0, 42, 52); opacity: 0.5; }
.s-e292529 { position: relative; } .s-e292529 > * { position: relative; }


/* widgeti: raspored po opsezima (sirina, poravnanje, polozaj, skrivanje) */
.s-1502417 { max-width: 100%; }
.s-15ba952 { max-width: 100%; }
.s-1f54e89 { max-width: 100%; }
.s-31c2393 { width: 100%; max-width: 100%; }
.s-38ec415 { padding: 14px 0 10px; width: 100%; max-width: 100%; }
.s-679545c { width: 100%; max-width: 100%; }
.s-679545c iframe { height: 300px; }
.s-764573f { max-width: 100%; align-self: flex-start; }
.s-8e14b53 { max-width: 100%; }
.s-8efa88e { max-width: 100%; align-self: center; }
.s-b8a1f55 { padding: 10px 0 0; width: 100%; max-width: 100%; }
.s-c576d85 { padding: 0 0 35px; max-width: 100%; }
.s-ca5fba0 { padding: 10px 0 0; border-style: solid; border-color: rgb(217, 217, 217); border-width: 0 0 1px; max-width: 100%; }
.s-d57dc46 { padding: 0 0 15px; max-width: 100%; }
.s-dfad132 { margin: 0 0 25px; max-width: 100%; }

@media (max-width: 1366px) {
  .s-31c2393 { width: 46%; }
}

@media (max-width: 1024px) {
  .s-31c2393 { width: 63%; }
}

@media (max-width: 767px) {
  .s-31c2393 { width: 100%; }
}

/* 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-31c2393 .naslov-sekcije { font-size: 60px; line-height: 72px; letter-spacing: normal; font-weight: 700; margin: 0px 0px 17px; padding: 0px; }
.s-31c2393 .naslov-opis { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; margin: 0px; padding: 0px; }
.s-31c2393 .naslov-opis p { font-size: 18px; line-height: 28px; letter-spacing: normal; font-weight: 400; margin: 0px 0px 10px; padding: 0px; }
.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-b8a1f55 a { font-size: 18px; line-height: 20px; letter-spacing: normal; font-weight: 400; }
.s-ca5fba0 .usluge-lista__naslov { font-size: 24px; line-height: 32px; letter-spacing: normal; font-weight: 700; }
.s-d57dc46 .naslov-sekcije { font-size: 24px; line-height: 32px; letter-spacing: normal; font-weight: 700; margin: 0px; padding: 0px; }
.s-dfad132 .nadnaslov { font-size: 16px; line-height: 28px; letter-spacing: normal; font-weight: 600; margin: 0px 0px 5px -6px; padding: 0px; }
.s-dfad132 .naslov-sekcije { font-size: 60px; line-height: 72px; letter-spacing: normal; font-weight: 700; margin: 6px 0px 18px; padding: 0px; }
.s-1f54e89 img { clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 12% 50%, 0% 0%); }
.s-38ec415 > span { background: rgb(235, 235, 235); }

@media (max-width: 1366px) {
  .s-31c2393 .naslov-sekcije { font-size: 42px; line-height: 52px; }
  .s-dfad132 .naslov-sekcije { font-size: 42px; line-height: 52px; margin: 6px 0px 0px; }
}

@media (max-width: 1024px) {
  .s-8efa88e { font-size: 14px; }
  .s-8efa88e a { font-size: 14px; }
}

@media (max-width: 767px) {
  .s-31c2393 .naslov-sekcije { font-size: 30px; line-height: 40px; margin: 0px; }
  .s-ca5fba0 .usluge-lista__naslov { font-size: 20px; }
  .s-dfad132 .naslov-sekcije { font-size: 30px; 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 { padding: 0; margin: 0; }
.s-15ba952, .s-31c2393, .s-d57dc46, .s-dfad132 { text-align: left; }
.s-31c2393 .naslov-opis { border: 0; }

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

/* widgeti: lista usluga (lepljenje, stavka, slika, tekst, prelazak misa) */
.s-ca5fba0 .usluge-lista__stavka { padding: 30px 0; background-color: rgb(247, 247, 247); top: 150px; border-top: 1px solid rgb(217, 217, 217); }
.s-ca5fba0 .usluge-lista__slika { width: 445px; height: 222px; }
.s-ca5fba0 .usluge-lista__slika img { height: 222px; }
.s-ca5fba0 .usluge-lista__naslov { margin: 0 0 12px; }
.s-ca5fba0 .usluge-lista__stavka:hover .usluge-lista__naslov { color: rgb(236, 0, 0); }

@media (max-width: 767px) {
  .s-ca5fba0 .usluge-lista__slika { width: 100%; height: auto; }
  .s-ca5fba0 .usluge-lista__slika img { height: auto; }
}

/* 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) */