.section.home.tumac-01{--accent: #5c5c5c;--bground: #fff url(/wp-content/uploads/2026/02/bg-login.webp) center top no-repeat;--bgbuilding: url(/wp-content/uploads/2026/02/building.webp) center center}.section.home.tumac-02{--accent: #3B4A3F;--bground: #fff url(/wp-content/uploads/2026/02/tumac-02.webp) 33% top no-repeat;--bgbuilding: url(/wp-content/uploads/2026/02/ana-box.webp) center center}@font-face{font-family:"Century Gothic";src:url("../fonts/CenturyGothicPaneuropean-Bold.woff2") format("woff2"), url("../fonts/CenturyGothicPaneuropean-Bold.woff") format("woff"), url("../fonts/CenturyGothicPaneuropean-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Century Gothic";src:url("../fonts/CenturyGothicPaneuropean.woff2") format("woff2"), url("../fonts/CenturyGothicPaneuropean.woff") format("woff"), url("../fonts/CenturyGothicPaneuropean.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Century Gothic";src:url("../fonts/CenturyGothicPaneuropean-ExtraBold.woff2") format("woff2"), url("../fonts/CenturyGothicPaneuropean-ExtraBold.woff") format("woff"), url("../fonts/CenturyGothicPaneuropean-ExtraBold.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}body{font-family:"Century Gothic", sans-serif}::root{font-size:16px}body,html,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0px;padding:0}body{background:white;color:#222725;position:relative;scroll-behavior:smooth;padding-top:66px}h1,h2,h3,h4,h5,h6{}p,li{}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.wrap{width:96%;margin:0 auto;max-width:1760px;position:relative}.clearfix{clear:both;height:0px}img{height:auto}figcaption{font-size:80%}.btt{position:fixed;right:2rem;bottom:4rem;background:#9a9a9a;border:4px solid white;width:48px;height:48px;border-radius:50%;z-index:800;opacity:0;transition:opacity 600ms ease}.btt.visible{opacity:1}.btt::after{content:"";display:block;position:absolute;width:16px;height:16px;transform-origin:center center;border-top:2px solid white;border-left:2px solid white;top:24px;left:24px;transform:translate(-70%, -50%) rotate(45deg)}.header{position:fixed;z-index:10;width:100%;border-bottom:1px solid #434e55;background:#ffffffee;top:0;left:0}.header .wrap{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;max-width:initial;width:initial}.header .menu{display:flex;position:relative;gap:2rem}.header .menu li{display:inline-block;position:relative}.header .menu li a{font-weight:normal;text-transform:uppercase;padding:0.5em 2em;position:relative;color:#333;text-decoration:none}.header a[href*="tel:"]{color:#333;text-decoration:none}.header .logo a{font-size:0;color:transparent;display:block;width:23px;height:33px;background:url(/wp-content/uploads/2026/02/main-logo.svg) no-repeat;background-size:contain}.header .mobmenu{position:absolute;display:none !important}.header .wave{position:absolute;height:1px;background:#3f4d36;pointer-events:none;opacity:0;transform:translateZ(0);transition:left 520ms cubic-bezier(0.15, 1.25, 0.35, 1), width 520ms cubic-bezier(0.15, 1.25, 0.35, 1), top 520ms cubic-bezier(0.15, 1.25, 0.35, 1), opacity 160ms ease}.header .wave.is-visible{opacity:1}.header .right_elements{display:flex;gap:2rem;padding-left:120px;position:relative}.header .language-switcher{padding-left:1.5em;position:absolute;left:0;padding-top:1.45em;height:auto;max-height:1.4em;max-width:1.8em;text-align:left;transition:300ms ease-in-out;cursor:pointer;z-index:9}.header .language-switcher .mask{position:absolute;background:white;top:4px;left:31px;width:90px;height:1.1rem;opacity:0.5}.header .language-switcher::before{content:"HR | EN | RU";display:block;position:absolute;transition:300ms ease-in-out;left:4px;top:0;width:110px}.header .language-switcher::after{content:"";display:block;position:absolute;width:0;height:1px;right:0;top:1.55em;background:#232;transition:300ms ease-in-out}.header .language-switcher li{display:block;background:#ffffffee;padding-top:0.2em;padding-bottom:0.2em;position:relative;left:-1.5em;max-width:0;overflow:hidden}.header .language-switcher li.current-lang{display:none}.header .language-switcher a{color:#333;text-decoration:none;display:block;width:120px;padding-left:2.5em;text-align:left;transition:300ms ease-in}.header .language-switcher a::before{display:block;position:absolute;left:0.2em;top:0.15em}.header .language-switcher a:hover{font-weight:800}.header .language-switcher:hover{max-width:calc(140px + 2em);left:-1.5em;max-height:99vh}.header .language-switcher:hover .mask{left:40px}.header .language-switcher:hover li{max-width:99vw;border-left:0.875em solid #ffffffee}.header .language-switcher:hover::before{left:1em}.header .language-switcher:hover::after{width:calc(100% - 1.5em);left:0}.language-switcher a[lang="hr"]::before{content:"HR"}[lang*="hr"] .language-switcher::before{content:"HR | EN | RU"}.language-switcher a[lang*="en"]::before{content:"EN"}[lang*="en"] .language-switcher::before{content:"EN | HR | RU"}.language-switcher a[lang*="ru"]::before{content:"RU"}[lang*="ru"] .language-switcher::before{content:"RU | HR | EN"}.home .header .menu li.current a{font-weight:bold !important;color:#778e69}p{line-height:2em;margin-bottom:2em}.main-title{font-size:90px;line-height:91px;font-weight:900;text-transform:uppercase;color:#373f3c}.hero-image{width:100%;max-width:100vw;height:auto}video{aspect-ratio:2.6666666667;object-fit:cover;object-position:center bottom;width:100%;height:auto}.section{scroll-margin-top:100px;position:relative}.section.home{display:grid;grid-template-columns:1fr 1fr;position:relative}.section.home::before{content:"";display:block;width:100%;height:1px;background:#434e55;position:absolute;left:0;top:20vw;z-index:5}.section.home>div{position:relative}.section.home h2{margin-bottom:1rem;padding-left:1.5rem}.section.home .intro{padding-top:calc(20vw + 3rem);padding-left:5rem;padding-right:12rem}.section.home .intro p{padding-left:1.5rem}.section.home .intro .btn{color:white;display:inline-block;width:18rem;padding:0.75rem 0;text-align:center;font-size:16px;text-transform:uppercase;text-decoration:none;background:#373f3c;border:none;margin-left:1.5rem;transition:300ms ease-in}.section.home .intro .btn:hover{background:#606a63}.section.home .visual{background:var(--bground);transition:background 450ms ease;background-size:auto calc(100% - 80px);position:relative}.section.home .visual video{position:absolute;left:0;top:0;width:100%;height:calc(100% - 80px);object-fit:cover;object-position:25% center}.section.home .visual .persons{background:var(--accent);color:#e9e8e7;position:absolute;top:0;left:0;width:33.3%;height:20vw;display:flex;align-items:flex-end;padding:0 0 3rem 3rem;transition:600ms ease-in}.section.home .visual .number{position:absolute;top:0;left:0;width:33.3%;height:20vw;transform:translatex(calc(-100% + 1px));display:flex;background-size:cover !important;justify-content:center;align-items:center}.section.home .visual .number.tumac-01{background:url(/wp-content/uploads/2026/02/office.webp) center center}.section.home .visual .number.tumac-02{background:url(/wp-content/uploads/2026/02/ana-bg.webp) center center}.section.home .visual .number p{font-size:clamp(32px, 5vw, 82px);color:#222725;font-weight:900;margin:0}.section.home .visual .building{background:var(--bgbuilding);background-size:cover;position:absolute;top:20vw;left:0;width:16.66%;height:auto;aspect-ratio:0.8378378378;position:relative;transition:600ms ease-in-out}.section.home .visual .building::after{content:"";display:block;background:var(--accent);position:absolute;width:50%;height:auto;aspect-ratio:1;left:0;bottom:0;transform:translatex(calc(-100% + 1px)) translatey(100%);opacity:0.75;transition:600ms ease-in}.section.home .visual .overlay{position:absolute;top:20vw;left:33.3%;width:66.6%;height:calc(100% - 20vw - 80px);background:#0b0d0d57}.section.home .visual .overlay .email-link{position:absolute;width:50%;height:80px;left:50%;bottom:0;transform:translatex(-50%) translatey(-150%)}.section.home .visual .overlay .email-link a{color:white;font-size:12px}.section.home .visual .overlay .email-link svg{fill:white}.section.usluge{display:grid;grid-template-columns:1fr 1fr;padding:0 3rem}.section.usluge h2{margin-bottom:40px}.section.usluge p{max-width:450px}.section.usluge .glider-arrows{padding-bottom:2rem;display:flex;align-content:flex-end;flex-direction:row;flex-wrap:wrap;align-items:flex-end}.section.usluge .glider-arrows span{background:#c9c8c7;width:1px;height:197px;color:transparent;font-size:0;margin:0 2rem}.section.usluge .glider-arrows button{background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.84306 11.289L7.50006 5.632L8.91406 7.046L3.96406 11.996L8.91406 16.946L7.50006 18.36L1.84306 12.703C1.65559 12.5155 1.55028 12.2612 1.55028 11.996C1.55028 11.7308 1.65559 11.4765 1.84306 11.289Z' fill='black'/%3E%3C/svg%3E") center center no-repeat;width:24px;height:24px;border:none;color:transparent;transition:200ms}.section.usluge .glider-arrows button.custom-next{transform:rotate(180deg)}.section.usluge .glider-arrows button.disabled{opacity:0.25}.glider-track{align-items:flex-start}.slider-item{padding-bottom:2rem}.slider-item .slider-image{padding:9px;border-top:1px solid #b5aea4;border-bottom:1px solid #b5aea4;margin-bottom:52px}.slider-item .slider-image img{aspect-ratio:2.5536723164;object-fit:cover;object-position:center center}.slider-item .slider-title{display:flex;gap:28px;padding:0 1rem;padding-bottom:48px;border-bottom:1px solid #b5aea4}.slider-item .slider-title svg{width:75px;transition:300ms;fill:#e9e8e7}.slider-item .slider-title h3{font-weight:900;font-size:clamp(20px, 2vw, 32px) !important;font-size:32px;margin-top:-15px;text-transform:uppercase}.slider-item .usluga-desc{height:auto;max-height:0;transition:600ms ease-out;overflow:hidden}.slider-item .usluga-desc p{padding:2rem 1rem 2rem calc(75px + 28px)}.slider-item:hover svg{fill:#373f3c}.slider-item:hover .usluga-desc{max-height:100vh}.box-usluge{width:96%;max-width:1550px;margin:2rem auto;border-left:1px solid #D0CFCE;padding:4rem;display:flex;gap:1rem}.box-usluge>div{background:#E9E8E733;padding:5rem 2rem;position:relative;color:black;width:33.33%}.box-usluge>div::before{content:"";display:block;width:100%;height:1rem;position:absolute;top:0;left:0;background:#6F9077;background:linear-gradient(90deg, #6f9077 0%, #222725 100%)}.box-usluge>div h3{text-transform:uppercase;border-bottom:1px solid #E9E8E7;font-weight:900;font-size:2rem;padding:0.5rem 0.3rem;color:#514D49;margin-bottom:1.25rem;letter-spacing:-0.05em}.box-usluge>div .box-desc{padding:0.5rem}.box-usluge>div li{margin-left:1em;line-height:2em}.tumac-item{cursor:pointer;transition:background 0.2s;padding-bottom:1em}.tumac-item .ime{font-size:20px;text-decoration:underline;text-decoration-skip-ink:auto;text-underline-offset:0.1em;text-decoration-thickness:1px;font-size:12px;line-height:20px;opacity:0.5;transition:300ms ease-in-out}.tumac-item .broj{display:inline-block;position:relative;font-weight:900;font-size:12px;text-decoration:underline;transform:translatey(-0.75rem)}.tumac-item.active .ime{font-size:20px;opacity:1}.tumac-item.active{color:white}.fade{transition:opacity 0.2s ease}.section.o-nama{background:url(http://sudski.viktor-obrt.hr/wp-content/uploads/2026/02/bg_vector1-cr.webp) top right no-repeat;padding:6rem 40vw 1rem 3rem}.section.o-nama .o-nama-content{padding-bottom:2rem}.section.o-nama .o-nama-adresa{padding-top:3rem}.section.o-nama .o-nama-adresa a{color:inherit}.o-nama-title,.kontakt-title{display:flex;gap:3rem;padding-bottom:2rem;align-items:flex-end}.o-nama-title #lista-tumaca,.kontakt-title #lista-tumaca{display:flex;gap:1rem}.o-nama-title #lista-tumaca .broj,.kontakt-title #lista-tumaca .broj{opacity:0.5}.o-nama-title #lista-tumaca .ime,.kontakt-title #lista-tumaca .ime{color:#3f4d36;font-size:20px;text-decoration:none}.o-nama-title #lista-tumaca .active,.kontakt-title #lista-tumaca .active{color:#3f4d36}.o-nama-title #lista-tumaca .active .ime,.kontakt-title #lista-tumaca .active .ime{font-size:20px}.o-nama-title #lista-tumaca .active .broj,.kontakt-title #lista-tumaca .active .broj{opacity:1}.section.proces-i-cijene{padding:4rem 1rem}.section.proces-i-cijene h2{padding:1rem 3rem 1rem 50%}.section.proces-i-cijene h3{text-transform:uppercase;font-weight:900}.section.proces-i-cijene .proces-items-wrap{display:grid;grid-template-columns:300px auto;max-width:1610px;margin:4rem auto;padding:0 1rem}.section.proces-i-cijene .proces-items-wrap>div>span{font-weight:900;font-size:157px;line-height:180px;color:#c9c8c7;opacity:0.3;transition:300ms ease}.section.proces-i-cijene .proces-items-wrap>div:nth-of-type(odd){transform:translatey(-3rem)}.section.proces-i-cijene .proces-items-wrap>div:nth-of-type(even){display:flex;border-bottom:1px solid #b5aea4;padding-left:calc(50% - 140px);flex-direction:column;justify-content:center;padding-bottom:2rem}.section.proces-i-cijene .proces-items-wrap:hover>div>span{color:#3f4d36;opacity:1}.section.proces-i-cijene .proces-items-wrap:last-child>div{border:none}.section.cijene{padding:4rem 1rem 1rem 1rem;margin-bottom:1rem}.section.cijene .proces-items-wrap{max-width:1268px;display:grid;grid-template-columns:100px auto;margin:2rem auto}.section.cijene .proces-items-wrap h3{margin-top:-5px;text-transform:uppercase;font-weight:900}.section.kontakt{background:#f8f8f8;margin-bottom:1rem;position:relative;padding:4rem 3rem}.section.kontakt h2{color:#3f4d36}.section.kontakt .col-2{display:grid;margin-top:2rem;grid-template-columns:1fr 1fr}.section.kontakt .col-2 a{color:inherit}.section.kontakt,.section.proces-i-cijene,.section.cijene,.section.o-nama,.section .o-nama-content{position:relative}.section.kontakt::after,.section.proces-i-cijene::after,.section.cijene::after,.section.o-nama::after,.section .o-nama-content::after{display:block;content:"";width:96%;height:0px;border-bottom:1px solid #b5aea4;margin:0 auto;position:absolute;left:2%;bottom:-0.5rem}.section .o-nama-content::after{width:95dvw;left:-0.5vw}.footer{background:#222725;color:white;display:flex;justify-content:space-between;padding:1rem 3rem}.footer.tumac-02{background:#3B4A3F}.footer .menu{display:flex;gap:2rem}.footer .menu li{display:inline-block;margin:0.5rem 0}.footer .menu a{color:#f8f8f8;text-decoration:none;text-transform:uppercase;padding:0.7em 2em;transition:300ms ease-in-out}.footer .menu a:hover{font-weight:800}.footer .menu_wrapper{border-left:1px solid #d0cfce;padding:2rem 1rem}.footer .logo_wrapper{display:flex}.form_wrap .col-1-1{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form_wrap label{font-weight:bold;text-transform:uppercase;font-size:16px}.form_wrap input{width:100%;background:transparent;border:none;border-bottom:1px solid #b5aea4;padding:0.3em;font-family:inherit}.form_wrap input[type="submit"]{color:white;width:12rem;padding:0.75rem 0;text-align:center;font-size:16px;text-transform:uppercase;background:#2b2e2c;cursor:pointer;transition:300ms ease-in}.form_wrap input[type="submit"]:hover{background:#606a63}.reveal-headline{font-size:clamp(32px, 5vw, 90px);line-height:1.1;letter-spacing:-0.05em;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;word-break:keep-all;overflow-wrap:normal}.rh-word{display:inline-block;white-space:nowrap}.reveal-headline .rh-line{display:block;overflow:hidden;padding-right:3px;white-space:normal}.reveal-headline .rh-char{display:inline-block;transform:translateY(1.25em);opacity:0;will-change:transform, opacity}.reveal-headline.is-animating .rh-char{animation:rhUp 700ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards;animation-delay:var(--d, 0ms)}@keyframes rhUp{to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.reveal-headline .rh-char{transform:none;opacity:1}.reveal-headline.is-animating .rh-char{animation:none}}@media only screen and (max-width:1280px){.header .wrap{flex-direction:row-reverse}.header .wrap div[class*="container"]{background:white;position:fixed;left:0;top:56px;width:100vw;padding:2rem 1rem}.header .wrap div[class*="container"] .menu{display:block}.header .wrap div[class*="container"] li{width:100%;text-align:center;padding:1em}.section.home{grid-template-columns:1fr}.section.home .intro{order:2}.section.home .visual{order:1;height:75vw}.box-usluge{display:block}.box-usluge>div{width:100%;margin-bottom:2rem}}