:root {
    --g-800: #183424;
    --g-950: #0c1d14;
    --g-900: #102418;
    --g-850: #132a1e;
    --gold: #c9a24a;
    --gold-25: rgba(201,162,74,.25);
    --gold-14: rgba(201, 162, 74, .14);
    --gold-40: rgba(201, 162, 74, .40);
    --gold-bright: #e8cd8a;
    --ivory: #f1ede2;
    --ink: #212b23;
    --ink-soft: #4c5a50;
    --grad-gold: linear-gradient(115deg, #9a7c33 0%, #cfa951 28%, #f0dba0 50%, #cfa951 72%, #9a7c33 100%);
    --white-55: rgba(222,230,222,.55);
    --white-72: rgba(232,238,231,.72);
    --white-92: rgba(244,246,242,.92);
    --gold-deep:#a07f35;
    --hairline: rgba(201,162,74,.22);
    --ease-soft: cubic-bezier(.25,.46,.45,.94);
    --ease: cubic-bezier(.32,.72,0,1);
}


body{ font-family: 'Jost', system-ui, sans-serif; font-weight: 300; line-height: 1.7;}
p{ color: var(--white-72); line-height: 1.7; font-size: 16.5px; font-family: 'Jost', system-ui, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased;}

.rv-d1 {transition-delay: .12s;}
.js .rv.in { opacity: 1; transform: none;filter: blur(0);}

h1, h2, h3, h4 { font-family: 'Cormorant Garamond', Georgia, serif;font-weight: 500;line-height: 1.12; }
.heading.heading-middle-border h3 { background: transparent;}
.heading.heading-middle-border h2 { background: transparent;}

.sec.ivory { background: var(--ivory); color: var(--ink);}
.sec { padding: clamp(84px, 11vh, 140px) 0;position: relative;}
.sec.dark-section { background: var(--g-900);}
.sec.darker-section {background: var(--g-950);}

.mt-4, .my-4 { margin-top: 0 !important;}
.pb-4, .py-4 {padding-bottom: 0 !important; padding-top: 0 !important;}

#header .header-column .header-row {background: transparent;}
#header .header-body {background:transparent;}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {position: relative;  font-size: 12.5px; font-weight: 400; letter-spacing: .22em; text-transform: uppercase; color: var(--white-72); padding: 6px 0; transition: color .35s var(--ease-soft);}
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {color: var(--gold-bright);}
#header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li>a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li:hover>a:before { content: ""; position: absolute; left: 0; bottom: 0;  height: 1px;  width: 100%; background: var(--grad-gold); transform: scaleX(0);transform-origin: right; transition: transform .55s var(--ease);}
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav>ul>li>a.active:before{transform: scaleX(1); transform-origin: left; background: var(--grad-gold);}
#header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li>a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li:hover>a:before{transform: scaleX(1); transform-origin: left; background: var(--grad-gold);}
#header .header-nav-main nav>ul>li {margin: 0 17px;}
#header .header-nav-features { position: relative; padding-left: 0;margin-left: 0; margin-right: 23px;}
#header .header-nav-features i:before{font-size: 16px;color: --white-72;font-weight: 300;}
#header .header-logo img { width: 290px;}
#header .header-logo { top: 27px;}
.flag-img-center{color: var(--white-72); transition: color .35s;}
.flag-img-center:hover{color: var(--gold-bright)!important;}
.flag-img-center i:before {font-size: 13px; margin-left: 10px; font-weight: 300;}
#header .header-nav-top .dropdown-menu:before {display:none;}
.dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: transparent;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: transparent;}
#header .header-row.container-xl .nav.nav-pills a {align-items: center; justify-content: center;}
.nav-item-anim-icon {margin-left:15px;}
#header .header-nav-top .dropdown-menu {box-shadow: none; background: transparent;}
.sticky-header-active #header .header-logo { top: -15px;}
.sticky-header-active #header .header-nav-top {margin-top: -18px;}
.sticky-header-active .header-body {top:0!important; background: rgba(14, 26, 18, .82)!important; backdrop-filter: blur(18px); border-bottom-color: rgba(201, 162, 74, .16)!important; box-shadow: 0 18px 50px rgba(5, 12, 8, .45)!important; }
.sticky-header-active .header-top-btn{margin-top: -1px !important;}
.sticky-header-active #header .header-nav-features {margin-top: -7px;}
.header-title h3{ display: inline-flex; align-items: center; font-family: 'Jost', system-ui, sans-serif; font-size: 11.5px; margin-bottom:20px!important;  font-weight: 500!important; letter-spacing: .42em;  text-transform: uppercase; color: var(--gold-deep); transition: opacity 1s cubic-bezier(.32,.72,0,1), transform 1s cubic-bezier(.32,.72,0,1), filter 1s cubic-bezier(.32,.72,0,1); transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.header-title h3 span {position:relative;}
.header-title h3 span:before { content: ""; height: 1px;  width: 44px; background: linear-gradient(90deg, transparent, rgba(160, 127, 53, .5)); position: absolute;  left: -60px;top: 0; bottom: 0;  margin: auto;}
.header-title h3 span:after { content: ""; height: 1px;  width: 44px; background: linear-gradient(90deg, rgba(160, 127, 53, .5), transparent); position: absolute;  right: -60px;top: 0; bottom: 0;  margin: auto;}.header-title h2 {font-size: clamp(32px, 3.8vw, 50px); color: var(--ink); letter-spacing: .03em; margin-top: 18px; transition: opacity 1s cubic-bezier(.32,.72,0,1), transform 1s cubic-bezier(.32,.72,0,1), filter 1s cubic-bezier(.32,.72,0,1);}.header-title h2 {font-size: clamp(32px, 3.8vw, 50px); color: var(--ink); letter-spacing: .03em; margin-top: 18px; transition: opacity 1s cubic-bezier(.32,.72,0,1), transform 1s cubic-bezier(.32,.72,0,1), filter 1s cubic-bezier(.32,.72,0,1); max-width: 720px;}
.header-title p { max-width: 720px; margin: auto;}
.header-title-left-dark h3 span {color: var(--gold); padding-left: 60px;}
.header-title-white-gold h2{color: var(--white-92);}
.header-title-white-gold h2 span{color: var(--white-92);}
.header-title-white-gold {margin: 22px auto 0; max-width: 643px; font-size: 16.5px; color: var(--white-72);}
.header-title-white-gold h2 span {background:var(--grad-gold)!important; -webkit-background-clip: text; background-clip: text!important; -webkit-text-fill-color: transparent;color: transparent;}
.header-title-white-gold p{color: var(--white-72);}
.header-title-left-dark h3 span:after{display:none;}
.header-title-left-dark h3 span:before{left:0;}
.header-title-left-dark h2 {background:var(--grad-gold)!important; -webkit-background-clip: text; background-clip: text!important; -webkit-text-fill-color: transparent;color: transparent; line-height:62px;}
.header-title-left-dark h2 span {background: var(--white-92)!important; -webkit-background-clip: text; background-clip: text!important; -webkit-text-fill-color: transparent;color: transparent;}
.header-title-left-dark p { max-width: 670px; margin: 0; color: var(--white-72);}
.header-title-big {max-width: 700px;}
.header-title-big h2 {font-size: clamp(32px, 3.8vw, 56px); width: 700px!important; margin-bottom:22px!important;}
.header-title-big h3 {color: var(--gold);}
.header-title-big p{max-width: 500px;}
.header-top-btn{color: var(--gold-bright); background: linear-gradient(115deg, rgba(201, 162, 74, .10), rgba(201, 162, 74, .03)); border: 1px solid var(--gold-40); z-index: 1;}
.header-top-btn:hover{ background: linear-gradient(115deg, rgba(201, 162, 74, .22), rgba(201, 162, 74, .08)); border-color: var(--gold); color: var(--gold-bright)!important;}
.header-nav-main {position: absolute; left: 0;right: 0;display: flex; align-items: center; justify-content: center; top:0; bottom:0; height:72px;}
.page-header {background-color: transparent;}
.page-header.page-header-classic:after {display:none;}
.page-hero { position: relative; overflow: hidden; padding: clamp(150px, 19vh, 210px) 0 clamp(56px, 8vh, 86px)!important;  margin-top: -92px; background: radial-gradient(110% 130% at 82% -20%, rgba(43, 84, 60, .5) 0%, transparent 60%), radial-gradient(120% 90% at 0% 110%, rgba(32, 66, 47, .4) 0%, transparent 55%), linear-gradient(160deg, var(--g-850), var(--g-900) 75%); border-bottom: 1px solid rgba(201, 162, 74, .14);}
.page-header-breadcrumb h1{display:none;}
.page-header-breadcrumb {margin:0; padding:0!important;}
.page-header-breadcrumb .col-md-8 {display:none;}
.page-header.page-header-classic .page-header-title-border{display:none;}
.breadcrumb a{transition: color .35s; color: var(--white-55);}
.breadcrumb a:hover{color: var(--gold-bright);}
.breadcrumb li{display: flex; align-items: center; gap: 10px; margin-top: 0px;font-size: 11px!important; letter-spacing: .24em;  text-transform: uppercase; color: var(--gold-bright);}
.page-header .breadcrumb>li+li:before {content:"·";}

.hero { position: relative; display: grid;  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);  min-height: 100dvh; height: 100vh; background: var(--g-900); margin-top:-92px;}
.hero .gallery-block-fix {  height: 100vh;!important}
.hero .image-thumbnail-block { height: 100vh;}
.hero .gallery-block-fix .owl-stage-outer {height:100vh;}
.hero-l { position: relative; height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: clamp(140px, 16vh, 190px) clamp(28px, 4.5vw, 80px) clamp(70px, 9vh, 110px); background: radial-gradient(120% 90% at 0% 100%, rgba(32, 66, 47, .55) 0%, transparent 55%), linear-gradient(160deg, var(--g-850), var(--g-900) 70%);}
.hero-r {position:relative; height: 100vh; background: radial-gradient(90% 75% at 62% 40%, rgba(43, 84, 60, .65) 0%, rgba(16, 36, 24, .2) 52%, transparent 75%), radial-gradient(120% 120% at 100% 100%, rgba(9, 18, 12, .9) 0%, transparent 60%), linear-gradient(205deg, var(--g-800) 0%, var(--g-950) 82%);}
.hero-r .image-thumbnail-block:before { padding-top: 100%;}
.hero-r .gallery-block-fix:before { padding-top: 100%;}
.hero-r img {position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; object-position: 62% 42%;animation: heroZoom 2.4s var(--ease) both;}
.hero-r:before{content: ""; position: absolute; inset: 0; background: var(--g-800); mix-blend-mode: color;  opacity: .34; z-index: 2;}
.hero-r:after{content: "";position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(16, 36, 24, .88) 0%, rgba(16, 36, 24, .3) 28%, rgba(16, 36, 24, 0) 55%), linear-gradient(0deg, rgba(12, 29, 20, .55) 0%, rgba(12, 29, 20, 0) 34%), linear-gradient(180deg, rgba(12, 29, 20, .42) 0%, rgba(12, 29, 20, 0) 22%);}
.header-title-hero h1{font-size: clamp(52px, 7.2vw, 104px);font-weight: 500; letter-spacing: .045em;text-transform: uppercase;  color: var(--white-92); margin: 26px 0 34px; margin-bottom: 30px; background: transparent!important;}
.header-title-hero h1:after{content:""; display: block; height: 1px;  width: 96px; background: var(--grad-gold); margin-top: 34px;}
.header-title-hero h3 span { position: relative;padding-left: 64px;}
.header-title-hero h3{margin-bottom: 30px!important;}
.header-title-hero h3 span:before {left:0;}
.header-title-hero h3 span:after {display:none;}
.header-head-title h2{ font-size: clamp(40px, 5.4vw, 72px); line-height: 1.19; color: var(--white-92)!important; letter-spacing: .04em;  margin-top: 20px;margin-bottom: 23px !important;max-width: 900px;     transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.header-head-title h2 span { background: var(--white-92) !important; background-clip: text !important; color: transparent;}
.entry-white-title h2 {background: var(--white-92) !important; background-clip: text !important; -webkit-text-fill-color: transparent;}
.header-head-title p{max-width: 620px; font-size: 17.5px;}
.header-title-ivory p{color: var(--ink-soft);}
.header-title-btn {  margin: 35px 0 0 -15px !important;}
.darker-section-title h3{color: var(--gold);}
.darker-section-title h3 span:after{ background: linear-gradient(90deg, var(--gold-40), transparent);}
.darker-section-title h3 span:before{background: linear-gradient(90deg, transparent, var(--gold-40));}
.darker-section-title h2 {color: var(--white-92);}
.sticky-header-active .btn.header-title-btn {margin-top: 0 !important;}

.hero-badge { z-index: 10; position: absolute; left: clamp(26px, 3.5vw, 54px); bottom: clamp(26px, 5vh, 50px); display: flex; align-items: center; gap: 16px; padding: 8px 10px;border-radius: 999px;background: rgba(12, 26, 17, .55);  border: 1px solid rgba(201, 162, 74, .18); backdrop-filter: blur(8px);}
.hero-badge .hb-ic {width: 38px;  height: 38px; border-radius: 999px;background: var(--gold-14); border: 1px solid var(--gold-25); display: flex; align-items: center;  justify-content: center;  flex-shrink: 0;}
.hero-badge .hb-ic svg { width: 17px; height: 17px; stroke: var(--gold); stroke-width: 1.2; fill: none; stroke-linecap: round; stroke-linejoin: round;}
.hero-badge p { font-size: 11.5px; letter-spacing: .2em; margin-bottom:0!important; text-transform: uppercase; color: var(--white-72); padding-right: 14px; white-space: nowrap;}

html .featured-box-primary .box-content {border-top: 0;}
.hero-icon .feature-box:hover {background:transparent;}
.hero-icon .feature-box{align-items: center;  margin-bottom: 30px;}
.hero-icon .feature-box h4 p{ font-family: 'Jost', system-ui, sans-serif; font-size: 10.5px; font-weight: 500; letter-spacing: .36em; text-transform: uppercase; color: var(--gold);margin: 0!important;}
.hero-icon .feature-box p{ font-size: 17.5px; font-weight: 300; color: var(--white-92); line-height: 1.5; margin:0;}
.hero-icon .feature-box-icon i:before{font-size: 16px; stroke: var(--gold); stroke-width: 1.1;  fill: none; stroke-linecap: round; stroke-linejoin: round; color:#c9a24a;}
.hero-icon .feature-box .feature-box-icon{width: 46px; height: 46px; border-radius: 999px;flex-shrink: 0; top:0; border: 1px solid var(--gold-25);  background: var(--gold-14); display: flex;  align-items: center; justify-content: center;}
.hero-icon .icon-featured {margin: 15px;width: auto;height: auto;line-height: 20px; background: transparent!important; display: flex;}
.hero-icon .mb-4{display:none;}

.hero-flex-btn{display:flex; align-items:center;}
.hero-flex-btn .button-tag {width:auto; margin:0; padding-right:0;}

.btn-hero-gold{ background: var(--grad-gold); border-color: transparent;}
.btn-hero-gold i{background: rgba(12, 29, 20, .16)!important; border-color: rgba(12, 29, 20, .2)!important;}
.btn-hero-gold i:before{color:var(--g-950); font-weight:300;}
.btn-hero-transparent{color: var(--white-55)!important; padding:0!important; border:0!important;}
.btn-hero-transparent.active{background:transparent!important; color: var(--gold-bright)!important;}
.btn-hero-transparent i { margin-left: 0!important; background: transparent!important; border: 0!important;}
.btn-hero-transparent:hover{background:transparent!important; border:0!important; color: var(--gold-bright)!important;}
.btn-hero-transparent:hover i{ transform: translateX(3px)!important;}
.btn-hero-transparent i:before {color:var(--white-55);}
.btn-animation-transparent{  margin-top: 30px!important;}
.btn{ font-family: 'Jost', system-ui, sans-serif; display: inline-flex; align-items: center; margin:0!important; padding: 11px 8px 11px 26px; border: 1px solid var(--gold-40); border-radius: 999px; font-size: 12px!important; font-weight: 500!important; letter-spacing: .22em; text-transform: uppercase; transition: border-color .5s var(--ease), background .5s var(--ease), color .5s var(--ease), transform .3s var(--ease), filter .5s var(--ease); white-space: nowrap;}
.btn:hover {filter: brightness(1.07);}
.btn:hover i{transform: translate(2px, -1px) scale(1.06);}
.btn i { width: 32px; height: 32px; border-radius: 999px;flex-shrink: 0;  display: flex; align-items: center;justify-content: center; margin-left: 20px; background: var(--gold-14); border: 1px solid var(--gold-25); transition: transform .5s var(--ease), background .5s var(--ease);}
html .btn-primary:active, html .btn-primary.active {  border: 1px solid var(--gold-40);color: var(--gold-bright); background: var(--grad-gold)!important;}

.usluge-icon-box .featured-box{background:transparent; box-shadow: none; border: 0;}
.usluge-icon-box .box-content {border-top: 0;}
.usluge-icon-box .box-content h2 {font-family: 'Jost'; letter-spacing: .22em;text-transform: uppercase;}
.usluge-icon-box .box-content h2:after{ content:""; width: 34px;  height: 1px;background: rgba(160, 127, 53, .5);  margin: 16px auto 0; transform: scaleX(0);   transition: transform .6s var(--ease); display: block;}
.usluge-icon-box .box-content p{color: var(--ink)!important; font-size: 13px!important; line-height: 1.7; font-weight: 500!important;}
.usluge-icon-box .box-content .icon-featured {border: 1px solid rgba(160, 127, 53, .3);background: rgba(201, 162, 74, .07); width: 72px!important; height: 72px!important; line-height: 72px!important; transition: transform .6s var(--ease), background .6s var(--ease), border-color .6s var(--ease);}
.usluge-icon-box .box-content .icon-featured:after {display:none;}
.usluge-icon-box .box-content i:before{font-size: 23px; color:var(--ink); font-weight:300; display: flex;  align-items: center;   justify-content: center; transition: color .5s var(--ease-soft);}
.usluge-icon-box .box-content:before { content: ""; position: absolute; left: 0;top: 18%; bottom: 18%; width: 1px; background: linear-gradient(180deg, transparent, rgba(160, 127, 53, .35), transparent);}
.usluge-icon-box .featured-box{background:transparent;}
.usluge-icon-box .mt-3{display:none;}
.usluge-icon-box .row.justify-content-center > .col-lg-1-5:first-child .box-content::before {display: none;}
.usluge-icon-box .col-lg-1-5:hover .icon-featured{ transform: translateY(-6px); background: rgba(201, 162, 74, .16); border-color: var(--gold-deep);}
.usluge-icon-box .col-lg-1-5:hover .box-content i:before {color:var(--gold-deep);}
.usluge-icon-box .col-lg-1-5:hover .box-content h2:after {transform: scaleX(1);}
.usluge-icon-box .mb-4, .my-4 { margin-bottom: 0!important;}
.usluge-icon-box .featured-box .box-content {padding: 44px 15px !important;}

.citat-title h2{ font-family: 'Cormorant Garamond', serif; font-size: clamp(26px, 3.4vw, 42px);font-weight: 500; font-style: italic; color: var(--white-92); line-height: 1.35; letter-spacing: .01em; padding-top: 25px!important; max-width: 950px; margin-bottom: 25px!important;}
.citat-title h3 { margin-top: 28px; margin-bottom: 40px !important; font-size: 11.5px; letter-spacing: .4em; text-transform: uppercase; color: var(--gold); font-family: 'Jost', system-ui, sans-serif; font-weight: 300;}
/*.citat-title:before{content:"”"; position:absolute; font-family: 'Cormorant Garamond', serif; font-size: 125px; line-height: .4;display: block; margin-bottom: 34px; background: var(--grad-gold); background-clip: text;-webkit-text-fill-color: transparent;color: transparent;     left: 0; right: 0;margin: auto; display: flex;  align-items: center; justify-content: center;}*/

.flex-section {display:flex; align-items:center; justify-content: space-between;}
.flex-section-right {width:47%;  transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.flex-section-left {width:47%;}
.flex-section-left a{color: var(--white-72);}

.section-hrvatska .button-tag .col-sm-12 {padding:30px 0 0 0;}
.section-hrvatska img {border-radius:16px!important; height: 330px!important; /*border: 1px solid var(--gold-25); box-shadow: 0 34px 80px rgba(5, 12, 8, .55);*/}
.section-hrvatska .img-thumbnail {border-radius: 16px; height: 330px; transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.section-hrvatska .gallery-block-fix .owl-stage-outer {border: 1px solid var(--gold-25); box-shadow: 0 34px 80px rgba(5, 12, 8, .55); height: 330px;   border-radius: 16px;}
.image-thumbnail-block:before {padding-top: 0;}
.section-hrvatska .btn{background:transparent;}
.section-hrvatska .btn-primary:active{background:transparent!important;}
.section-hrvatska .gallery-block-fix {position: relative; height:330px!important;}
.section-hrvatska .flex-section h3 {display:none!important;}
.section-hrvatska-flex {display: flex;}
.flex-section-bottom {margin-bottom:60px;}
.col-podrucje {width:47%; margin-bottom: 0;}
.col-podrucje h3 {display:none!important;}
.col-podrucje .header-title{ padding-top: 30px !important;}

.main-section .container-xl .row .col-lg-12 h2{font-size: clamp(24px, 2.6vw, 34px); color: var(--white-92); letter-spacing: .03em;  margin: 44px 0 16px;}
.main-section .container-xl .row .col-lg-12 { max-width: 825px;}
.main-section .container-xl .row .col-lg-12 p{font-size: 16px;}
.main-section .container-xl .row .col-lg-12 a {color: var(--gold-bright); border-bottom: 1px solid var(--gold-25); font-size: 16px; transition: transform .55s var(--ease); }
.main-section .container-xl .row .col-lg-12 a:hover{border-bottom:0;}
.main-section .container-xl .row .col-lg-12 ul li {color: var(--white-72);line-height: 1.7; font-size: 15.5px; font-family: 'Jost', system-ui, sans-serif;font-weight: 300;-webkit-font-smoothing: antialiased; margin-bottom: 8px;}
.main-section .container-xl .row .col-lg-12 ul{margin: 0 0 16px 20px;}
.main-section .container-xl .row .col-lg-12 ol li {color: var(--white-72);line-height: 1.7; font-size: 15.5px; font-family: 'Jost', system-ui, sans-serif;font-weight: 300;-webkit-font-smoothing: antialiased; margin-bottom: 8px;}
.main-section .container-xl .row .col-lg-12 ol{margin: 0 0 16px 20px;}

.icons-about .featured-box{ position: relative; padding: 30px 26px 28px;  border: 1px solid rgba(160, 127, 53, .25);  border-radius: 14px;background: rgba(255, 255, 255, .4); box-shadow: none;  margin: 0; min-height: 100px;}
.icons-about .box-content{ top: 0; border-top-width: 0; padding: 0 !important;}
.icons-about .box-content p {font-size: 15px; line-height: 1.7; color: var(--ink-soft);}
.icons-about .box-content h2{font-family: 'Jost'; font-size: 12.5px;  font-weight: 500;  letter-spacing: .22em; text-transform: uppercase; margin-bottom: 10px; color: var(--ink);}
.icons-about .box-content h3 {font-family: 'Cormorant Garamond', serif; font-size: 30px;  color: var(--gold-deep); display: block; margin-bottom: 0px!important; font-weight:300;}

.jamstva-icon-box .col-lg-6 {padding: 36px 34px; text-align: left;}
.jamstva-icon-box i:before{font-size: 18px; stroke: var(--gold); stroke-width: 1.1;  fill: none; stroke-linecap: round; stroke-linejoin: round; color:#c9a24a;}
.jamstva-icon-box i{width: 52px; height: 52px; border-radius: 999px;flex-shrink: 0; top:0; border: 1px solid var(--gold-25); margin-bottom: 20px!important; background: var(--gold-14); display: flex;  align-items: center; justify-content: center;}
.jamstva-btn {margin: 40px 0 0 -15px!important; background: linear-gradient(115deg, rgba(201, 162, 74, .10), rgba(201, 162, 74, .03))!important; border: 1px solid var(--gold-40)!important;}
.jamstva-btn:hover{border-color: var(--gold)!important; background: linear-gradient(115deg, rgba(201, 162, 74, .22), rgba(201, 162, 74, .08))!important;}

html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(4) { background: var(--g-950) !important;}
html .featured-boxes-full-scale>.featured-box-full-primary:nth-child(4):hover { background: var(--g-900)!important;}

.text-image-animation h4:before {  content: ""; height: 1px; width: 44px; background: linear-gradient(90deg, transparent, rgba(160, 127, 53, .5)); position: absolute; left: 0;  top: 0; bottom: 0; margin: auto; }
.text-image-animation h4{ position:relative; display: inline-flex; align-items: center; padding-left:60px; font-family: 'Jost', system-ui, sans-serif; font-size: 11.5px; font-weight: 500!important; letter-spacing: .42em;  text-transform: uppercase; color: var(--gold); transition: opacity 1s cubic-bezier(.32,.72,0,1), transform 1s cubic-bezier(.32,.72,0,1), filter 1s cubic-bezier(.32,.72,0,1); transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.text-image-animation h2 { font-size: clamp(30px, 3.4vw, 46px); color: var(--white-92); letter-spacing: .03em;  margin-top: 18px;}
.text-image-animation p{ margin-top: 18px; font-size: 16.5px; transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease); color: var(--white-72);}
.text-image-animation .col-lg-9 {flex: 0 0 47%; max-width: 47%;}
.text-image-animation .col-lg-3 {flex: 0 0 47%; max-width: 47%;}
.text-image-animation .row{ align-items: center; justify-content: space-between;}
.text-image-animation .col-lg-3 img {position:relative; border-radius: 16px; overflow: hidden; position: relative; border: 1px solid var(--gold-25); box-shadow: 0 34px 80px rgba(5, 12, 8, .55); height: 440px;}
.text-image-animation .col-lg-3 img:before {content: ""; position: absolute;  pointer-events: none; background: linear-gradient(180deg, rgba(16, 36, 24, .28), transparent 45%); box-shadow: inset 0 1px 1px rgba(232, 205, 138, .14); width:100%; height:100%;}
.text-image-animation a {color: var(--gold-bright)!important; border-bottom: 1px solid var(--gold-25); font-size: 16px; transition: transform .55s var(--ease); }
.text-image-animation a:hover{border-bottom:0;}

.citat-icon-box{max-width: 1060px;}
.citat-icon-box .featured-box-full:hover {background: var(--g-900);}
.citat-icon-box .featured-box-full-primary:nth-child(1) {background: var(--g-950)!important;}
.citat-icon-box .featured-box-full-primary:nth-child(1):hover{background: var(--g-900)!important;}
.citat-icon-box .featured-box-full-primary:nth-child(2) {background: var(--g-950)!important;}
.citat-icon-box .featured-box-full-primary:nth-child(2):hover{background: var(--g-900)!important;}
.citat-icon-box .featured-box-full-primary:nth-child(3) {background: var(--g-950)!important;}
.citat-icon-box .featured-box-full-primary:nth-child(3):hover{background: var(--g-900)!important;}
.citat-icon-box .featured-box-full-primary{border: 1px solid var(--hairline);  padding: 44px 38px;}
.citat-icon-box .featured-box-full-primary h2 { font-family: 'Jost'; font-size: 13.5px; font-weight: 500;  letter-spacing: .26em;  text-transform: uppercase; color: var(--white-92)!important; margin-bottom: 12px;}
.citat-icon-box .featured-box-full-primary h4 p {font-family: 'Cormorant Garamond', serif; font-size: 15px; letter-spacing: .3em; display: block;margin-bottom: 16px; background:var(--grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;color: transparent;} 
.citat-icon-box .featured-box-full-primary p{ font-size: 14.5px; color: var(--white-55)!important; line-height: 1.75; padding-top:0;}


.usluge-item p{max-width: 660px;}
.usluge-item ul li{ position: relative; padding-left: 10px; font-size: 15px; color: var(--white-72); line-height: 1.55; margin-bottom: 13px; list-style:none;}
.usluge-item ul li:before{content: "";  position: absolute; left: -18px; top: 13px;  width: 12px; height: 1px; background: var(--gold);}
.usluge-item ul {display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: column; grid-template-rows: repeat(4, auto);column-gap: 40px; row-gap: 8px;margin: 0 0 16px 20px;}
.usluge-flex {display: flex; align-items:center; border-bottom: 1px solid rgba(201, 162, 74, .14); scroll-margin-top: 110px; padding: clamp(52px, 7vh, 76px) 0;}
.usluge-flex .container-xl{max-width:820px;}
.usluge-icon-item h2{font-size: clamp(27px, 2.8vw, 38px)!important; color: var(--white-92)!important;  letter-spacing: .03em; font-family: 'Cormorant Garamond', Georgia, serif; transition: color .4s;}
.usluge-icon-item:hover h2 {color: var(--gold) !important;}
.usluge-icon-item .featured-box { background: transparent; box-sizing: border-box; border-bottom: 0;  border-left: 1px; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; box-shadow: none;}
.usluge-icon-item .icon-featured:after { display:none;}
.usluge-icon-item .icon-featured {width: 64px!important; height: 64px!important; line-height:64px!important; border: 1px solid var(--gold-25)!important;  background: var(--gold-14)!important;  display: flex;  align-items: center; justify-content: center; margin: 40px 0 7px!important; font-size: 22px!important;}
.usluge-icon-item .icon-featured:before {color: var(--gold); position: relative; font-size: 19px;}
.usluge-icon-item .box-content h2 p{font-size: clamp(27px, 2.8vw, 38px); color: var(--white-92)!important;  letter-spacing: .03em; font-family: 'Cormorant Garamond', Georgia, serif;}
.usluge-icon-item h3 { font-family: 'Cormorant Garamond', serif; font-size: 15px; letter-spacing: .3em; background: var(--grad-gold); background-clip: text; -webkit-text-fill-color: transparent; color: transparent; position: absolute; top: 0; left: 0;}
.usluge-icon-item .box-content { text-align: left; padding: 0 !important;}
.featured-box .box-content:not(.box-content-border-0) { top: 0; border-top-width: 0;}
.usluge-item-first .usluge-flex{padding-top:0;}
.usluge-item-last .usluge-flex{border-bottom:0;}
.usluge-item .col-lg-12 a {color: var(--gold-bright)!important; border-bottom: 1px solid var(--gold-25); font-size: 16px; transition: transform .55s var(--ease); }
.usluge-item .col-lg-12 a:hover{border-bottom:0;}
.usluge-item .mb-0.mt-3 .text-primary{font-size: 12px !important; font-weight: 500 !important; letter-spacing: .22em; text-transform: uppercase; font-family: 'Jost', system-ui, sans-serif; position:relative; color: var(--white-55) !important; transition: border-color .5s var(--ease), background .5s var(--ease), color .5s var(--ease), transform .3s var(--ease), filter .5s var(--ease);}
.usluge-item .mb-0.mt-3 .text-primary:after { right: -20px;  content: ""; width: 13px; height: 13px; background-image: url(/doc/slike/arrow2.png); position: absolute; top: 0; bottom: 0; left: auto; background-repeat: no-repeat; background-size: contain; margin:auto; transition: transform .5s var(--ease), background .5s var(--ease);}
.usluge-item .mb-0.mt-3 .text-primary:hover{ color: var(--gold-bright) !important;}
.usluge-item .mb-0.mt-3 .text-primary:hover:after{ transform: translateX(3px) !important;}
.separator {border-bottom: 1px solid rgba(201, 162, 74, .14);}

.usluge-alert{ margin: 28px 0 0 0; padding: 16px 22px !important; border-left: 2px solid var(--gold-40);background: rgba(201, 162, 74, .06); font-size: 14px;  color: var(--white-55);font-size: 16.5px; max-width: 660px;}
.usluge-alert p{margin-bottom:0!important;}
.usluge-alert p strong {color: var(--gold-bright)!important; font-weight: 500;}
.usluge-alert a {color: var(--gold-bright)!important; border-bottom: 1px solid var(--gold-25); font-size: 16px; transition: transform .55s var(--ease); }
.usluge-alert a:hover{border-bottom:0;}
.usluge-alert .alert{margin-bottom:0!important; padding:0;}

.note{ margin: 28px 0 0 0; padding: 16px 22px !important; border-left: 2px solid var(--gold-40)!important;background: rgba(201, 162, 74, .06); font-size: 14px;  color: var(--white-55)!important;font-size: 16.5px; max-width: 660px;}
.note p{margin-bottom:0!important;}
.note strong {color: var(--gold-bright)!important; font-weight: 500;}
.note a {color: var(--gold-bright)!important; border-bottom: 1px solid var(--gold-25); font-size: 16px; transition: transform .55s var(--ease); }
.note a:hover{border-bottom:0;}

.article-load-block .post{ padding: 30px 26px 28px; border: 1px solid rgba(160, 127, 53, .25); border-radius: 14px;  margin-bottom: 30px;}
.article-load-block .post-content h4 a{color: var(--white-92);}
.article-load-block .post-content h4 { font-family: 'Cormorant Garamond', Georgia, serif; letter-spacing: .03em;}
.post-content ul li {color: var(--white-72);line-height: 1.7; font-size: 15.5px; font-family: 'Jost', system-ui, sans-serif;font-weight: 300;-webkit-font-smoothing: antialiased; margin-bottom: 8px;}
.post-content ul{margin: 0 0 16px 20px;}
.post-content ol li {color: var(--white-72);line-height: 1.7; font-size: 15.5px; font-family: 'Jost', system-ui, sans-serif;font-weight: 300;-webkit-font-smoothing: antialiased; margin-bottom: 8px;}
.post-content ol{margin: 0 0 16px 20px;}

.sidebar .simple-post-list li.list-link a { color: var(--white-72);font-size: 15px;}
.sidebar .simple-post-list li {border-bottom: 1px solid rgba(201, 162, 74, .14);}
.sidebar .simple-post-list li:hover {background:transparent;}
.sidebar .simple-post-list li:hover a{    color: var(--gold) !important;}
.sidebar-settings .sidebar h5 {font-family: 'Jost';font-size: 13.5px;letter-spacing: .26em; text-transform: uppercase; color: var(--white-92); margin-bottom: 12px; font-weight: 500 !important;}

.search-full div[id^=results-] {top: 69px;}
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {font-size: 18px !important;color: #141C28;}
.search-block a {color:#141C28!important;}
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border-bottom-color: var(--gold);}
.search-fullp div[id^=results-] ul li a {margin-bottom: 13px;font-size: 15px;}

.search ul.simple-post-list li {align-items:center;}
.search-block a{margin-bottom: 18px; font-weight: 500; color: #004A99 !important;}
.search-block a:hover{color:#141C28!important;}


.ctaband .contact-inline { margin-top: 34px; display: flex; justify-content: center; gap: 38px; flex-wrap: wrap;}
.contact-inline a {display: inline-flex;align-items: center;  gap: 10px; font-size: 14.5px; letter-spacing: .06em; color: var(--white-72);transition: color .4s; margin: 0 20px;}
.contact-inline svg { width: 16px;  height: 16px;stroke: var(--gold);stroke-width: 1.2; fill: none; stroke-linecap: round;stroke-linejoin: round;}
.contact-inline i:before { width: 16px;  height: 16px; color: var(--gold);stroke-width: 1.2; fill: none; stroke-linecap: round;stroke-linejoin: round;}
.contact-inline a:hover { color: var(--gold-bright);}
.contact-inline{text-align:center;z-index: 10; position: relative;}
.contact-container { margin-bottom: 80px;}
.contact-container .heading.heading-border { margin-bottom: 0;}
.contact-container .contact-inline a {font-size: 16.5px;}
.kontakt-section-btn{margin-bottom: 35px !important;}
.kontakt-sekcija{border-top: 1px solid rgba(201, 162, 74, .12); position:relative;}
.kontakt-sekcija:before{content: ""; position: absolute; inset: 0; background: radial-gradient(60% 100% at 50% 100%, rgba(201, 162, 74, .10), transparent 70%);}

.fui-label {display: block!important; font-size: 14px!important;; font-weight: 500!important;; letter-spacing: .3em; text-transform: uppercase;color: var(--gold)!important;; margin-bottom: 10px!important;}
.fui-required {color: var(--gold)!important;}
.fui-input, .fui-select{ padding: 15px 18px!important;  border-radius: 10px!important;  background: rgba(12, 26, 17, .6)!important; border: 1px solid rgba(201, 162, 74, .22)!important;  color: var(--white-92)!important;  font-family: 'Jost'!important; font-size: 15.5px!important;  font-weight: 300!important; transition: border-color .4s var(--ease-soft), box-shadow .4s var(--ease-soft);  -webkit-appearance: none; appearance: none;}
textarea { min-height: 150px; resize: vertical;}
.fui-page-container { margin-top: 40px;}
.fui-field {padding-bottom: 10px;}
.custom-form {max-width: 990px; margin: auto;}
.btn-form button{font-family: 'Jost', system-ui, sans-serif; display: inline-flex; align-items: center;  margin: 0 !important; padding: 11px 25px!important; border: 1px solid var(--gold-40);  border-radius: 999px; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .22em; text-transform: uppercase;  transition: border-color .5s var(--ease), background .5s var(--ease), color .5s var(--ease), transform .3s var(--ease), filter .5s var(--ease); white-space: nowrap; background: var(--grad-gold); color: var(--g-950); border-color: transparent;}
.fui-btn:hover{filter: brightness(1.07); color: var(--g-950)!important; border-color:transparent!important;}
.btn-form:hover{ filter: brightness(1.07);}
.fui-input.fui-focus, .fui-input:focus, .fui-select.fui-focus, .fui-select:focus { box-shadow: rgba(201, 162, 74, 0.14) 0px 0px 0px 3px!important; outline: none!important; border-color: var(--gold)!important;}
.f-poruka {font-size: 13px; color: var(--white-55);max-width: 520px;}
.f-poruka a{color: var(--gold-bright);}
.fui-alert-error {background: transparent!important;padding-left: 0!important;}
.fui-alert-error p{color: var(--fui-error-color, var(--fui-error)); margin-bottom: 0; font-weight: 500;}
.fui-alert-success {background: transparent!important;padding-left: 0!important;}
.fui-alert-success p{color: #58a994 !important; margin-bottom: 0; font-weight: 500;}

.institucije-label p{ text-align: center; margin-top: 2px;font-size: 14px;  color: var(--ink-soft);}

.locs { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 3vw, 44px);}
.js .rv { opacity: 0; transform: translateY(46px);  filter: blur(8px); transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
.js .rv.in {opacity: 1;  transform: none;filter: blur(0);}
.loc-img { height: 190px; overflow: hidden; position: relative;}
.loc-img img {  width: 100%;  height: 100%;object-fit: cover;}
.loc-img::after { content: "";  position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 36, 24, .18), rgba(12, 29, 20, .66) 88%);}
.loc-body { padding: 30px 32px 34px; position: relative;}
.loc-tag { position: absolute; top: -17px;left: 28px;  padding: 7px 18px; border-radius: 999px; background: var(--grad-gold); color: var(--g-950);font-size: 10.5px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase;}
.loc h3 { font-size: 25px;color: var(--white-92);margin: 8px 0 4px; letter-spacing: .03em; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; line-height: 1.12;}
.loc-rows { margin-top: 18px; display: flex; flex-direction: column; gap: 13px;}
.loc-row {display: grid;  grid-template-columns: 20px 1fr; gap: 13px; align-items: start;  font-size: 15px; color: var(--white-72);}
.loc-row svg { width: 17px; height: 17px;  stroke: var(--gold);  stroke-width: 1.1; fill: none; stroke-linecap: round; stroke-linejoin: round; margin-top: 4px;}
.loc { position: relative; border: 1px solid var(--gold-25); border-radius: 16px; overflow: hidden; background: linear-gradient(165deg, var(--g-850), var(--g-950) 85%);}
.loc-row b { font-weight: 400; color: var(--white-92); display: block;}
.loc-row a{ font-size: 15px;  color: var(--white-72);}
.loc-row a:hover{color: var(--gold-bright);}
.loc-row p {margin-bottom:0!important;}

.ftr-brand { display: flex; flex-direction: column;align-items: flex-start; gap: 20px;}
.ftr-brand .brand-mono {width: 74px; height: 74px;}
.ftr-brand .f-name { font-family: 'Cormorant Garamond', serif; font-size: 21px; font-weight: 600; letter-spacing: .16em;  text-transform: uppercase; color: var(--white-92);}
.ftr-brand .f-sub { font-size: 10px; letter-spacing: .52em;text-transform: uppercase; color: var(--gold); margin-top: 5px;}
.ftr-bottom p{ font-size: 13px!important; color: var(--white-55)!important;}
.ftr-bottom a{ font-size: 13px!important; color: var(--white-55)!important; transition: color .4s;}
.ftr-bottom a:hover{color: var(--gold-bright)!important;}
.wmd-right{text-align:right;}
.wmd-right a:hover{color: var(--gold-bright)!important;}
#footer .footer-copyright.footer-copyright-style-2 { border-top: 1px solid rgba(201, 162, 74, .12); padding: 26px 0 30px;}
.ftr { background: var(--g-950)!important; border-top: 1px solid rgba(201, 162, 74, .16)!important; position: relative;}
.ftr.row{display: grid; grid-template-columns: 1.25fr 1fr 1fr .8fr; gap: clamp(36px, 4vw, 70px);padding: clamp(70px, 9vh, 100px) 0 clamp(50px, 7vh, 70px);}
.ftr h5{font-size: 11px; font-weight: 500;letter-spacing: .36em; text-transform: uppercase; margin-bottom: 24px;}
#footer a:not(.btn).link-hover-style-1 {font-size: 14.5px !important; color: var(--white-72); transition: color .35s;}
#footer a:not(.btn).link-hover-style-1:hover {color: var(--gold-bright); left: 0;}
.header-social-icons li a{width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--gold-25);background: var(--gold-14)!important; display: flex; align-items: center; justify-content: center; transition: background .5s var(--ease), transform .4s var(--ease), border-color .5s var(--ease);}
.header-social-icons li a i:before{ color: var(--gold); font-size: 17px; stroke: none;}
.header-social-icons li a:hover{background: var(--gold-25); border-color: var(--gold); transform: translateY(-3px);}
.ftr .col-lg-2 {display: block !important;}
.ftr .col-sm-12 {display: block !important;}
.ftr-item { display: grid;  grid-template-columns: 20px 1fr; gap: 14px; margin-bottom: 10px; align-items: start;}
.ftr-item p b { display: block; font-weight: 400;  color: var(--white-92);}
.ftr-item p {font-size: 15px; color: var(--white-72);line-height: 1.6; margin-bottom:0!important;}
.ftr-item a {color: var(--white-72)!important;}
.ftr-item a:hover{color: var(--gold-bright)!important;}
.ftr h4 {  font-size: 11px; font-weight: 500; letter-spacing: .36em; text-transform: uppercase;color: var(--gold)!important;  margin-bottom: 24px; font-family: 'Jost', system-ui, sans-serif;}
.ftr-item i:before { position: absolute; font-size: 14px; color: var(--gold);stroke-width: 1.1; fill: none;stroke-linecap: round; stroke-linejoin: round; margin-top: 5px;}
.ftr-item-bottom {margin-bottom: 35px;}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media (min-width: 992px) {
    .row.py-5.align-items-baseline.justify-content-between { display: grid; grid-template-columns: 5fr 5fr 5fr 2fr;  column-gap: 2rem; row-gap: 2rem; }
    .row.py-5.align-items-baseline.justify-content-between > [class*="col-"] { width: auto; max-width: none; flex: unset;}
    .row.py-5.align-items-baseline.justify-content-between > *:nth-child(1) {  grid-column: 1; grid-row: 1;}
    .row.py-5.align-items-baseline.justify-content-between > *:nth-child(2) { grid-column: 2;  grid-row: 1; }
    .row.py-5.align-items-baseline.justify-content-between > *:nth-child(3) { grid-column: 3; grid-row: 1;}
    .row.py-5.align-items-baseline.justify-content-between > *:nth-child(4) { grid-column: 4;row: 1;}
    .row.py-5.align-items-baseline.justify-content-between > *:nth-child(5) { grid-column: 4; grid-row: 2;margin-top: -105px;}
}