body {color: #000; font-size: 16px; line-height: 1.6em; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
p {color: #000; font-size: 16px; line-height: 1.6em;  margin: 0 0 0.8em 0; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height:1.2em;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
	letter-spacing:-0.5px;
}

.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;}

figure {height: auto;}
figure.image {margin: 10px auto 20px auto !important; width: auto; max-width: 100%; height: auto;}
.img-responsive {width: auto; max-width: 100%; height: auto;}

.relative {position:relative;}
section.section {border: 0 !important;}

.rounded {border-radius: 0 !important;}

.podlogasiva {background:#f5f5f5 !important;}
.uvucenalista ol li, .uvucenalista ul li {margin-left:2em;}
.uvucenalista ol, .uvucenalista ul {margin: 0 0 0.8em 0;}
.uvucenalista .sidebar ol li, .uvucenalista .sidebar ul li {margin-left: 0 !important;}

#header.other-css {position: fixed !important; top: 0 !important; width: 100% !important; z-index: 999 !important; transition: none !important;}
#header.other-css .header-body {top: 0 !important;}
#header.other-css, #header.other-css * {transition: none !important; animation: none !important;}
#header.other-css .header-row, #header.other-css .header-column {padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;}
#header.other-css .header-row.pt-3 {height: 5px; overflow: hidden; background:#eee !important;}
#header.other-css .header-nav-top .nav > li > span, #header .header-nav-top .nav > li > span.ws-nowrap {word-wrap: normal !important; white-space: normal !important; font-family: "Roboto Condensed", sans-serif !important; color:#033e8c !important; letter-spacing:-0.5px !important;}
#header .header-nav-main nav > ul > li > a {font-family: "Roboto Condensed", sans-serif !important;}
#header.other-css .header-body .container-xl {width:100%; max-width: 1630px; margin:0 auto !important;}
.container-xl {width:100%; max-width: 1630px; margin:0 auto !important;}


.toggle-title, .toggle.toggle-simple .toggle > .toggle-title {font-size: 1.2em; font-family: "Roboto Condensed", sans-serif; font-weight: 600; border-radius: 0;}
.toggle-content {padding:20px 0 !important; font-weight:300 !important;}
.toggle-content p {font-weight:300 !important;}
.toggle-content ol li, .toggle-content ul li {margin-left:2em;}
.toggle-content ol, .toggle-content ul {margin: 0 0 0.8em 0;}
.toggle.toggle-lg .toggle > .toggle-content > p {font-size: 1em;}
.toggle-content strong {font-weight: 700}
.toggle-content p.note {padding-left: 15px !important; margin-bottom:20px !important;}

.--bg-arrows .owl-carousel .owl-nav button[class*="owl-"] {width: 40px !important; height: 40px !important; border-radius: 20px !important; background-color: #033e8c !important; border-color: #033e8c !important;}
.--bg-arrows .owl-carousel .owl-nav button[class*="owl-"]:hover {background-color: #022859 !important; border-color: #022859 !important;}

.heading.heading-middle-border-center h1, .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3, .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 {
    width: 100% !important;
    display: block !important;
    white-space: normal !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 !important;
    white-space: normal !important;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {font-weight:500 !important;}

.glightbox-gallary .embed-responsive {max-height: 100%; min-height: 100%;}
.glightbox-gallary img, .glightbox-gallary .embed-responsive, .glightbox-gallary video {
    width: 100%;
    max-width: 100%;
    transition: opacity .35s;
    transform: none;
}

.glightbox-gallary img {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    aspect-ratio: 4 / 3;
}

.slike-horizontalne, .slike-panoramske, .slike-okomite, .slike-kvadratne {padding-top:0 !important;}
.slike-horizontalne .container-xl, .slike-panoramske .container-xl, .slike-okomite .container-xl, .slike-kvadratne .container-xl {padding-left:0; padding-right:0;}

.slike-horizontalne .glightbox-gallary img {aspect-ratio: 4 / 3 !important;}
.slike-panoramske .glightbox-gallary img {aspect-ratio: 16 / 5 !important;}
.slike-okomite .glightbox-gallary img {aspect-ratio: 3 / 4 !important;}
.slike-kvadratne .glightbox-gallary img {aspect-ratio: 1 / 1 !important;}

.slike-horizontalne .header-lists, .slike-panoramske .header-lists, .slike-okomite .header-lists, .slike-kvadratne .header-lists {display: none !important;}

.slike-okomite .owl-item img.img-fluid,
.slike-horizontalne .owl-item img.img-fluid,
.slike-panoramske .owl-item img.img-fluid,
.slike-kvadratne .owl-item img.img-fluid {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    border:0 !important;
}

.slike-okomite .owl-item img.img-fluid {aspect-ratio: 3 / 4 !important;}
.slike-horizontalne .owl-item img.img-fluid {aspect-ratio: 4 / 3 !important;}
.slike-panoramske .owl-item img.img-fluid {aspect-ratio: 16 / 5 !important;}
.slike-kvadratne .owl-item img.img-fluid {aspect-ratio: 1 / 1 !important;}

.slike-okomite .owl-item::after,
.slike-horizontalne .owl-item::after,
.slike-panoramske .owl-item::after,
.slike-kvadratne .owl-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* početno nevidljivo */
    transition: background 0.3s ease;
    pointer-events: none;
}

.slike-okomite .owl-item:hover::after,
.slike-horizontalne .owl-item:hover::after,
.slike-panoramske .owl-item:hover::after,
.slike-kvadratne .owl-item:hover::after {
    background: rgba(0, 0, 0, 0.35); /* crna sa 35% opacity */
}

.slike-okomite .owl-item .content,
.slike-horizontalne .owl-item .content,
.slike-panoramske .owl-item .content,
.slike-kvadratne .owl-item .content {
    position: absolute !important;
    bottom: 30px !important;
    left: 30px !important;
    z-index:9 !important;
}

.slike-okomite .owl-item .content h4 a,
.slike-horizontalne .owl-item .content h4 a,
.slike-panoramske .owl-item .content h4 a,
.slike-kvadratne .owl-item .content h4 a {
    color: #fff !important;
    font-size: 40px !important;
    line-height:1.2em !important;
    font-weight:600 !important;
    text-shadow: 0px 0px 30px rgba(0,0,0,0.9) !important;
    z-index: 1 !important;
    position: relative !important;
}

.mediji-partneri-uvod {background:#f2f7fc; padding-top:30px !important; border-radius:4px !important; margin-top:45px !important;}
.mediji-partneri-uvod.bijelapodloga {background:#fff !important;}
.mediji-partneri-uvod h3 {margin-bottom:10px !important; font-size:36px !important; font-weight:700 !important;}
.mediji-partneri-uvod .heading-text-below p {color:#444 !important; font-weight:300 !important;}
.mediji-partneri {padding-top:0 !important; padding-bottom:0 !important;}
.mediji-partneri .header-lists {display:none !important;}
.mediji-partneri .carousel-center-active-item .owl-item img,
.mediji-partneri .carousel-center-active-item .owl-item .embed-responsive.embed-responsive-16by9{
    height: 90px !important;
	min-height: 90px !important;
	max-height: 90px !important;
	width:auto !important;
	object-fit: contain !important;
	border-radius: 0 !important;
}

.medijipopis .article-load {border-bottom:1px solid #ddd !important; margin-bottom:20px !important;}
.medijipopis .article-load .col-md-4 {display:none !important;}
.medijipopis .article-load .col-md-8 {flex: 0 0 100%; max-width: 100%;}


.sidebar .small-publicitet .post-info {display:none !important;}
.sidebar .small-publicitet .img-thumbnail {padding: 0 !important; background: transparent !important; border: 0 !important; border-radius:0 !important; width:130px !important; max-width:130px !important; height: auto !important; object-fit: contain !important;}
.sidebar ul.simple-post-list .left .post-image {max-width: 110px;}

.search .container-xl.py-5.mt-3 {padding-top:0 !important;}
.search .container-xl.py-5.mt-3 h2.font-weight-normal.text-7.mb-0 {font-size:24px !important;}

#footer {margin-top:60px !important; border-top:none !important;
background-color: #0A84FF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23025fca'/%3E%3Cstop offset='1' stop-color='%23025fca' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23025fca'/%3E%3Cstop offset='1' stop-color='%23025fca' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23033e8c'/%3E%3Cstop offset='1' stop-color='%23033e8c' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230A84FF'/%3E%3Cstop offset='1' stop-color='%230A84FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23033E8C'/%3E%3Cstop offset='1' stop-color='%23033E8C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23033E8C'/%3E%3Cstop offset='1' stop-color='%23033E8C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

#footer img {margin-bottom:15px;}

#footer p {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color:#fff !important;
}

#footer .text-4 {font-size: 14px !important;}

#footer h5 {
    margin: 15px 0 15px 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
}

#footer a:not(.btn) {color: #fff !important;}
#footer a:not(.btn):hover {color: #fff !important;}
#footer .row.py-5 {padding-bottom:0 !important;}
#footer .col-lg-6.col-md-6.foot-lijevo.footer-block-z.d-flex.align-items-center.justify-content-center.mb-4.mb-lg-0 {display:block !important; text-align:left !important; margin-left: 0 !important; padding-left: 0 !important;}
#footer .footlogo img {width:100%; height:auto; max-width:150px;}
#footer .listamanjirazmak p {margin:0 0 5px 0 !important;}
.crtafoot {width:100%; height:1px; background: rgba(255,255,255,.2); margin:30px 0; padding:0;}


/* sidebar */
.sidebar-settings .sidebar h5 {border-radius: 0; font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px;}
.sidebar-block{display:flex; justify-content: space-between; max-width:1600px; margin:auto;}
.sidebar h2 {font-size: 22px; margin-bottom: 0; font-weight: 600; color: #000;}
.sidebar h4 {font-size: 16px; font-weight: 500;}
.sidebar p, .sidebar ul li, .sidebar ol li {font-size: 14px; font-weight: 300;}
.sidebar .simple-post-list li:hover {background: #f7f4f1;}
.sidebar .simple-post-list li a {color:#000; padding-left: 15px !important;}
.sidebar .fui-legend {display: none;}
.sidebar .custom-form {}
.sidebar .post-info span {font-size:14px !important;}
.btn-sidebar-form {padding-top: 0 !important;}
.btn-sidebar-form button {background: #1a1d28; border: 0; transition: 0.3s; padding: 0.8rem 1rem !important; width: 100%;}
.btn-sidebar-form button:hover {background: #2e313d;}

.sidebar .img-thumbnail {background: transparent !important;}
.sidebar .left img {
    min-width: 110px !important;
    max-width: 110px !important;
    width: 110px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 16 / 9 !important;
    border:0 !important;
}


.carousel-default .owl-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 3 !important;
    border:0 !important;
}

.pocetna-aktualno-naslov h3 {font-size:42px !important; font-weight:700 !important; color:#000 !important;}
.pocetna-aktualno-naslov .heading-text-below p {font-weight:300 !important; color:#444 !important;}
.pocetna-aktualno-slider .carousel-default .header-lists {display:none !important;}
.py-4.pocetna-aktualno-slider {padding-top:0 !important;}

.pocetna-aktualno-slider .carousel-default .owl-item {background:#f2f7fc; padding:0; border:0; margin-top:0; margin-bottom:0; border-radius: 4px !important;}
.pocetna-aktualno-slider .carousel-default .owl-item:hover {box-shadow: 0 5px 15px rgba(32,35,49,.2); z-index: 2;}
.pocetna-aktualno-slider .carousel-default .owl-item img.img-fluid {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 3 !important;
    border: 0 !important;
}
.pocetna-aktualno-slider .carousel-default .owl-item .mb-2 {padding-left:15px !important; padding-right:15px !important; padding-bottom:15px !important;}
.pocetna-aktualno-slider .carousel-default .owl-item form.float-left {margin-bottom: 25px !important;}
.pocetna-aktualno-slider .carousel-default .content {padding: 20px 15px 20px 25px !important;}
.pocetna-aktualno-slider .carousel-default .content h4 {margin: 0 !important; padding: 0 !important; font-size:22px !important; line-height:1.3em !important; letter-spacing:0 !important;}

/* content uvijek iste visine */
.pocetna-aktualno-slider .carousel-default .owl-stage {display: flex !important;}
.pocetna-aktualno-slider .carousel-default .owl-item {display: flex;}
.pocetna-aktualno-slider .carousel-default .owl-item > div {display: flex; flex-direction: column; flex: 1;}
.pocetna-aktualno-slider .carousel-default .owl-item > div > a {flex: 0 0 auto;}
.pocetna-aktualno-slider .carousel-default .content {flex: 1 0 auto; display: flex; align-items: flex-start; /* ili center */}

.ikonepocetna figure.image > img {width: auto !important; max-width: 100% !important; height: 100px !important;}
.ikonepocetna p {color:#fff !important; opacity:1 !important; font-size:22px !important; font-weight:400 !important; padding:0 !important; margin:0 !important; line-height:1.2em !important; font-family: "Roboto Condensed", sans-serif !important;}
html body .ikonepocetna .featured-boxes-full .featured-box-full-primary:hover {background: #0a84ff;}

.podloga-podrucjaistrazivanja {width:100%; height:auto; padding: 40px 0; margin-top:90px;
background-color: #DDE9F6;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FFFFFF'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

.card-reference h4.mb-3.text-4.text-uppercase {text-transform:none !important; text-align:center !important; font-size:46px !important;}

.card-reference .portfolio-item h4 {font-size: 18px; font-style: normal; text-transform:uppercase; font-weight:500 !important; letter-spacing:1px; padding-top:20px !important;}
.card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em;}
.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {height: auto;}
.card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media,
.card-reference .portfolio-item img.img-fluid.border-radius-0 {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 3 !important;
    border: 0 !important;
}
.card-reference .owl-carousel .owl-nav button.owl-prev, .card-reference .owl-carousel .owl-nav button.owl-next {width: 40px; height: 40px; border-radius: 50% !important;}

.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {border-radius: 0 !important;}
.thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.4);}

.sakrijnaslov h1, .sakrijnaslov h2, .sakrijnaslov h3, .sakrijnaslov h4, .sakrijnaslov h5, .sakrijnaslov h6 {display:none !important;}

.main .button-tag .btn {font-size: 1rem;}
.main .btn-outline {border-width: 1px; padding: .8rem 1.6rem;}

.page-header .page-header-title-border {background-color: transparent !important;}
.page-header.page-header-classic::after {height: 0;}
.page-header {margin-top: 149px !important;
background: #0264C9;
background: linear-gradient(90deg,rgba(2, 100, 201, 1) 0%, rgba(10, 132, 255, 1) 10%, rgba(10, 132, 255, 1) 20%, rgba(3, 74, 166, 1) 100%);
border-top:1px solid #2691fe;
border-bottom:1px solid #033e8c;
}
.page-header.page-header-classic .page-header-title-border {height: 0 !important;}

.table td, .table th {border-color: rgba(0,0,0,.2);}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #eee !important;}

.main .page-header h1 {font-weight: 500 !important; font-size:36px !important; color:#fff;}
.main .page-header .breadcrumb {color:#fff; letter-spacing:0.5px !important; margin-bottom:5px;}
.main .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#fff !important;}
.main .breadcrumb a:hover {color:#95e0fc !important; text-decoration:underline;}

.page-header .breadcrumb > li {font-size: 12px !important; font-weight:400 !important;}
.crumb-font-size {font-size: 12px !important; font-weight:400 !important;}

.fui-btn.fui-submit {
    color: #fff;
    background-color: #033e8c !important;
    border:0 !important;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600 !important;
	padding:15px 40px !important;
	margin-bottom:15px !important;
}

.fui-btn.fui-submit:hover {
    color: #fff;
    background-color: #0a84ff !important;
}

.fui-field-container h3 {margin-bottom:0 !important;}
.fui-instructions p {font-size:13px !important; color:#aaa !important;}
.fui-input-wrapper p, .fui-input-wrapper ul li, .fui-input-wrapper ol li {font-size:15px !important; color:#000 !important; font-weight:300 !important; font-family: "Inter", sans-serif !important;}
h2.fui-heading.fui-heading-h2 {margin-top:30px !important; margin-bottom:10px !important;}

.blogindexgrid .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.blogindexgrid .grid-media {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 4 / 3 !important;
    background: #034aa6 !important;
}
.blogindexgrid .blog-posts .img-responsive {
    border-radius: 0 !important;
    object-fit: cover !important;
    width:100% !important;
    height: auto !important;
    max-height: auto !important;
    min-height: auto !important;
}
.blogindexgrid h4 {font-size:22px !important; font-weight:500 !important; line-height: 1.2em !important; margin: 5px 0 10px 0 !important; padding: 0; color:#034aa6 !important;}
.blogindexgrid h4 a {color: #034aa6 !important;}
.blogindexgrid {font-size:14px !important; font-weight:400 !important; color:#0a84ff !important;}
.blogindexgrid p {font-size:14px !important; font-weight:300 !important; line-height: 1.4em !important; margin: 0 !important; padding: 0 !important; color:#444 !important;}
.blogindexgrid article.post-large .post-image {margin-bottom: 15px;}
.blogindexgrid .col-md-4 .post-content {background-color: transparent !important; padding: 0 !important;}
.blogindexgrid .remote-field {color:#000 !important; font-weight:600 !important;}
.blogindexgrid .remote-field .remote-field-header {float:left; margin-right:5px;}


.podrucjaistrazivanjaindexgrid .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.podrucjaistrazivanjaindexgrid .grid-media {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 4 / 3 !important;
    background: #034aa6 !important;
}
.podrucjaistrazivanjaindexgrid .blog-posts .img-responsive {
    border-radius: 0 !important;
    object-fit: cover !important;
    width:100% !important;
    height: auto !important;
    max-height: auto !important;
    min-height: auto !important;
}
.podrucjaistrazivanjaindexgrid h4 {font-size:20px !important; font-weight:500 !important; line-height: 1.2em !important; margin: 20px 0 0 0 !important; padding: 0; color:#034aa6 !important; text-align:center !important;}
.podrucjaistrazivanjaindexgrid h4 a {color: #034aa6 !important;}
.podrucjaistrazivanjaindexgrid {font-size:14px !important; font-weight:400 !important; color:#0a84ff !important;}
.podrucjaistrazivanjaindexgrid p {font-size:14px !important; font-weight:300 !important; line-height: 1.4em !important; margin: 0 !important; padding: 0 !important; color:#444 !important;}
.podrucjaistrazivanjaindexgrid article.post-large .post-image {margin-bottom: 15px;}
.podrucjaistrazivanjaindexgrid .col-md-4 .post-content {background-color: transparent !important; padding: 0 !important;}
.podrucjaistrazivanjaindexgrid .remote-field {color:#000 !important; font-weight:600 !important;}
.podrucjaistrazivanjaindexgrid .remote-field .remote-field-header {float:left; margin-right:5px;}
.podrucjaistrazivanjaindexgrid .post.post-large {background:#fff !important; margin-bottom:30px !important;}
.podrucjaistrazivanjaindexgrid.sivapodloga .post.post-large {background:#f2f7fc !important; margin-bottom:30px !important;}


.blog-posts.single-post .glightbox-inner {margin-bottom:20px;}

.aktualnosmall ul.simple-post-list .left .post-image {max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left .img-thumbnail {padding: 0 !important; max-width: 90px !important; width: 90px !important;}
.aktualnosmall .left img, .sidebar .left iframe, .aktualnosmall .left .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    aspect-ratio: 1 / 1 !important;
}
.aktualnosmall ul.simple-post-list .post-info .post-meta {display:none;}

.blog-posts.single-post .post-content.pc-title.ml-0 {margin-bottom:15px; color:#777;}
.blog-posts.single-post .post-content p a, .blog-posts.single-post .post-content ul a, .blog-posts.single-post .post-content ol a {font-weight:600 !important; text-decoration: underline !important;}
.blog-posts.single-post .post-content ul, .blog-posts.single-post .post-content ol {margin: 0 0 0.8em 0;}
.blog-posts.single-post .post-content ul li, .blog-posts.single-post .post-content ol li {margin-left:2em; color:#000;}
.blog-posts.single-post .post-content h2.font-weight-bold {font-weight:600 !important; margin-top:10px;}
.blog-posts.single-post .post-content .inside-blog {width:100%; float:none !important; margin-left: -5px !important; margin-top: 10px !important;}
.blog-posts.single-post .post-content .inside-blog #additional_header_autor {float:left; margin-left:5px; font-size:20px; font-weight:600;}
.blog-posts.single-post .post-content .inside-blog #additional_content_autor {float:left; margin-left:5px; font-size:20px; font-weight:600;}
.blog-posts.single-post h4.entry-title-index {font-weight:600 !important; font-size:32px !important;}

.post.post-large.blog-single-post {color:#0a84ff;}

.tab-content ul, .tab-content ol {margin-left:2em; margin-bottom:1em;}
.tab-content ul li, .tab-content ol li {line-height: 1.4em; padding:0 5px;}
.tab-content ul li p, .tab-content ol li p {margin:0; padding:0;}
.tab-content h4.text-center {display:none;}

html .badge-dark {background-color: #022859 !important;}
html .badge-dark:hover {background-color: #033e8c !important;}
html .badge.badge-dark.badge-sm.badge-pill.text-uppercase.px-2.py-1.mr-1 {text-transform: none !important; font-size:13px !important; font-weight:500 !important;}
html .badge-dark .col-blue {color: #9fcefd !important;}

.korisnickeupute .toggle-content {padding:20px 15px !important;}



/* RESPONSIVE */


@media (min-width: 576px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}


@media (min-width: 1920px) {

}


@media (min-width: 1600px) {
	#header .header-nav-main nav > ul > li > a {font-weight:500 !important; padding: 0 10px !important;}
	html #header .header-nav-main nav > ul > li > a {font-size: 17px !important;}
}

@media (min-width: 1440px) {
	#header .header-nav-top .nav > li > span {font-size: 26px !important;}

}

@media (min-width: 1200px) {
	
    .swiper.swpr214805 .swiper-slide-content .tp-header, .swiper.swpr214805 .swiper-slide-content .tp-header p {font-size:65px !important; margin: 0 0 20px 0 !important;}
    .swiper.swpr214805 .swiper-slide-content .tp-headerbottom, .swiper.swpr214805 .swiper-slide-content .tp-headerbottom	p {font-size:32px !important;}

}

@media (min-width: 1024px) {

}

@media (max-width: 1399px) and (min-width: 992px) {
	
	html #header .header-nav-main nav > ul > li {width: auto !important; display: inline-flex !important; justify-content: space-between; padding: 0 !important; margin: 0 !important;}
	html #header .header-nav-main nav > ul > li > a {max-width: 90px !important; white-space: normal !important; line-height: 1.2em !important; text-align: right !important; padding: 0 !important; margin: 0 0 0 20px !important;}
	#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a::before {display:none !important;}
	#header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu {margin-top: 55px;}

}

@media (min-width: 992px) {
	
    #header .header-nav-main nav > ul > li > a {color: #fff !important; font-weight:400; padding: 0 10px;}
	html #header .header-nav-main nav > ul > li > a {font-size: 14px;}
    #header .header-logo img {width:150px !important; top:40px !important;}
	
	#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 {left: 8px !important; right: 8px !important; height: 2px !important;}
	#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before,
	#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a::before {background: #fff !important;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #444; font-size: 13px; letter-spacing: 0;}
	
	#header .header-nav-top .nav > li > span {font-size: 22px;}
	#header .header-nav-features {padding-left: 0; margin-left: 5px;}
	a.header-nav-features-search-show-icon.d-inline-flex {background: #f2f7fc; padding: 10px 20px; border-radius:4px !important;}

}


@media (min-width: 769px) {
	
    .search ul.simple-post-list {padding: 30px 0 0 15px !important;}
    .search ul.simple-post-list li {display: block !important; width: 24% !important; margin-right:1% !important; float: left !important;}
    .search ul.simple-post-list .search-block {margin: 0 !important; width:100% !important; max-width:100% !important;}
    .search ul.simple-post-list .search-block a {display: block; width: 100%; font-size: 18px !important; font-weight:500 !important; margin: 10px 0 0 0 !important; height:90px !important; min-height:90px !important; max-height:90px !important; line-height:1.2em !important; font-family: "Roboto Condensed", sans-serif !important; color:#034aa6 !important;}
    .search ul.simple-post-list .search-block p {display:none !important;}
    .search ul.simple-post-list .search-block .mb-3.pb-1 {display:none !important;}
    .search ul.simple-post-list li {border-bottom: 0 !important; padding: 0 !important;}
	
    .swiper.swpr214805 {height: auto !important; aspect-ratio: 3/1 !important; margin-top:145px !important; margin-bottom:40px !important;}
    .swiper.swpr214805 .swiper-slide-content {align-items: center !important; padding:0 9% !important; top: -40% !important;}
    .swiper.swpr214805 .autoplay-progress {display:none !important;}
    .swiper.swpr214805 .swiper-slide-content .tp-header, .swiper-slide-content .tp-header p {text-align:center !important; font-size:42px; font-weight:700 !important; color:#fff !important; line-height:1.1em !important; font-style: normal !important; padding:0 !important; margin: 0 0 10px 0 !important; text-shadow: 15px 15px 90px rgba(1,28,64,0.5) !important; font-family: "Roboto Condensed", sans-serif !important;}
    .swiper.swpr214805 .swiper-slide-content .tp-headerbottom, .swiper.swpr214805 .swiper-slide-content .tp-headerbottom p {text-align:center !important; font-size:20px; font-weight:500 !important; color:#fff !important; line-height:1.4em !important; font-style: normal !important; padding:0 !important; margin: 0 !important; clear:both !important; white-space: normal !important; text-shadow: 15px 15px 90px rgba(1,28,64,0.5) !important; font-family: "Roboto Condensed", sans-serif !important;}

}


@media (min-width: 480px) {

}






@media (max-width: 1680px) {

}


@media (max-width: 1199px) {
	
	.podrucjaistrazivanjaindexgrid [class^="grid-container-"].article-load.col-xl-2 {width:50%;}

}


@media (max-width: 1023px){

}


@media (max-width: 991px){
	
	#header .header-logo img {position:absolute !important; width:110px !important; top:118px !important; }
	#header .header-nav-top .nav > li > span {font-size: 17px; margin-left: 0; line-height:1.3em !important; padding: 0 !important;}
	.btn.header-btn-collapse-nav .fa-solid {font-weight: 700 !important; font-size: 22px !important; color: #fff !important;}
	.header-nav-features-search-reveal-container .fas {font-weight: 700 !important; font-size: 20px !important; color: #fff !important;}
	.main .page-header h1 {font-size:30px !important;}
	.main .page-header .breadcrumb {margin-top: -20px !important;}
	#header .header-nav-main {z-index: 9; background: #f2f7fc !important;}
	#header .header-nav-main nav > ul > li > a {font-weight: 500; letter-spacing: 0.5px;}
	#header .header-nav-main nav > ul li {border-bottom: 1px solid #fff; min-height: 40px;}
	#header .header-nav-main nav > ul li a {line-height: inherit !important;}
	.open {background: transparent !important;}
	
	.sakrijbreadmob .breadcrumb {display:none !important;}
	.sakrijnaslovmob .post-content h2.font-weight-bold {display:none !important;}

}


@media (max-width: 768px) {

    .swiper.swpr214805 {height: auto !important; aspect-ratio: 4/3 !important; display: flex !important; margin-top:145px !important; margin-bottom:20px !important;}
    .swiper.swpr214805 img {width: 50% !important;}
    .swiper.swpr214805 .swiper-slide-content {align-items: center !important; padding:0 12% !important; top: -40% !important; z-index: 3;}

    .swiper.swpr214805 .swiper-slide-content .tp-header,
    .swiper.swpr214805 .swiper-slide-content .tp-header p{
        text-align:center !important;
        font-size:32px !important;
        letter-spacing:0 !important;
        font-weight:700 !important;
        color:#fff !important;
        line-height:1.1em !important;
        font-style: normal !important;
        padding:0 !important;
        margin:0 0 10px 0 !important;
        text-shadow: 15px 15px 50px rgba(1,28,64,0.5) !important;
		font-family: "Roboto Condensed", sans-serif !important;
    }

    .swiper.swpr214805 .swiper-slide-content .tp-headerbottom,
    .swiper.swpr214805 .swiper-slide-content .tp-headerbottom	p {
        text-align:center !important;
        font-size:20px !important;
        letter-spacing:0 !important;
        font-weight:500 !important;
        color:#fff !important;
        line-height:1.2em !important;
        font-style: normal !important;
        padding:0 !important;
        margin: 0 !important;
        white-space: normal !important;
        text-shadow: 15px 15px 50px rgba(1,28,64,0.5) !important;
		font-family: "Roboto Condensed", sans-serif !important;
		display:none !important;
    }

    .swiper.swpr214805 video {margin-left:-50% !important;}
    .swiper.swpr214805 .swiper-pagination {display:none !important;}

    .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {font-size:28px !important;}
    .text-big {font-size: 1.2em !important;}

    .chsgridcolumns {display:none !important;}

    .search ul.simple-post-list {padding: 30px 0 0 15px !important;}
    .search ul.simple-post-list li {display: block !important; width: 48% !important; margin-right:2% !important; float: left !important;}
    .search ul.simple-post-list .search-block {margin: 0 !important; width:100% !important; max-width:100% !important;}
    .search ul.simple-post-list .search-block a {display: block; width: 100%; font-size: 16px !important; font-weight:500 !important; margin: 10px 0 0 0 !important; height:100px !important; min-height:100px !important; max-height:100px !important; line-height:1.2em !important; font-family: "Roboto Condensed", sans-serif !important; color:#034aa6 !important;}
    .search ul.simple-post-list .search-block p {display:none !important;}
    .search ul.simple-post-list .search-block .mb-3.pb-1 {display:none !important;}
    .search ul.simple-post-list li {border-bottom: 0 !important; padding: 0 !important;}

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 20 / 15 !important;
        border:1px solid #eee !important;
        background:#f4f4f4 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper .img-responsive {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 20 / 15 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }
	
    .blog-posts.single-post h4.entry-title-index {margin-top: 20px !important;}

}





@media (max-width: 640px) {

    .glightbox-gallary {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}

    .tabs.tabs-simple .nav-tabs > li .nav-link,
    .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
    .tabs.tabs-simple .nav-tabs > li .nav-link:focus {padding: 15px 5px !important; font-size: 13px !important;}
    .tabs.tabs-simple .nav-tabs > li .nav-link p {font-size: 13px !important;}

}

@media (max-width: 575px) {

    .glightbox-gallary {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
	.podrucjaistrazivanjaindexgrid [class^="grid-container-"].article-load.col-xl-2 {width:100% !important;}

}