:root{--border-radius:4px;--border-radius2x:8px;--default:#333;--primary:#F9C74F;--primary-100:#f8bf36;--primary-200:#f8bb2a;--primary-300:#f7b71e;--primary--100:#facf68;--primary--200:#fad374;--primary--300:#fbd780;--primary-rgba-0:#f9c74f00;--primary-rgba-10:#f9c74f1a;--primary-rgba-20:#f9c74f33;--primary-rgba-30:#f9c74f4d;--primary-rgba-40:#f9c74f66;--primary-rgba-50:#f9c74f80;--primary-rgba-60:#f9c74f99;--primary-rgba-70:#f9c74fb3;--primary-rgba-80:#f9c74fcc;--primary-rgba-90:#f9c74fe6;--secondary:#4D96FF;--secondary-100:#3387ff;--secondary-200:#277fff;--secondary-300:#1a78ff;--secondary--100:#67a5ff;--secondary--200:#73adff;--secondary--300:#80b4ff;--secondary-rgba-0:#4d96ff00;--secondary-rgba-10:#4d96ff1a;--secondary-rgba-20:#4d96ff33;--secondary-rgba-30:#4d96ff4d;--secondary-rgba-40:#4d96ff66;--secondary-rgba-50:#4d96ff80;--secondary-rgba-60:#4d96ff99;--secondary-rgba-70:#4d96ffb3;--secondary-rgba-80:#4d96ffcc;--secondary-rgba-90:#4d96ffe6;--tertiary:#90BE6D;--tertiary-100:#83b65b;--tertiary-200:#7cb253;--tertiary-300:#76ac4c;--tertiary--100:#9dc67f;--tertiary--200:#a4ca87;--tertiary--300:#abce90;--tertiary-rgba-0:#90be6d00;--tertiary-rgba-10:#90be6d1a;--tertiary-rgba-20:#90be6d33;--tertiary-rgba-30:#90be6d4d;--tertiary-rgba-40:#90be6d66;--tertiary-rgba-50:#90be6d80;--tertiary-rgba-60:#90be6d99;--tertiary-rgba-70:#90be6db3;--tertiary-rgba-80:#90be6dcc;--tertiary-rgba-90:#90be6de6;--quaternary:#F5F5F5;--quaternary-100:#e8e8e8;--quaternary-200:#e2e2e2;--quaternary-300:#dcdcdc;--quaternary--100:#fff;--quaternary--200:#fff;--quaternary--300:#fff;--quaternary-rgba-0:#f5f5f500;--quaternary-rgba-10:#f5f5f51a;--quaternary-rgba-20:#f5f5f533;--quaternary-rgba-30:#f5f5f54d;--quaternary-rgba-40:#f5f5f566;--quaternary-rgba-50:#f5f5f580;--quaternary-rgba-60:#f5f5f599;--quaternary-rgba-70:#f5f5f5b3;--quaternary-rgba-80:#f5f5f5cc;--quaternary-rgba-90:#f5f5f5e6;--dark:#212529;--dark-100:#16181b;--dark-200:#101214;--dark-300:#0a0c0d;--dark--100:#2c3237;--dark--200:#32383e;--dark--300:#383f45;--dark-rgba-0:#21252900;--dark-rgba-10:#2125291a;--dark-rgba-20:#21252933;--dark-rgba-30:#2125294d;--dark-rgba-40:#21252966;--dark-rgba-50:#21252980;--dark-rgba-60:#21252999;--dark-rgba-70:#212529b3;--dark-rgba-80:#212529cc;--dark-rgba-90:#212529e6;--light:#FFF;--light-100:#f2f2f2;--light-200:#ececec;--light-300:#e6e6e6;--light--100:#fff;--light--200:#fff;--light--300:#fff;--light-rgba-0:#fff0;--light-rgba-10:#ffffff1a;--light-rgba-20:#fff3;--light-rgba-30:#ffffff4d;--light-rgba-40:#fff6;--light-rgba-50:#ffffff80;--light-rgba-60:#fff9;--light-rgba-70:#ffffffb3;--light-rgba-80:#fffc;--light-rgba-90:#ffffffe6;--primary-inverse:#777;--secondary-inverse:#FFF;--tertiary-inverse:#777;--quaternary-inverse:#777;--dark-inverse:#FFF;--light-inverse:#777;--grey:#969696;--grey-100:#f4f4f4;--grey-200:#eaeaea;--grey-300:#e5e5e5;--grey-400:#e0e0e0;--grey-500:#dbdbdb;--grey-600:#cecece;--grey-700:#c1c1c1;--grey-800:#a8a8a8;--grey-900:#8e8e8e;--grey-1000:#757575}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem}h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem}h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem}h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem}

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}
.clear{clear:both;height:0}.clear10{clear:both;height:10px}.clear15{clear:both;height:15px}.clear20{clear:both;height:20px}.clear30{clear:both;height:30px}.clear40{clear:both;height:40px}.clear50{clear:both;height:50px}.clear60{clear:both;height:60px}
section.section {background: transparent;}
.card-body {color: var(--default);}
.galerija-detaljna .masonry-item {  margin-bottom: 15px;  width: 24% !important;}



