body {color: #5f6470; font-size: 16px; line-height: 1.6em; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;} p {color: #5f6470; font-size: 16px; line-height: 1.6em; margin: 0 0 0.8em 0; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;} ul, ol {margin-left:2em; margin-bottom:1em;} ul li, ol li {line-height: 1.4em; padding:0 5px;} ul li p, ol li p {margin:0; padding:0;} ul.glightbox-gallary {margin-left:0; margin-bottom:0;} ul.nav {margin-left:0; margin-bottom:0;} h1, h2, h3, h4, h5, h6 {font-weight: 700;letter-spacing: 0px;line-height:1.2em;font-family: "Poppins", sans-serif;font-style: normal; letter-spacing: -.01em;} h1, h2, h3, h4, h5, h6{color: #000000;} h1 span, h2 span {font-family: "Poppins", sans-serif;font-weight: 700} b, strong {font-weight: 700;} .text-small {font-size: .78em;text-transform: uppercase;} a {text-decoration: none; color: inherit; transition: all 0.25s ease; } a.btn {display: inline-flex;align-items: center;gap: 8px;font-family: 'Inter', sans-serif;font-size: 13px;font-weight: 600;letter-spacing: 0.3px;border-radius: 6px;padding: 12px 28px;transition: all 0.25s ease;cursor: pointer;border: none;} a.btn:hover {transform: translateY(-1px);} .button-tag .btn {font-size: 13px;} .btn-quaternary {background-color: #f2f2f2;border: 1px solid #e3e3e3 !important;color: #000000 !important;} .btn-quaternary:hover,.btn-quaternary.hover {background-color: #ffffff;border: 1px solid #1955A6 !important;color: #1955A6 !important;} .btn-quaternary:focus, .btn-quaternary.focus {background-color: #dfdfdf;border-color: #d9d9d9 #d9d9d9 #bfbfbf;color: #777;box-shadow: 0 0 0 3px rgba(242, 242, 242, 0.5);} .btn-quaternary.disabled,.btn-quaternary:disabled {background-color: #f2f2f2;border-color: #f2f2f2 #f2f2f2 #d9d9d9;} .btn-quaternary:active,.btn-quaternary.active {background-color: #dfdfdf !important;background-image: none !important;border-color: #d9d9d9 #d9d9d9 #bfbfbf !important;} a.nav-link {border: 1px solid #f2f2f2;background:#f2f2f2;border-radius: 6px;padding: .3rem .7rem;} a.nav-link:hover {border: 1px solid #1955A6;color:#1955A6} a.nav-link span.flag-img {display:none} .btn-secondary:hover, .btn-secondary.hover, .btn-secondary {color:#000000 !important} .toggle > .toggle-content {padding: 20px;} .toggle.toggle-minimal .toggle {margin: 0 0 3px 0;} .badge-dark {font-weight: 500;font-size: 10.5px;color: #1955a6;border: 1px solid #dbdbdb;line-height: 0.7em;background-color: #f2f2f2 !important;} .col-blue {color: #e98d2f;} .btn-info {background-color: transparent !important;border: none;color: #1953a3;padding: 0 !important;} .btn-info:hover,.btn-info.hover {background-color: transparent !important;color: #eb892c;} .btn-info:focus,.btn-info.focus {box-shadow: 0 0 0 3px rgba(23,162,184,.5)} .btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle {background-color: transparent!important;background-image: none;color: #eb892c !important} .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {background: transparent;} .clear {clear:both !important; height:0px !important;} .clear10 {clear:both !important; height:10px !important;} .clear15 {clear:both !important; height:15px !important;} .clear20 {clear:both !important; height:20px !important;} .clear30 {clear:both !important; height:30px !important;} .clear40 {clear:both !important; height:40px !important;} .clear60 {clear:both !important; height:60px !important;} .clear75 {clear:both !important; height:75px !important;} .clear90 {clear:both !important; height:90px !important;} .section-title {font-family: "Poppins", sans-serif;font-size: 38px;font-weight: 700;color: #000000;line-height: 1.2;} .section-top {display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 0;flex-wrap: wrap;gap: 16px;} .section-link {font-size: 13px;font-weight: 500;display: flex;align-items: center;gap: 6px;} .section-link:hover { color: #e98d2f } .section-label {display: inline-flex; align-items: center; gap: 8px; font-size: 13px;font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--blue); margin-bottom: 16px;} .section-label::before { content: ''; width: 30px; height: 2px; background: var(--orange); } .section-desc { font-size: 17px; max-width: 640px; line-height: 1.8; } .section-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 60px; } .section-header-left { max-width: 640px; } #header .header-nav-main nav>ul>li>a {font-size: 15px;} .header-logo a { display: inline; } .social-icons li {border: 1px solid #000;box-shadow: none;} .social-icons li:hover a {color: #000000 !important;} .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {background: transparent;} .footer-copyright .social-icons li {border: 1px solid #e98d2f ;box-shadow: none;color: #e98d2f !important;} .footer-copyright .social-icons li:hover a {color: #e98d2f !important;} .footer-copyright .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {background: transparent;color: #e98d2f !important;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #1955a6;border-radius: 6px;} a.nav-link#dropdownLanguage {background: #EB892C !important;color: #fff;} a.nav-link#dropdownLanguage:hover {border: 1px solid #fff !important;} a.nav-link i.fas.fa-angle-down {font-size:12px;margin-left:3px} .header-tumac a.nav-link#dropdownLanguage { background: #1955a6 !important; color: #fff; padding: 15px; font-weight: 600; letter-spacing: 0.3px;border-radius: 6px;padding: 12px 13px;} .header-tumac a.nav-link#dropdownLanguage:hover {border: 1px solid #fff !important;color:#ffffff !important} .header-tumac .header-nav.header-nav-line nav > ul li:hover > a#dropdownLanguage, .header-tumac .header-nav.header-nav-line nav > ul li:hover > a#dropdownLanguage:hover { color: #ffffff !important; } .header__wrapper-social {display: flex;padding: 8px 20px 8px 0;justify-content: space-between; /* ikone lijevo, ostatak desno */align-items: center;flex-wrap: wrap; /* ako želiš responsive breakpoint */} /* Prvi .desktopAndMobileClass = social ikone = lijevo */ .header__wrapper-social > .desktopAndMobileClass:nth-child(1) {margin-right: auto; /* gura sve što dolazi poslije na desno */} /* Ovaj dio možeš i maknuti ako je redundantno, ali radi čistoće */ .header__wrapper-social > .desktopAndMobileClass:nth-child(2), .header__wrapper-social > .d-none.d-lg-flex {} #header .header-logo img {width:255px; top: 45px !important;} #header .header-body {border-bottom: 1px solid #eeece8 !important;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);} html.sticky-header-active #header .header-body {top:0 !important} #header .header-nav.down-menu {min-height: 110px;} #header .header-nav-main {margin-left:275px} /* 1) GLAVNI HEADER: 2 kolone – logo + (meni+jezici+gumb) */ .header-container > .header-row > .header-column.top.justify-content-end {display: flex;align-items: center;} /* logo kolona lijevo */ .header-container > .header-row > .header-column.top.justify-content-end > .header-column.top.container-xl {flex: 0 0 auto;} /* kolona s navigacijom zauzima ostatak */ .header-container > .header-row > .header-column.top.justify-content-end > .header-row.container-xl {flex: 1 1 auto;display: flex;align-items: center;} /* 2) UNUTAR DRUGE KOLONE: header-nav kao flex red */ .header-container > .header-row > .header-column.top.justify-content-end > .header-row.container-xl > .header-nav.down-menu.header-nav-line.header-nav-bottom-line {display: flex;align-items: center;width: 100%;} /* MENI blok (prvi .desktopAndMobileClass – onaj s