@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,900|Open+Sans:400,600,700');

body {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#222222; background:#ffffff; overflow-x: hidden;}


/* GENERAL STYLES */
p {line-height:1.8rem;}

html a {color:#5b4266; outline: 0; text-decoration: none; background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: all 0.3s ease, background-position 0s !important;}
a:hover{outline: 0; background-size: 100% 1px;}

.itemid-362 p.kontakt-info{ font-size:0.875em; line-height:150%}
#accordion .contact-info-person p{font-size:14px;}
strong{ font-weight:700;}
a.hasPopover {display:inline-block !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather'; color:#444;}
h1 {font-size:34px; font-weight:700; margin-bottom:20px;}
h2 {font-size:32px; font-weight:700;}
h3 {font-family:"Merriweather"; font-size:28px; font-weight:700;}
h4 {font-size:18px; font-weight:600; line-height:170%; letter-spacing: 0.03em;}
.item-page h2 {padding:20px 0 20px 0;}
.item-page h3 {padding:20px 0 20px 0;}
#accordion h3{padding-top:15px}
.leftmenu h3, .moduletableposlednjevesti h3 { font-family:'Open Sans', sans-serif;}
ul li, ol li{}
img{max-width:100%; height:auto;}
#mainnav-logo img {max-width:inherit;}
#mainnav-logo {z-index: 999;}
blockquote{background:#fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.13); padding:20px; border-radius:10px;}
blockquote p{border-left:3px solid #1a73e8; padding-left:10px; font-weight:700}
.custom {width:100%; /*display:flex;*/}
.navbar > .container {display:initial !important;}
.btn-primary, .btn-default {color:#ffffff; background:#684b75 !important; font-family:"Merriweather"; font-size:15px; font-weight:700; letter-spacing:0.03em;
    text-transform: uppercase; border:none !important; padding: 13px 35px !important; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);}
.btn-primary:hover, .btn-default:hover {color:#e7afff; background:#684b75 !important;}
.fullwidth {width: 100vw; position: relative; margin-left: -50vw; left: 50%;}
.fullwidthgray {background: #f5f6f7;}
.fullwidthblue {background: #16466f;}
#mid {margin-top:50px; padding-bottom:30px;}
#right h3 {color:#16466f;}
.table-striped tbody tr:nth-of-type(2n+1){background:#f4f4f5}

#top-nav a[href^="http://"]:after, #footer_wrapper a[href^="http://"]:after,
#top-nav a[href^="https://"]:after, #footer_wrapper a[href^="https://"]:after{content: none;}

span.wf_caption span {font-size: 12px; background: #82917e; color: #e8e8e8; font-style: italic;}
span.wf_file_size {font-size:0.75em; color:#999;}

/*** FALANG MISSING TRANSLATION ***/
div.falang-missing {float: left; width: 100%;}

/* PAGINATION */
.com-content-category__navigation .com-content-category__pagination {float: none;}
div.com-content-category__pagination {margin-top: 30px;}
.com-content-category__navigation ul.pagination, .com-tags-tag__pagination ul.pagination {justify-content: center !important;}
.com-content-category__counter {text-align: center;}

div.pagination{display:block; text-align:center;}
div.pagination p.counter {float:none; font-size:13px; color:#959393; margin-bottom:5px;}
span.icon-first:after {font-family: 'FontAwesome'; content:"\f049";}
span.icon-previous:after {font-family: 'FontAwesome'; content:"\f048";}
span.icon-next:after {font-family: 'FontAwesome'; content:"\f051";}
span.icon-last:after {font-family: 'FontAwesome'; content:"\f050";}
.page-item {line-height:1.3;}
.page-link {padding:.15rem 0.75rem; font-size:13px; color: #1a73e8; height:24px;}
.page-item.active .page-link {background:#eaeaea; border-color:#dee2e6;}
.page-item.active .page-link:hover {color:#e9ecef}

/* FILTER FIELDS */
label.filter-search-lbl {display: none;}
fieldset.filters {width: 100%; display: block; margin-bottom: 15px;}
fieldset.filters input#filter-search {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
fieldset.filters input#filter-search:focus {color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
select.input-mini {padding: 0.375rem 0.75rem; color: #495057; background-color: #fff; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-left:15px;}

.com-content__filter input#filter-search {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

/* TOP MENU */
#navigation-top {background:#5b4266;}
#top-nav ul.nav {float:right; padding-top:2px;}
#top-nav ul.nav a {color:#fff; font-size:13px; padding:0px 10px; border-right:1px solid #684b75;}
#top-nav ul.nav li {margin-bottom:0px;}
#top-nav ul.nav li:last-child a {border-right:none;}
#top-nav {height:30px;}

/* LOGO */
.logo-mobile {display:none;}

/* LANGUAGE SELECTOR */
.lang-mobile {display:none;}
div.mod-languages {float:right; display:inline-block; margin-left:15px;}



/* MAIN MENU */
.mainmenu-wrapper {margin-top: -60px;}
#navigation-main {background:#684b75; padding: 10px 0px 13px 0px; box-shadow: 1px 5px 5px rgba(104,75,17,0.4); align-items: baseline; z-index:10;}
#navigation-main .container .row {align-items:center;}
.dj-megamenu-default {background:none !important; font-family: 'Open Sans', sans-serif !important; float:right !important;}
.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    color:#e7afff !important; font-size:0.875em !important; background:none !important; border:none !important;}
.dj-megamenu-default li a.dj-up_a {border:none !important; transition: none !important; -webkit-transition: none !important;
    color:#fff !important; font-size:0.875em !important; padding: 0px 10px !important;  text-transform:uppercase !important}
.dj-megamenu-default li:hover div.dj-subwrap, .dj-megamenu-default li.hover div.dj-subwrap {top:56px !important; padding-top:17px;
    background: url('../images/menu-arrow-bcg.png') 20px 0px no-repeat !important; box-shadow:none !important;}
div.dj-subwrap-in {border-top:3px solid #684b75;background: #5b4266;border-radius: 0px 0px 10px 10px; box-shadow:2px 4px 8px 0px rgba(113,129,109,0.4) !important; }
.dj-megamenu-default li ul.dj-submenu {margin:0px !important;}
.dj-megamenu-default li ul.dj-submenu > li {/*border-bottom: 1px solid #ebebeb !important;*/ margin:0px !important; border-top:none !important;}
.dj-megamenu-default li ul.dj-submenu > li:last-child {border:none !important;}
.dj-megamenu-default li ul.dj-submenu > li.separator {display:none;}
.dj-megamenu-default li ul.dj-submenu > li > a {font-size:0.875em !important; color:#fff !important; margin:0px !important;}
.dj-megamenu-default li ul.dj-submenu > li:last-child > a {border-radius: 0px 0px 10px 10px !important;}
.dj-megamenu-default li ul.dj-submenu > li.itemid362 a {border-radius:0px 0px 0px 10px !important;}
.dj-megamenu-default li ul.dj-submenu > li.itemid338 a {border-radius:0px 0px 0px 0px !important;}

.dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active:hover {background:#684B75 !important;}
.dj-megamenu-default li ul.dj-submenu > li > a.active {color:#e7afff !important; background:none !important;}
.dj-megamenu-default li a.dj-up_a .arrow{top: calc(50%) !important; right:12px !important;}
div#navigation-main .dj-megamenu-default li a.dj-up_a span.dj-drop {padding: 0px 15px 0px 0px !important;}

.fixedNav {position: fixed; background:#fafafa; top: -100%; left: 0; right: 0; height:60px !important; z-index:1000; transition:top 0.5s ease-in-out;}
.show-nav {top: 0%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.22);}
.fixedNav .dj-megamenu-default li:hover div.dj-subwrap, .fixedNav .dj-megamenu-default li.hover div.dj-subwrap {top:33px !important;}
.fixedNav #mainnav-logo img {height:45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a {height:45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a span {height:45px; line-height: 45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a span.arrow {height:14px; line-height: 14px;}
.fixedNav a.gs-toggle-button {pointer-events: none; color:#16466f; height:45px; line-height: 45px;}

body .jf_mm_pro_panelBtn {height:59px !important; position:relative !important; float:left; border-radius:0% !important;}
ul.jf_mm_pro li {margin-bottom:0px;}
.jf_mm_pro_wrapper li a {font-size:15px !important;}
.jf_mm_pro_wrapper li a:hover {color:#222222 !important}
#jf_mmpro_1 li a {line-height:100% !important; display:flex; align-items:center;}
#jf_mmpro_1 li span.nav-header {line-height:100% !important; display:flex; align-items:center; height:50px; padding:0px 20px; color: #5b4266;}
#jf_mmpro_1 li span.nav-header:hover {cursor: pointer; background:rgba(0,0,0,.07);}
.jf_mm_pro_wrapper li.parent > span.nav-header .jf_mmpro_dropdown_icon {
    position: absolute;
    top: 50%;
    right: 20px;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*** SEARCH MODULE AND SEARCH PAGE RESULTS ***/
a.gs-toggle-button {float:right; line-height:60px; padding:0px 20px; color:#ffffff;}
a.gs-toggle-button:hover {text-decoration: none; color:#70a9d6;}
a.gs-toggle-button::after {font-family:FontAwesome; content:"\f002";}

a.gs-toggle-button-close {float:right; padding:0px 16px;}
a.gs-toggle-button-close:hover {text-decoration: none; color:#222222;}
a.gs-toggle-button-close::after {font-family:FontAwesome; content:"\f00d"; font-size:24px; color:#fff;}

#collapseGS {background:#f5f6f7;box-shadow: 1px 5px 5px rgba(0,0,0,0.1); padding:0px;}
input.gsc-input {border-radius: 0; border-width: 0; font-size:24px !important; height:45px !important; background:#f5f6f7 !important;}
.gsc-input-box {border:none !important; box-shadow:none !important; height:auto !important; background:#f5f6f7 !important;}
.gsc-input-box-hover, .gsc-input-box:hover, .gsc-input-box:focus {border:none !important;}
.gsib_a {padding-top:0px !important; padding-left:15px !important;}
table.gsc-search-box {margin-bottom:0px !important;}
form.gsc-search-box {margin-bottom:0px !important;}
input.gsc-input::-moz-placeholder {font-size:24px !important; color:#999;}
input.gsc-input::placeholder {font-size:24px !important; color:#999;}
input.gsc-search-button {display:none;}
td.gsc-clear-button {display:none !important;;}
td.gsc-search-button {background:#D9534F !important;}
td.gsc-search-button:hover {background:#d43f3a !important;}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {font-family: 'Open Sans' !important; line-height:140%;}
.gsc-control-cse {display:none;} /* div u kome se pokazuju search rezultati je skriven svuda osim na stranici gde zelimo da se vide rezultati */
.itemid-306 .gsc-control-cse {display:inherit;} /* pokazati div u koji se ucitavaju rezultati na stranici "search-results" koju smo kreirali */
.itemid-306 .item-page {padding-bottom:0px;}
body.parentid-306 #middle {/* background: #f5f6f7 url('../images/downloads-bcg.png') 50% 0% no-repeat; min-height: 450px; */}
.cse .gsc-control-cse, .gsc-control-cse {background:none !important; border:none !important;}
.gsc-webResult.gsc-result {border:none !important;}
.cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover,
    .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover {border:none !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left:0px !important;}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {background:none !important;}
.cse .gsc-control-cse, .gsc-control-cse {padding:0px !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page {background:none !important;}

/*** BREADCRUMBS ***/
#breadcrumbs {margin: 0px; width:100%; font-weight: 600;}
#breadcrumbs .breadcrumb {background: none; border-radius: 0; font-size: 12px; margin: 20px 0px 0px 0px; padding: 0px !important;}
.breadcrumb li:first-child {display: none;}
ul.breadcrumb > li.active {color: #b2b2b4 !important;}
.breadcrumb > li + li::before {content: none; padding: 0px;}
.breadcrumb li a {color: #5b4266;}
#breadcrumbs .breadcrumb span.divider {color: #b2b2b4; margin: 0px 5px;}

/*** LEFT ***/
#left {margin-top:50px;}

/*** USER1 ***/
#user1_wrapper {display:flex; align-items:center; position:relative; min-height:110px; border-top:1px solid #f6f6f7;
    background:#f4f4f5;}

/*** FEATURED NEWS AND LATEST NEWS MODULE ***/
.lmbe-featured-wrapper.slick-slide {position: relative;}
.lmbe-featured-wrapper.slick-slide img {max-height:336px; height:336px; width: 100%; object-fit: cover;}
.lmbe-featured-wrap {position:absolute; bottom:0; width: 100%; height:130px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.64) 44%, rgba(0,0,0,0.65) 45%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 44%,rgba(0,0,0,0.65) 45%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.64) 44%,rgba(0,0,0,0.65) 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
div.lmbe-featured-title {font-family:'Merriweather'; color:#ffffff; font-weight:bold;line-height: 130%;
    /*position:absolute; top:50%;*/ font-size:20px; padding-left:15px;}
div.lmbe-featured-title a {color:#ffffff;}
div.lmbe-featured-published {color:#ffffff; bottom:30px; font-size:14px; padding-left:15px; padding-top:5px;}
#latest-news-header {display: flex; align-items:center; margin: 30px 0px 10px 0px;}
#latest-news-header h3 {font-size: 22px; float:left;display:inline-block; margin-bottom:0px; margin-right:20px;}
#latest-news-header span {display:inline-block;color:#747474; margin-right:5px;}
#latest-news-header a {display:inline-block;}
.lmbe-news-item {width: 100%; display: flex; align-items: center; margin-bottom:8px;}
.lmbe-news-item img {float: left; border:1px solid #e9e9eb; width:160px; min-width:160px; min-height:107px; height:107px; object-fit: cover;}
.lmbe-news-item:hover .lmbe-latest-title a{color:#0072bb} 
.title-published {float: left; margin-left:20px;}
.lmbe-latest-title a {font-family:'Merriweather'; font-size:16px; font-weight:700; color:#16466f;}
.lmbe-latest-title a:hover {text-decoration: none; color:#0072bb}
.lmbe-latest-published, dd.published {font-size:14px; color:#707070;}
.slick-dots {bottom:10px;}
.slick-dots li button::before {font-size:15px; color:#888; opacity:1;}
.slick-dots li button:hover::before {color:#ffffff;}
.slick-dots li.slick-active button::before {color:#ffffff; opacity:1;}

/*** IZDVAJAMO MODUL ***/
div.izdvajamo {margin:0px 15px; padding:70px 0px 80px 0px;}
div.izdvajamo h3 {margin-bottom:60px;}
.lib-panel {margin-bottom: 20Px;}
.lib-panel img {width: 100%;background-color: transparent;}
.lib-panel .row, .lib-panel .col-md-6 {padding: 0; background-color: #FFFFFF;}
.lib-panel .lib-row {padding: 0 20px 0 20px;}
.lib-panel .lib-row.lib-header {font-family:'Merriweather'; font-weight:bold; color:#16466f; background-color: #FFFFFF; font-size: 18px; padding: 10px 20px 0 20px;}
.lib-panel .lib-row.lib-header .lib-header-seperator {height: 2px; width: 26px; background-color: #d9d9d9; margin: 7px 0 7px 0;}
.lib-panel .lib-row.lib-desc {position: relative; display: block; font-size: 13px; color:#707070;}
.lib-row.lib-desc p{line-height:130%}
.lib-panel .lib-row.lib-desc a, .custom-istrazivanja-bottom a, .custom-edukacija-bottom a {font-family:'Merriweather'; font-weight:bold;}
.row-margin-bottom {margin-bottom: 20px;}
.box-shadow {-webkit-box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); box-shadow:5px 5px 25px 0 rgba(46,61,73,.2);}
.box-shadow:hover {-webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);}
.no-padding {padding: 0;}


/*** BOTTOM MODULES ***/
#bottom_wrapper {background:#fff; padding:40px 0 40px 0;}
div.bottom h3 {text-align:center; font-size:1.25em; color:#16466f;}
div.bottom .custom {padding-left:10px;}
div.bottom p {font-size:14px; margin-bottom:5px;}
div.bottom p a {}
div.bottom .custom h3 {padding:15px 0px 10px 0px;}

/*** FOOTER ***/
#footer_wrapper {min-height:65px; display:flex; align-items:center; background-color:#684b75; border-top:8px solid #5b4266; padding:50px 0px 35px 0px;}
.footer, .footer a {color:#ffffff; font-size:14px; }
.footer p {margin-bottom:0px;}


/*** LEFT MENUS ***/
div.moduletable.leftmenu, div.moduletable.poslednjevesti {margin-right:11px; margin-bottom:25px; background: #CCBFBE; border-radius:5px;  padding:20px;}
div.leftmenu h3, .moduletable.poslednjevesti h3 {font-family: 'Open Sans'; text-transform:uppercase; font-size:18px; color: #684b75;
    padding:18px 0px 0px 12px; margin-bottom:18px; line-height:0.75;}
.moduletable.poslednjevesti ul.latestnews{list-style-type:none; padding-left:12px;}
div.accordeonck ul.menu {background: none !important; border-radius:0px !important; border: none !important; box-shadow:none !important; padding:0px !important}
div.leftmenu ul.menu li.accordeonck {border:0px !important; margin-bottom:2px !important;}
.accordeonck a{color:#887c7b !important; font-family: 'Merriweather' !important;}
.accordeonck а:hover {color:#ffedeb !important; }
.accordeonck a.isactive{color:#ffedeb !important; }
div.leftmenu ul.menu li.accordeonck span a.accordeonck {font-weight:bold !important;
    font-size:14px !important; padding:10px 10px 10px 12px !important; line-height:125% !important;}
div.leftmenu ul.menu li.accordeonck span a.accordeonck:hover, div.leftmenu ul.menu li.accordeonck span a.accordeonck.isactive
    {color:#ffedeb !important; background:#bbabaa url('../images/left-menu-arrow.png') 97% 50% no-repeat !important;}
div.leftmenu ul.menu li#item-336 span.accordeonck_outer a.separator:hover, div.leftmenu ul.menu li#item-337 span.accordeonck_outer a.separator:hover{background:none !important; cursor:default}
div.leftmenu a.hide-menu-item {display:none !important;}

div.moduletable.poslednjevesti ul li a {color:#887c7b;}

/*** LATEST DOCUMENST ***/
div.latestdocs .latestitems {padding:0px !important; background:none; border:none; margin:0px;}
div.latestdocs .latestitems div {border-top: 1px solid #ebebeb; margin: 0px; padding: 10px 10px !important; display:flex; align-items: center;}
div.latestdocs .latestitems div:first-child {border:none;}
div.latestdocs img {max-width:32px; max-height:32px; margin:0px 10px; }
div.latestdocs a {color:#0072bb; font-size:14px;}
div.latestdocs a:hover{}


/*** HOMEPAGE ***/
.itemid-101 .item-page {padding-bottom: 0px;}
.itemid-101 #mid {padding-bottom: 0px; margin-top:0px;}
a.readmore {background:#fff; border:1px solid #1a73e8; text-transform: uppercase; font-size:12px; padding:5px 10px;}
a.readmore:hover {color:#fff; background-color:#1a73e8; text-decoration:none;}
a.readmore:after {display:inline-block; margin-left:10px; font-family: 'FontAwesome'; content:"\f054";}
a.readmore:hover:after {text-decoration: none;}
.custom-istrazivanja-bottom {border-right:1px solid #e9e9e9; min-height:305px}

/*** HOMEPAGE LATEST NEWS ***/
#home-latest-news {margin:0px 0px 50px 0px;}

/*** HOME ABOUT US ***/
div.fullwidth-about-us {border-bottom:1px solid #efefef;}
div.home-about-us {min-height:530px; width:100%; padding-top:100px; background:url('../images/about-us-bcg.jpg') no-repeat 100% 50%;}
div.home-about-us p {max-width: 700px;}
div.home-about-us a::after {padding-left: 2px; content: "\00bb";}

/*** HOME WHAT WE DO ***/
div.home-what-we-do {min-height:620px; text-align: center; padding-top:80px; background:url('../images/what-we-do-bcg.png') no-repeat 50% 50%;
    background-size:contain;}
div.home-what-we-do p {max-width: 670px; margin:0 auto;}
.whatwedo .card {font-size: 1em; overflow: hidden; padding: 0;
    -webkit-box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); box-shadow:5px 5px 25px 0 rgba(46,61,73,.2); border-radius:0px 0px 0px 10px;}
.whatwedo .card:hover {-webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); border:1px solid #e7e7e7;}
.whatwedo .card:hover p.readmorelab{opacity:1; transition: .5s ease;}
/*.whatwedo .card:hover .card-title{color:#946caa; text-decoration: none;}*/
.whatwedo .card-block {font-size: 1em; position: relative; margin: 0; padding: 1em; border: none; min-height:102px;}
.whatwedo .card-img-top {display: block; width: 100%; weight: auto; border-radius: 0px;}
.whatwedo .card-title {font-size: 0.9375em; font-weight: 700; line-height: 1.2857em; color:#4d355a}
.whatwedo .card-title:hover {text-decoration:none !important; color:#946caa;}
.whatwedo a:hover {text-decoration: none;}
div.home-what-we-do .whatwedo:last-child .card-img-top {border-radius:0px 10px 0px 0px;}
div.home-what-we-do .whatwedo:last-child .card {border-radius:0px 10px 0px 0px;}


/*** HOMEPAGE SLIDER ***/
div.homeslider {/*position:relative; width:1200px; margin-left:-600px; left:50%; box-shadow:0px 10px 20px rgba(0,0,0,0.1)*/}
div.slideshowck {margin-bottom:0px !important;}
div.camera_caption {top:45%;}
.camera_caption > div {background:none; float:left; padding:0px 20px;}
div.camera_caption_title {font-family:"Merriweather"; font-size: 2.25em !important; display: block; float:left;
 font-weight:700; padding:10px 13px; margin-bottom:2px; line-height:140%;}
div.camera_caption_desc {font-family: 'Merriweather'; font-size:1.125em !important; display: block; float:left;
    clear:left; padding:8px 13px 15px 13px; margin-bottom:7px; line-height:1.5; }
div.camera_caption_desc a {color:#fff; font-weight: bold; margin-top:15px; display: block;}
div.camera_caption_desc a:hover {font-weight: bold; margin-top:15px; display: block;}
div.camera_caption_link {display:block; float:left; clear:both;}
div.camera_caption_link a.btn {padding: 10px 30px !important; letter-spacing:0.05em; background:#1a73e8 !important; font-family:"Merriweather";
    font-size:15px; font-weight:700; letter-spacing:0.03em; text-transform: uppercase; border:none !important;}
div.camera_caption_link a.btn:hover {background:#02609c !important;}
ul.camera_pag_ul{ text-align:center !important}
.camera_caption > div{background:none !important}
.camera_wrap .camera_pag .camera_pag_ul li{border:2px solid #fff; background:none !important}

.camera_pag {margin-top:-45px;}
.camera_wrap .camera_pag .camera_pag_ul {text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li {margin:0px 5px;}
.camera_wrap .camera_pag .camera_pag_ul li {background: url('../images/slider-pg-bcg.png') no-repeat; width:18px; height:18px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background: #fff !important;}
.camera_wrap .camera_pag .camera_pag_ul li span {backgorund:none; display:none;}
.camera_bar{top:0 !important}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{background-color:#1a73e8}

/*** KONTAKT ***/
.contact_wrapper {min-height:110px; display: flex; align-items: center;}
.contact_wrapper .col-md-3 {padding-right:5px;}
.contact_wrapper .col-md-9 {padding-left:5px;}
.contact_wrapper img {border:1px solid #ebebee; max-height:200px;}
.contact_wrapper p {margin-bottom:3px; line-height: 1.4; font-size:0.8em;}
.contact_wrapper p strong {font-weight:600;}


/*** NEWS PAGES ***/
.newsblog_wrapper {border-bottom:1px solid #ebebeb; padding:30px 0px 30px 0px; display: inline-block; width:100%;}
.newsblog_image {float:left; margin-right:25px;}
.blog .items-row:nth-of-type(2n) .newsblog_image {float:right; margin-left:25px;}
.newsblog_image img {max-width:180px; min-height:220px; object-fit: cover;}
.newsblog_title a {color:#444;}
.newsblog_title a:hover {color:#444;}
.newsblog_title h2 {font-family: 'Merriweather'; font-size:1.375em; font-weight: 600; margin-bottom:5px;}
span.newsblog_date {color:#959393; font-size:13px; display: block; margin-bottom:10px;}
.newsblog_text p{ font-size:15px; line-height:1.4rem}
.moduletable-najcitanije ul.mostread-najcitanije, .moduletable-povezani ul.relateditems-povezani  {list-style-type:none; padding-left:0px; font-size:0.875em; padding:10px 10px 25px 10px; }
.moduletable-najcitanije, .moduletable-povezani, .latestdocs {background:#f4f4f5;border-radius:10px}
.moduletable-najcitanije h3, .moduletable-povezani h3, .latestdocs h3{padding:25px 0 0 10px; font-size:18px;}

/*** PUBLIKACIJE ***/
div.publikacije-oblasti .accordion-item {border:none; border-bottom:1px solid #dee2e6;}
div.publikacije-oblasti .accordion-header {border-bottom:none;}
div.publikacije-oblasti .accordion-header .accordion-button {background: none; color:#16466f; font-size:1.1rem; white-space: normal;}
div.publikacije-oblasti .accordion-header .accordion-button:before{font-family: 'FontAwesome'; content:"\f02d"; float:left; color: #71816d; margin-right: 10px; font-weight: normal;}
div.publikacije-oblasti .accordion-header .accordion-button:hover {color:#0072bb;}
div.publikacije-oblasti .accordion-item .accordion-button:focus {box-shadow: none;}
div.publikacije-slicice {background-color: rgba(122, 151, 115,0.2); margin:0px;}
div.publikacije-slicice div {text-align: center; margin:10px 0px 10px 0px;}
div.publikacije-slicice div img {border:1px solid #eaeaea;}

div.com-content__filter, div.com-tags-tags__filter {margin-bottom: 30px;}
ul.istrazivaci-list {display: inherit; clear:both; padding: 0px; margin-bottom:40px; column-count: 3; list-style: none;}
ul.istrazivaci-list li {display: flex; width: 100%; background: #fff; border: 1px solid #dfdfdf !important; border-radius: 0px !important;
    height: 120px; break-inside: avoid-column; margin-bottom: 15px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); transition: all 0.3s;}
ul.istrazivaci-list li:hover {box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);}
ul.istrazivaci-list span.list-title {width: 100%;}
ul.istrazivaci-list div.istrazivac-name img {height: 100px; width: 90px; object-fit: cover; border: 1px solid #dfdfdf;}
ul.istrazivaci-list div.istrazivac-name a::before {font-family: 'FontAwesome'; content: "\f2bb"; padding-right: 2px; font-weight: normal; color: #5b4266;}
ul.istrazivaci-list span.list-zvanje {color: #828282; display: inline-block; width: 100%; font-size: 13px;}

ul.tehnicko-osoblje-list {display: inherit; clear:both; padding: 0px; column-count: 3; list-style: none;}
ul.tehnicko-osoblje-list li {display: flex; width: 100%; background: #fff; border: 1px solid #dfdfdf !important; border-radius: 0px !important;
    height: 120px; break-inside: avoid-column; margin-bottom: 15px; box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); transition: all 0.3s;}
ul.tehnicko-osoblje-list li:hover {box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2);}
ul.tehnicko-osoblje-list span.list-title {width: 100%;}
ul.tehnicko-osoblje-list div.istrazivac-name img {height: 100px; width: 90px; object-fit: cover; border: 1px solid #dfdfdf;}
ul.tehnicko-osoblje-list div.istrazivac-name a::before {font-family: 'FontAwesome'; content: "\f2bb"; padding-right: 2px; font-weight: normal; color: #5b4266;}
ul.tehnicko-osoblje-list span.list-zvanje {color: #828282; display: inline-block; width: 100%; font-size: 13px;}

/*** ISTRAZIVAC ***/
div.istrazivac ul.fields-container {list-style: none; padding:0px;}
div.istrazivac-data {align-items: center; margin-bottom: 5px;}
div.istrazivac-data div.field-entry {margin-bottom: 10px;}
div.slicica-istrazivaca {float:left; padding-left:0px;}
div.slicica-istrazivaca img {object-fit: cover; height: 175px; width: 150px; border-radius: 0rem; border: 1px solid #dfdfdf;}
div.istrazivac div.com-content-article__body + ul.fields-container {float:left; width:100%;}
div.istrazivac span.field-label {font-weight:bold; line-height:1;}

div.istrazivac-data span.field-label:before {font-family: 'FontAwesome'; float:left;
    color: #444; margin-right: 10px; font-weight: normal; font-size: 1.5rem; width:30px;}
div.e-mail span.field-label:before {content:"\f0e0";}
div.telefon span.field-label:before {content:"\f095";}
div.researchgate span.field-label:before {content:"\f4f8";}
div.scopus span.field-label:before {content:"\f4ff";}
div.orcid span.field-label:before {content:"\f8d2";}
div.com-content__filter {margin-bottom:30px;}

div.istrazivac-acordion .accordion-item {border-radius: 0.25rem 0.25rem 0rem 0rem; padding: 0px; border: 1px solid #ccbfbe;}
div.istrazivac-acordion .accordion-item .accordion-button {color:#4d355a; font-size:1.1rem; font-weight:bold; background:#ccbfbe; padding: .375rem .75rem;
    border:none !important; border-radius:0rem !important;}
div.istrazivac-acordion .accordion-item .accordion-button:hover {color:#845c99;}
div.istrazivac-acordion .accordion-item .accordion-button:focus {box-shadow: none;}
li.obrazovanje div.istrazivac-acordion .accordion-item .accordion-button:before {font-family: 'FontAwesome'; content:"\f501"; float:left;
    color: #444; margin-right: 10px; font-weight: normal;}
li.istrazivanje-i-publikacije div.istrazivac-acordion .accordion-item .accordion-button:before {font-family: 'FontAwesome'; content:"\f02d"; float:left;
    color: #444; margin-right: 10px; font-weight: normal;}
li.obrazovanje, li.istrazivanje-i-publikacije {margin-bottom:15px;}

div.istrazivac ul.tags li a {background: none; border-radius: 0px; border: 0px; padding: 0px; color: #828282; font-size: 1.1rem;}
div.istrazivac.item-page h1 {margin-bottom:0px;}

div.accordion.projekti-istrazivaca {margin-bottom:1rem;}
div.accordion.projekti-istrazivaca .accordion-item {border-radius: 0.25rem 0.25rem 0rem 0rem; padding: 0px; border: 1px solid #ccbfbe;}
div.accordion.projekti-istrazivaca .accordion-button h4 {font-family: "Merriweather"; margin-bottom:0px; color: #4d355a;}
div.accordion.projekti-istrazivaca .accordion-button h4:hover {color: #845c99;}
div.accordion.projekti-istrazivaca .accordion-button h4 i {margin-right:10px; color:#9f2d2d;}
div.accordion.projekti-istrazivaca .accordion-button {font-size: 1.1rem; font-weight: bold; background: #ccbfbe; padding: .375rem .75rem;
    border: none !important; border-radius: 0rem !important;}
div.accordion.projekti-istrazivaca .accordion-button:focus {box-shadow:none;}
ul.projekti-istrazivaca-list {padding:0px; margin:0px;}
ul.projekti-istrazivaca-list li {list-style: none; display: block; padding: 10px 15px;}
ul.projekti-istrazivaca-list li:last-child {margin-bottom:0px;}
ul.projekti-istrazivaca-list li a {color:#71816d;}
ul.projekti-istrazivaca-list li:last-child a {margin-bottom:0px;}
ul.projekti-istrazivaca-list li i {margin-right: 10px; color:#9f2d2d;}


/*** PROJEKTI ***/

ul.projekti-list li {display: block; padding: 10px; background: #f7f7f7; margin: 10px 0px; border: 1px solid #ececec; border-radius: 5px;}
ul.projekti-list li i {color: #9f2d2d; font-size:1.2rem; margin-right:10px;}
ul.projekti-list li a {color: #71816d;}

div.projekat ul.fields-container {list-style: none; padding:0px;}

li.rukovodilac-projekta span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #4d355a; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}

li.rukovodilac-projekta span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #444; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}
li.rukovodilac-projekta span.field-value {display: block; padding: 10px; background: #f7f7f7; color: #5b4266;}
li.rukovodilac-projekta span.field-value::before {font-family: 'FontAwesome'; content: "\f2bb";
    padding-right: 10px; font-size: 18px; font-weight: normal;
    color: #860e0e;}

li.rukovodilac-projekta-ako-nema-svoju-stranicu span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #4d355a; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}

li.rukovodilac-projekta-ako-nema-svoju-stranicu span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #444; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}
li.rukovodilac-projekta-ako-nema-svoju-stranicu span.field-value {display: block; padding: 10px; background: #f7f7f7; color: #000;}
li.rukovodilac-projekta-ako-nema-svoju-stranicu span.field-value::before {font-family: 'FontAwesome'; content: "\f2bb";
    padding-right: 10px; font-size: 18px; font-weight: normal;
    color: #860e0e;}

li.istrazivaci-na-projektu span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 0px 0px 15px 0px; display: block;}
li.istrazivaci-na-projektu ul.field-value {display: block; list-style-type: none; padding:0px; column-count:2;}
li.istrazivaci-na-projektu ul.field-value li {display: block; padding: 10px; background: #f7f7f7; color: #5b4266; margin-bottom:10px;}
li.istrazivaci-na-projektu ul.field-value i {margin-right:10px; font-size:18px; color:#16466f;}

li.sazetak span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 35px 0px 15px 0px; display: block;}

li.istrazivaci-na-projektu-koji-nemaju-svoju-stranicu span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 35px 0px 15px 0px; display: block;}

li.institucije-koje-ucestvuju-u-realizaciji-projekta span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 35px 0px 15px 0px; display: block;}

li.rukovodilac-projektnog-zadatka-iz-090 span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 35px 0px 15px 0px; display: block;}
li.rukovodilac-projektnog-zadatka-iz-090 span.field-value {display: block; padding: 10px; background: #f7f7f7; color: #5b4266;}
li.rukovodilac-projektnog-zadatka-iz-090 span.field-value::before {font-family: 'FontAwesome'; content: "\f2bb";
    padding-right: 10px; font-size: 18px; font-weight: normal;
    color: #860e0e;}


/*** TEME***/

ul.teme-list li {background:none; border:none; margin-bottom:10px;}
ul.teme-list li i {color:#71816d; font-size:1.2rem; margin-right:10px;}

div.tema ul.fields-container {list-style: none; padding:0px; width:100%; float:left;
    display: grid; grid-template-columns:50%; gap: 15px;
    grid-template-areas:
            "box-1 box-1"
            "box-2 box-2"
            "box-3 box-4"
            "box-5 box-4"
            "box-6 box-6"
            "box-7 box-7"
            "box-8 box-8"
            "box-9 box-9";
}

li.rukovodilac-teme {margin-bottom:10px; grid-area: box-1;}
li.rukovodilac-teme-ako-nema-svoju-stranicu {margin-bottom:50px; grid-area: box-2;}
li.istrazivaci-na-temi {padding:0px; grid-area: box-3;}
li.slika-za-grupu {grid-area: box-4;}
li.istrazivaci-iz-inostranstva-i-spoljni-saradnici{grid-area: box-5;}
li.sazetak-istrazivanja {grid-area: box-6;}
li.projekti-na-temi {grid-area: box-7;}
li.publikacije-teme {grid-area: box-8;}
li.saradnje {grid-area: box-9;}


li.rukovodilac-teme span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #4d355a; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}
li.rukovodilac-teme span.field-label {font-family: 'Merriweather';
    font-size: 22px; color: #444; font-weight: 700; margin: 35px 0px 15px 0px; display: block;}
li.rukovodilac-teme span.field-value {display: block; padding: 10px; background: #f7f7f7; color: #5b4266;}
li.rukovodilac-teme span.field-value::before {font-family: 'FontAwesome'; content: "\f2bb";
    padding-right: 10px; font-size: 18px; font-weight: normal;
    color: #860e0e;}


li.istrazivaci-na-temi span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 0px 0px 15px 0px; display: block;}
li.istrazivaci-na-temi ul.field-value {display: block; list-style-type: none; padding:0px;}
li.istrazivaci-na-temi ul.field-value li {display: block; padding: 10px; background: #f7f7f7; color: #5b4266; margin-bottom:10px;}
li.istrazivaci-na-temi ul.field-value i {margin-right:10px; font-size:18px; color:#16466f;}
li.istrazivaci-iz-inostranstva-i-spoljni-saradnici span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 35px 0px 15px 0px; display: block;}

li.rukovodilac-teme-ako-nema-svoju-stranicu span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 30px 0px 15px 0px; display: block;}
li.rukovodilac-teme-ako-nema-svoju-stranicu span.field-value {display: block; padding: 10px; background: #f7f7f7; color: #5b4266;}
li.rukovodilac-teme-ako-nema-svoju-stranicu span.field-value::before {font-family: 'FontAwesome'; content: "\f2bb";
    padding-right: 10px; font-size: 18px; font-weight: normal;
    color: #860e0e;}


li.projekti-na-temi span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 30px 0px 15px 0px; display: block;}
li.projekti-na-temi span.field-value ul {padding:0px;}
li.projekti-na-temi span.field-value ul li {display: block; padding: 10px; background: #f7f7f7;
    margin: 15px 0px; color: #71816d; border: 1px solid #ececec; border-radius: 5px;}
li.projekti-na-temi span.field-value ul li::before {font-family: 'FontAwesome'; content: "\f0f6"; padding-right: 10px;
    font-size: 24px; font-weight: normal; color: #9f2d2d;}

li.sazetak-istrazivanja span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 30px 0px 15px 0px; display: block;}

li.publikacije-teme span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 30px 0px 15px 0px; display: block;}

li.saradnje span.field-label {font-family: 'Merriweather'; font-size: 22px; color: #444; font-weight: 700;
    margin: 30px 0px 15px 0px; display: block;}


/*** LINKOVI ***/
table#tabela-oprema td{vertical-align: middle;}
td.oprema-img {text-align: left;}
td.oprema-img img {max-width:150px;}


/*** ACCORDION ***/
.btn-link {width:100%; text-align:left; color:#1a73e8; font-weight:700;}
.card {border: none; border-bottom:1px solid #ebebeb;}
.card-header {background:#f5f6f7;}
.card-body {border:1px solid #ebebeb; font-size:15px;}
.itemid-148 .card-body {border:1px solid #ebebeb; border-top:0; font-size:15px;}
.card-img-block{border:1px solid #ebebeb; border-bottom:0;}
.card-body p {line-height:1.4rem;}
.card-header{padding: .75rem 0rem;}
.card-header h5{ font-size:16px; font-family:'Open Sans';}
.card-header h5 span{ font-size:15px; font-family:'Open Sans'; color:#282c53; font-weight:400;}
.mb-0 > .btn-link:before {float: right !important; font-family: 'FontAwesome'; content:"\f077"; padding-right: 5px;}
.mb-0 > .btn-link.collapsed:before {float: right !important; content:"\f078";}
.mb-0 > .btn-link:hover, mb-0 > .btn-link:active, .mb-0 > .btn-link:focus  {text-decoration:none;}

/* LOGIN PAGE */
.login .control-group {margin:20px 0px 20px 0px;}
.login .control-group input {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
    background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
ul.login-param {padding-left:0px;}
.login .control-group input:focus {border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
ul.login-param li {width:100%; font-size:14px; list-style:none; margin-bottom:5px;}
.remind .control-group {margin:20px 0px 20px 0px;}
.reset .control-group{margin:20px 0px 20px 0px;}

.moduletable.latestitems.latestdocs{ margin-bottom:50px;}

body.parentid-425 #middle{/*background: url(../images/prodaja-bcg.jpg) 50% 0% no-repeat; min-height: 450px;*/}
body.parentid-148 #middle{background: url(../images/istrazivacke-grupe-bcg.png) 50% 0% no-repeat; min-height: 450px;}
body.parentid-425 #middle{background: url(../images/delatnosti-bcg.png) 50% 0% no-repeat; min-height: 450px;}