@media (min-width: 992px) and (min-width: 1200px) {
  #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 {
    padding: 0 1.6rem;
  }
}

.breadcrumb-item a {color: #fff !important}
.page-header {background: linear-gradient( 135deg, var(--primary-300) 0%, var(--primary) 40%, var(--primary--100) 70%, var(--primary-200) 100% ) !important;  color: var(--dark) !important;}

.footer-sjaj{background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary) 40%,var(--primary--100) 70%,var(--primary-200) 100%);color:var(--dark);position:relative;overflow:hidden}
.footer-sjaj h5{color:#111;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #fff9}
.footer-sun{width:22px;height:22px;border-radius:50%;display:inline-block;flex:0 0 22px;background:radial-gradient(circle at 40% 40%,#fff 0%,#fdfdfd 60%,#eaeaea 100%);box-shadow:0 0 8px 3px #ffffffe6 0 0 16px 6px #ffffffb3 0 0 28px 10px #ffffff80}
.footer-link{color:var(--dark);border-bottom:1px solid transparent;text-decoration:none;transition:border-color .2s ease,opacity .2s ease}
.footer-link:hover{border-bottom-color:var(--dark-rgba-30);opacity:.8}
.footer-link:focus{outline:2px dashed var(--dark);outline-offset:2px}
.footer-hr{border:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--dark-rgba-20),transparent)}
.opacity-75 a{color:var(--dark)}

.section-donors{background:linear-gradient(180deg,var(--quaternary) 0%,var(--quaternary-100) 100%);border:0!important;padding:0!important;margin:0!important}
.donor-article{border-radius:var(--border-radius2x);background:radial-gradient(600px 180px at -10% -20%,var(--primary-rgba-10),transparent 60%),#fff}
.donor-article:hover{transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 .5rem 1rem #00000014}
.donor-avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-200) 100%);color:#111;font-weight:700;box-shadow:0 0 0 4px var(--primary-rgba-20)}
#donorGrid .badge{border-radius:var(--border-radius)}
.btn[data-letter].active{background:var(--primary);border-color:var(--primary-200);color:#111}

.section-docs{background:radial-gradient(1000px 300px at -10% -20%,var(--primary-rgba-10),transparent 60%),var(--quaternary);border:0!important;padding:0!important;margin:0!important}
.docs-filters{border-radius:var(--border-radius2x);background:radial-gradient(600px 180px at -10% -20%,var(--primary-rgba-10),transparent 60%),#fff}
#docsList .list-group-item{border:none;border-bottom:1px solid var(--grey-300)}
#docsList .list-group-item:last-child{border-bottom:none}
.doc-ico{width:40px;height:40px;display:inline-grid;place-items:center;color:var(--dark);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-200) 100%);border-radius:50%;box-shadow:0 0 0 4px var(--primary-rgba-20)}
.doc-link{color:var(--dark);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.doc-link:hover{color:var(--dark-200);border-bottom-color:var(--dark-rgba-30)}
.doc-link .ext{font-size:.9em;margin-left:.25rem;opacity:.8}
.docs-filters .btn.active{background:var(--primary);border-color:var(--primary-200);color:#111}
.custom-text-1{font-size:32px!important}
.custom-letter-spacing-2{letter-spacing:-.8px!important}
.intro-home .col-intro-home-imgs .card{position:absolute}
.intro-home .col-intro-home-imgs .card:nth-child(1){z-index:1;top:0;right:20px}
.intro-home .col-intro-home-imgs .card:nth-child(2){z-index:3;bottom:-110px;left:55%;transform:translateX(-25%)}
.intro-home .col-intro-home-imgs .card:nth-child(3){z-index:2;left:40px;bottom:3%}
.custom-font-size-1{font-size:.6em}
.custom-date-style-1{position:relative;transition:ease transform 300ms}
.owl-overlay-custome{position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--primary-rgba-20) 0%,var(--primary-rgba-50) 100%),var(--dark-rgba-30)}
@media (max-width: 991px) {
.intro-home .col-intro-home-imgs .card{position:relative;max-width:30%;margin-top:30px;transform:none!important;top:0!important;left:0!important;bottom:0!important;right:0!important;float:left;margin-right:3.33%}
}
.footer-link:hover{color:#000!important}

/*RESPONSIVE*/
@media (max-width: 1981px) {}
@media (max-width: 1921px) {}
@media (max-width: 1681px) {}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1367px) {}
@media (max-width: 1281px) {}
@media (max-width: 1266px) {}
@media (max-width: 1199px) {}	
@media (max-width: 1025px) {}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: var(--primary);}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}
	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color: var(--primary);}

	.sticky-header-active .hamburger.is-active .hamburger-inner, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::before, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
    .intro-home .col-intro-home-imgs .card {    position: relative;    max-width: 100%;}
}
@media (max-width: 801px) {}
@media (max-width: 769px) {}	
@media (max-width: 737px) {}
@media (max-width: 668px) {}	
@media (max-width: 601px) {}
@media (max-width: 569px) {}	
@media (max-width: 481px) {}	
@media (max-width: 416px) {}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}