body{font-family: 'Manrope', -apple-system, system-ui, sans-serif;}

h1, h2, h3 { font-family: 'Anton', Impact, sans-serif; font-weight: 400; color: #333333; line-height: .95; letter-spacing: .002em;}
p {font-size: clamp(14px, .95vw, 16px); line-height: 1.6;}
table tr td {font-size: clamp(14px, .95vw, 16px); line-height: 1.6; color: #333333;}
a { color: inherit; text-decoration: none;  transition: color .2s, background .2s, border-color .2s, transform .2s;}
figure {height:auto;}
.table {height:auto;}
table {width: 100%;}

.bg-soft {background:#FAFAFA; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding:clamp(60px,6vw,120px);}
.section-padding {padding:clamp(60px,6vw,120px);}
.section-margin {margin:60px 0 100px;}
section.section { border-top: 0; margin: 0; padding:0;}
.margin-60 {margin-bottom:60px;}

.vzg-btn { display: inline-flex; align-items: center; gap: 10px;  font-weight: 700; font-size: 15.5px!important; padding: 15px 28px;  white-space: nowrap; transition: color .2s, background .2s, border-color .2s, transform .2s; border-radius:0;}

.topbar-urgent { display: inline-flex; align-items: center; gap: 9px; font-weight: 700;color: #fff; letter-spacing: .04em; white-space: nowrap;font-size: 13px;}
.topbar-urgent i { width: 7px;  height: 7px; border-radius: 50%; background: #B2251F; display: block; animation: pulse 2.4s ease-in-out infinite;}
.topbar-right { display: flex; align-items: center;  gap: 24px; white-space: nowrap; color: #9A9A9A; font-size: 13px;}
.topbar-right a {color: #9A9A9A;}
.topbar-right a:hover {color: #FFFFFF;}
.header__wrapper-social {justify-content: space-between; padding-top: 8px; padding-bottom: 8px;}
.header-nav-top-icon i:before {color: #FFFFFF; font-size: 15px; transition: color .2s;}
.header-nav-top-icon:hover i:before {color:#B2251F;}
#header .header-nav.down-menu { min-height: 100px;}
#header .header-body {background: transparent;}
#header .header-logo img { width: 320px;}
#header .header-logo {top: 48px;}
#header .header-row.container-xl .nav.nav-pills a {color:#FFFFFF; font-size: clamp(14.5px, 1.02vw, 17px); font-weight: 800; letter-spacing: .005em; text-transform:none; text-shadow: 0 1px 12px rgba(0, 0, 0, .45);}
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav>ul>li>a:before {background:#B2251F;}
#header .header-nav.header-nav-line nav>ul>li>a {min-height:50px;}
#header .header-nav.header-nav-line nav>ul>li>a:hover {min-height:50px;}
#header .header-nav.header-nav-line nav>ul>li>a, #header .header-nav.header-nav-line nav>ul>li:hover>a { padding: 0 18px;}
#header .header-nav.header-nav-line nav>ul:not(:hover) li>a.active {color:#FFFFFF;}
#mainNav > li:last-child { background:#B2251F;  transition: background .2s; margin-left:17px!important;}
#mainNav > li:last-child:hover { background:#871C17; }
#mainNav > li:last-child > a { font-size: 14.5px!important;}
.dropdown-item i:before {font-size: 11px;}
.dropdown-menu .dropdown-item { font-weight: 400!important; text-shadow: none!important; color: #B2251F!important;  font-size: 15px!important;}
#header .header-nav-main nav>ul>li { align-self: center; max-height: 50px;}
#header .header-nav.header-nav-links nav>ul>li>a, #header .header-nav.header-nav-links nav>ul>li:hover>a, #header .header-nav.header-nav-line nav>ul>li>a, #header .header-nav.header-nav-line nav>ul>li:hover>a { min-height: 50px;}
.sticky-header-active #header .header-body { background: #000000;}
.sticky-header-active #header .header-logo {top: 4px;}
.sticky-header-active #header .header-logo img { width: 285px;}
.sticky-header-active #header .header-nav.header-nav-line .header-nav-main {margin-top:7px;}

.page-header-block { padding: 210px 0 60px!important; margin-top: -129px;}
.page-header-block:before { content: ""; position: absolute;inset: 0; background: linear-gradient(180deg, rgba(20, 20, 20, .72) 0%, rgba(20, 20, 20, .34) 34%, rgba(20, 20, 20, .78) 76%, rgba(20, 20, 20, .94) 100%); width: 100%; height: 100%;  z-index: 2;}
.page-header-block .col-md-8 {z-index:2;}
.page-header-block .col-md-4 {z-index:2;}
.page-header-bottom { margin-bottom: 0;}
.page-header.page-header-classic.page-header-bottom:after {height: 1px;}
.page-header.page-header-classic.page-header-bottom .page-header-title-border { width: 0; height: 1px;}

.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: #B2251F;}
.search-full div[id^=results-] ul li a {margin-bottom: 11px;font-size: 15px;}
.search ul.simple-post-list li {align-items:center;}
.search-block a{margin-bottom: 18px; font-weight: 500; color: #B2251F!important;}
.search-block a:hover{color:#871C17!important;}

.hero-slider-sekcija .swpr-slide-bg-wrap:after { content: ""; position: absolute;inset: 0; background: linear-gradient(180deg, rgba(20, 20, 20, .72) 0%, rgba(20, 20, 20, .34) 34%, rgba(20, 20, 20, .78) 76%, rgba(20, 20, 20, .94) 100%); width: 100%; height: 100%;  z-index: 1;}
.slider-container:has(.swiper.swpr267713[data-swpr-flow="1"]) {margin-top: -100px!important;}
.hero-slider-sekcija .tp-caption h1 { font-size: clamp(46px, 6.2vw, 128px);  line-height: .88; color: #fff; margin-bottom: 0; max-width: 15ch; text-align: left; text-wrap: balance; font-family: 'Anton', Impact, sans-serif; font-weight: 400; letter-spacing: .002em; text-transform: uppercase;}
.hero-slider-sekcija .tp-headertop {text-align:left;}
.hero-slider-sekcija .tp-headertop p {display: inline-block; padding: 9px 18px; background: #B2251F; color: #fff;font-size: 12.5px; font-weight: 800;  letter-spacing: .2em; text-transform: uppercase;  margin-bottom: clamp(20px, 2.2vw, 32px);}
.hero-slider-sekcija .tp-headerbottom p {margin-top: clamp(18px, 1.8vw, 30px); max-width: 58ch; font-size: clamp(16.5px, 1.15vw, 21px); line-height: 1.6; color: rgba(255, 255, 255, .82); text-align:left;}
.hero-slider-sekcija .swiper-slide-content {max-width: 1600px; margin: auto; text-align: left; z-index:2;}
.hero-slider-sekcija .button-tag {text-align: left !important;}
.hero-slider-sekcija .button-tag a {margin:0 15px 0 0!important;}
.hero-btn-red:hover {background-color:#871C17!important; border-color:#871C17!important;}
.hero-btn-outline {border: 1px solid rgba(255, 255, 255, .45)!important;}
.hero-btn-outline:hover {background: rgba(255, 255, 255, .12)!important;}

.counter-sekcija {border-bottom: 1px solid #EAEAEA;}
.counter-block .counter { text-align: center; display: flex;  align-items: center;}
.counter-block .counter strong{color: #B2251F;  font-family: 'Anton', Impact, sans-serif; font-weight: 400; font-size: clamp(42px, 3.4vw, 68px); line-height: 1;font-variant-numeric: tabular-nums;}
.counter-block .counter label p {font-size: clamp(13.5px, .92vw, 16px); line-height: 1.45; max-width: 24ch; font-family: 'Manrope', -apple-system, system-ui, sans-serif; color: #777777; margin-bottom: 0; font-weight: 400;}
.counter-block .counter label{ text-align: left; display: flex; margin: 0 0 0 20px;}
.counter-block .mb-4 {padding: clamp(28px, 2.6vw, 46px) clamp(20px, 2vw, 40px); border-right: 1px solid #EAEAEA;}
.counter-block .mb-4:last-child { border: none;}
.counter-block .col-sm-6:nth-last-child(-n+2) .counter strong { color: #333333;}

.heading-title {position:relative; margin-bottom: 17px;}
.heading-title h3 {margin-bottom: 22px !important; background:transparent!important;}
.heading-title h3 span {display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #B2251F; font-family: 'Manrope', -apple-system, system-ui, sans-serif;}
.heading-title h3 span:before {content: ""; width: 22px; height: 2px; background: #B2251F;}
.heading-title h2 {margin-bottom:0!important;}
.heading-title h2 {font-size: clamp(34px, 3.6vw, 64px); text-transform:uppercase;}
.heading-title p{margin-bottom:0!important; max-width: 64ch; margin-top: 14px; font-size: clamp(15.5px, 1.05vw, 18px);}
.heading-title-btn { position: absolute; right: 0; bottom: 0;  margin: 0 !important; padding: 0; display: inline-flex; align-items: center; gap: 8px;  font-size: 13px!important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #B2251F; white-space: nowrap;}
.heading-title-btn:hover {color: #871C17!important;}
.heading-title-btn i:before {font-size: 13px; font-weight: 800;}
.heading-title-btn i {transition: transform .2s;}
.heading-title-btn:hover i {transform: translateX(4px);}

.article-load-block .post { font-size: 12.5px; font-weight: 800; letter-spacing: .1em; color: #B2251F;  font-variant-numeric: tabular-nums;}
.article-load-block .post-image { margin-bottom: 15px!important; overflow:hidden;}
.article-load-block .post-image img {transition: transform .5s;}
.article-load-block .post-content h4 a{font-family: 'Manrope', sans-serif; font-weight: 800; font-size: clamp(17.5px, 1.25vw, 23px); margin-top:10px; line-height: 1.35; text-transform: none; letter-spacing: 0; max-width: 34ch; color: #333333;}
.article-load-block .post-content h4 { margin: 12px 0 0 0 !important;}
.article-load-block .grid-media {aspect-ratio: 16 / 10;}
.article-load-block .article-load:hover .post-content h4 a{color:#B2251F;}
.article-load-block .article-load:hover .post img {transform: scale(1.05);}

.article-load-margin .article-load{margin-bottom:35px;}

.article-load-border h4 a{ font-size: clamp(20px, 1.5vw, 26px); color: #333333; font-family: 'Anton', Impact, sans-serif; font-weight: 400; line-height: .95; letter-spacing: .002em;  text-transform: uppercase;}
.article-load-border .remote-field{ font-size: clamp(14px, .95vw, 16.5px); line-height: 1.55;}
.article-load-border .post-content {padding: clamp(20px, 1.4vw, 30px) clamp(20px, 1.4vw, 30px) clamp(24px, 1.7vw, 34px);}
.article-load-border .post-image{margin-bottom:0!important;}
.article-load-border .post{border: 1px solid #EAEAEA; transition: transform .25s, box-shadow .25s, border-color .25s;}
.article-load-border .post img { width: 100%;height: 100%; object-fit: cover; transition: transform .5s; }
.article-load-border .post .post-image{overflow: hidden;}
.article-load-border .article-load:hover .post{box-shadow:0 18px 44px rgba(0,0,0,.10); border-color:transparent;}
.article-load-border .article-load:hover .post img {transform: scale(1.05);}

.article-load-gallery h4 a{font-size: clamp(17.5px, 1.25vw, 20px)!important;}
.article-load-gallery .grid-media { aspect-ratio: 4 / 3;}

.article-drustva .thumb-info{ background:transparent;}
.article-drustva h4 {font-size: 17px; font-weight: 800; line-height: 1.3; color: #333333; margin-bottom: 13px !important;}
.article-drustva .article-load {border: 1px solid #EAEAEA; transition: background .2s; padding: clamp(22px, 1.5vw, 30px) clamp(20px, 1.3vw, 28px) clamp(26px, 1.7vw, 34px);  margin-bottom: -1px; margin-right: -1px;}
.article-drustva .article-load:hover{background: #FAFAFA;}
.article-drustva-red { font-size: 11.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #B2251F;}
.article-drustva-text p{ margin-top: auto;  padding-top: 14px; font-size: 13px;color: #999999;}

.blog-posts .col-md-6 .btn{ display: inline-flex; align-items: center;  gap: 10px; font-weight: 700; font-size: 15.5px;  padding: 15px 28px; border-radius: 0;  border-color: #b2251f;}
.blog-posts .col-md-6 .btn:hover{background:#871C17; border-color:#871C17;}
.blog-posts .btn-for-tags {border: 1px solid #999999;color: #333333; padding: 14px 26px; background: transparent;  border-radius: 0;}
.blog-posts .btn-for-tags:hover {background:#EAEAEA;}
.blog-posts img {width:auto;}

.carousel-logo { padding: 0px !important;}
.carousel-logo .header-lists {display:none;}
.carousel-logo .box{ padding: 60px 0!important; border-top: 1px solid #EAEAEA;}
.carousel-logo .carousel-default .owl-item img{ height: clamp(58px, 4.6vw, 88px)!important; min-height:clamp(58px, 4.6vw, 88px)!important; width: auto; object-fit: contain; filter: grayscale(1); opacity: .62; transition: filter .25s, opacity .25s;}
.carousel-logo .carousel-default .owl-item img:hover{ filter: none; opacity: 1;}

.post-content a{color:#B2251F;}
.post-content a:hover {color:#871C17;}
.post-content ul li {font-size: clamp(14px, .95vw, 16px); line-height: 1.6; margin-bottom:15px;}
.post-content ul { margin-left: 15px;}
.post-content ol li {font-size: clamp(14px, .95vw, 16px); line-height: 1.6; margin-bottom:15px;}
.post-content ol { margin-left: 15px;}

.parallax-sekcija .section-default{}
.parallax-sekcija h2 {font-size: clamp(36px, 3.8vw, 68px); text-transform: uppercase; margin-bottom: 20px !important;}
.parallax-sekcija h4:before { content: ""; width: 22px; height: 2px; background: #FFFFFF;}
.parallax-sekcija h4 { display: inline-flex;  align-items: center; gap: 10px; font-size: 12.5px;  font-weight: 800; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 10px !important;}
.parallax-sekcija p{max-width: 52ch; font-size: clamp(16px, 1.1vw, 20px); line-height: 1.6;color: rgba(255, 255, 255, .86);}
.parallax-sekcija .left-case section { min-height: 515px; padding: 140px !important;}
.parallax-btn-white:hover {background: #F6F6F6!important;}
.parallax-btn-outline {border: 1px solid rgba(255, 255, 255, .45)!important;}
.parallax-btn-outline:hover {background: rgba(255, 255, 255, .12)!important;}
.parallax-background {background-size: contain!important;}

.animation-content p strong {color:#333333;}

.carousel-sidebar { padding-top: 0 !important;}
.carousel-sidebar .header-lists { display:none;}
.carousel-sidebar img { border-radius:0!important;}
.carousel-sidebar .container-xl { padding:0;}
.carousel-sidebar .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 { min-height:200px;  max-height:200px;}
.carousel-sidebar h4 a{  color: rgb(255, 255, 255);  text-transform: none; font-weight: 400; font-size:17px;  text-align: center; position: absolute; top: auto; bottom: 14px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.61); line-height: 25px;  border-radius: 0px 0px 5px 5px;  padding: 15px 0px; transition: 0.5s;}
.flex-col{ display:flex;}

.catalogs-193 tbody{ display:flex;align-items:center; justify-content: center;}
.catalogs-193 a { font-weight: bold;font-size: 18px;}
.catalogs-193 tbody { flex-wrap: wrap;}
.catalogs-193 .tab-content img{transition:0.3s; max-height: 706px; max-width:509px;}
.catalogs-193 .tab-content img:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);}
.catalogs-193 table tr {  display: flex; flex-wrap: wrap; align-items: center;justify-content: center;}

.map-new .gm-map {  height: 600px;}
.mt-4, .my-4{margin-top: 0 !important;}

.documents-block .col-lg-9 a:before{content: ""; background-image: url(/doc/slike/document-icon.svg); position: relative; width: 28px; position: absolute;  left: 0; height: 33px; background-repeat: no-repeat;  top: -6px;}
.documents-block .col-lg-9 p { position: relative; padding-left: 40px; margin-bottom: 35px !important;}

.list.list-icons.list-primary.list-borders p {color: #B2251F;font-size: clamp(14px, .95vw, 16px);line-height: 1.6;}
.list.list-icons.list-primary.list-borders a:hover {background:transparent; }
.list.list-icons.list-primary.list-borders a:hover p{color:#333333;}
.dokumenti-title #additional_content_dokumenti {padding:0 0 60px!important;}
#additional_header_dokumenti {font-family: 'Anton', Impact, sans-serif;  font-weight: 400;  line-height: .95;  letter-spacing: .005em;  text-transform: uppercase;  color: #333333; font-size: 19px;}
.fa-file-pdf:before, .fa-file:before, .fa-file-excel:before {font-weight: 400; font-size: 22px; color:#B2251F;}

.ustrojstvo-img img { width: 70%!important; height: auto !important;}
.ustrojstvo-img .image-thumbnail-block img { right: 0;}

.toggle-sekcija .toggle-title {border-radius:0;}
.toggle-sekcija .toggle-content {padding:15px;}
.toggle-sekcija .toggle-content p{font-size: clamp(14px, .95vw, 15px)!important; line-height: 1.6!important; color:#777777!important;}

.organizacijske-jedinice-content iframe {height:400px;}

.kontakt-sekcija {margin-bottom:60px; align-items: center;}
.kontakt-forma-sekcija{background:#B2251F; width: 1100px; margin-right:60px;}
.kontakt-forma-sekcija {padding: 60px;}
.kontakt-forma-sekcija .fui-label, .fui-legend {color:#FFFFFF;}
.kontakt-forma-sekcija .fui-input, .fui-select, textarea {border-radius: 0; padding: 15px;}
.kontakt-forma-sekcija textarea {min-height:120px;}
.fui-alert {border-radius: 0!important; background:#FFFFFF!important;}
.fui-submit { display: inline-flex;  align-items: center!important;; gap: 10px!important;; font-weight: 700!important;; font-size: 15.5px!important;; padding: 15px 28px!important;  white-space: nowrap!important;; border-radius: 0!important;;  background: #FFFFFF!important;  border-color: #FFFFFF!important;color: #B2251F!important;}
.fui-submit:hover{background:#EAEAEA!important;}

.kontakt-icons .featured-box .box-content { transition: all .3s ease; background: transparent; border: 0; padding: 0; margin-top:0; padding-bottom: 0!important;}
.kontakt-icons .featured-box .box-content:hover {background:transparent;}
.kontakt-icons .featured-box .box-content h4 { color: #b2251f; font-family: 'Anton', Impact, sans-serif; font-weight: 400; line-height: .95; letter-spacing: .002em;text-transform: uppercase; color:#333333!important; font-size: clamp(20px, 1.5vw, 26px)!important;}
.kontakt-icons .featured-box {min-height:unset;}

.footer-sekcija h5 { font-family: 'Manrope', sans-serif; font-size: 12.5px;font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #fff; margin-bottom: 20px;}
.footer-sekcija p{ font-size: 15px; color: #9A9A9A;}
.footer-sekcija a{ font-size: 15px!important; color: #9A9A9A!important;}
.footer-sekcija a:hover {color:#B2251F!important;}
.footer-sekcija:before{content: ""; position: absolute;  inset: 0; z-index: 0; background: url(/doc/slike/footer-bg.jpg) center 40% / cover no-repeat;opacity: .28; filter: grayscale(.55) blur(3px); transform: scale(1.03);}
.footer-sekcija:after { content: "";  position: absolute;inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(26, 26, 26, .72) 0%, rgba(26, 26, 26, .9) 58%, rgba(26, 26, 26, .99) 100%);}
.footer-sekcija .container-xl {z-index: 1;position: relative;}
.footer-sekcija-kontakt p{margin-bottom:12px!important;}
.footer-sekcija .py-5 {padding: 60px 0 105px !important;}
.footer-contact-big a{ font-size: 22px!important; font-weight: 800;}
.footer-contact-big a{ color:#FFFFFF!important;}
.footer-sekcija .button-tag .col-sm-12 {display:block!important;}
.footer-sekcija .button-tag .col-sm-12 a{font-size: 15px;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a  { display: inline-flex;  align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #2F2F2F;color: #fff; margin-top: 6px; border-radius: 0; background: transparent;  transition: color .2s, background .2s, border-color .2s, transform .2s;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover {background:#B2251F; border-color:#B2251F;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li { box-shadow: none;}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a i:before { color: #FFFFFF; font-size: 12px;}
.footer-linkovi-kolona p {margin-bottom:12px!important;}
.footer-linkovi-kolona a:hover{color:#FFFFFF!important;}
.header-social-icons { position: absolute; left: 15px;}
.footer-o-zajednici img{width: 180px; position: absolute; bottom: -50px;}
.footer-wmd-col {text-align:right;}
.footer-copyright-col p{font-size: 13px!important; color: #9A9A9A!important;}
.footer-wmd-col a{font-size: 13px!important; color: #9A9A9A!important; }
.footer-wmd-col a:hover {color:#FFFFFF!important;}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: .45;
        transform: scale(.8);
    }
}