@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:#20325a; background:#ffffff;
    text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}


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

.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 {color:#2c7aac; outline:0;}
a:hover {color:#2c7aac; text-decoration:underline;}
a.hasPopover {display:inline-block !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather'; color:#20325a;}
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, #latest-news-header h3, .moduletableposlednjevesti h3 { font-family:'Open Sans', sans-serif;}
ul li, ol li{margin-bottom:12px;}
img{max-width:100%; height:auto;}
#mainnav-logo img {max-width:inherit;}
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:#1a73e8 !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:#ffffff; background:#02609c !important;}
.fullwidth {width: 100vw; position: relative; margin-left: -50vw; left: 50%;}
.fullwidthgray {background: #f5f6f7;}
.fullwidthblue {background: #20325a;}
#mid {margin-top:50px; padding-bottom:30px;}
#right h3 {color:#20325a;}
.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;   
	
}


/* PAGINATION */
.com-content-category-blog__counter {text-align: center;}
.pagination {justify-content: center !important;}
div.pagination{display:block; text-align:center; margin-top:20px;}
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:6px 12px; font-size:13px; color: #1a73e8;}
.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;}

/* TOP MENU */
#navigation-top {background:#20325a;}
#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 #fff;}
#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;}
.logo-mobile img {margin-top:4px;}


/* MOBILE MENU */
#mobilemenu {background:#20325a; height:45px;}
.mobilemenubutton {float:left;}
#mobilemenu .mobilemenubutton .dj-mobile-open-btn {font-size:30px; /*background:#fff;*/ margin: 4px 15px;}
.dj-offcanvas-wrapper .dj-offcanvas-light .dj-offcanvas-close-btn {color:#ff2c2c;}
.dj-offcanvas-wrapper ul.dj-mobile-light li.dj-mobileitem > a {color:#2c7aac;}
.dj-offcanvas-wrapper ul.dj-mobile-light li.dj-mobileitem:hover > a,
    .dj-offcanvas-wrapper ul.dj-mobile-light li.dj-mobileitem.active > a {background:#fff; color:#20325a;}


/* MAIN MENU */
#navigation-main {background:#f9f9fa; height:80px; box-shadow: 1px 5px 5px rgba(0,0,0,0.1); 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:#20325a !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:#2c7aac !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:62px !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 #2c7aac;background: #fff;border-radius: 0px 0px 10px 10px; box-shadow:2px 4px 8px 0px rgba(0, 0, 0, 0.2) !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:#2c7aac !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:#EDF2F8 !important;}
.dj-megamenu-default li ul.dj-submenu > li > a.active {color:#222 !important; background:none !important;}
.dj-megamenu-default li a.dj-up_a .arrow{top: calc(50% - 6px) !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:#20325a; 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;}


/*** 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: #70a9d6;}
#breadcrumbs .breadcrumb span.divider {color: #b2b2b4; margin: 0px 5px;}

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


/*** 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:#20325a; 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:#20325a;}
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:#20325a; border-top:8px solid #ee353f; 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: #edf2f8; border-radius:5px;  padding-bottom:20px;}
div.leftmenu h3, .moduletable.poslednjevesti h3 {font-family: 'Open Sans', sans-serif; padding:18px 0px 0px 12px; margin-bottom:18px; line-height:0.75;}
div.accordeonck ul.menu {background: none !important; border-radius:0px !important; box-shadow:none !important; padding:0px !important}
div.leftmenu ul.menu li.accordeonck {border:0px !important; margin-bottom:2px !important;}
.accordeonck a{color:#2c7aac !important; font-family: 'Merriweather' !important;}  
.accordeonck a.isactive{color:#20325a !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
    {background:#fff 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;}


/*** HOMEPAGE ***/
.itemid-109 .item-page {padding-bottom: 0px;}
.itemid-109 #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}

/*** 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-atom.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 PARTNER LOGOS ***/
div.fullwidth-partner-logos {border-top:1px solid #efefef;}
div.partner-logos {width:100%; text-align: center; padding:80px 0px 100px 0px;}
div.moduletable.partner-logos {padding:0px; margin-top:90px;}
div.partner-logos p {max-width: 670px; margin:0 auto;}
.logos-slider .col-md-12 {padding:0px;}
.partner-logos-slider {padding:0px !important; margin-top:90px;}
.partner-logos-slider .slick-track {height:175px;}
.partner-logos-slider .partner-logo-item{background:#fff; width:155px; height:155px; margin:0px 15px; display:flex !important; align-items:center;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.partner-logos-slider .partner-logo-item a {margin:0 auto;}
.partner-logos-slider #partner-logo-image {}
.partner-logos-slider .slick-list.draggable {}
.partner-logos-slider .slick-prev::before, .partner-logos-slider .slick-next::before {content:'';}
.partner-logos-slider .slick-prev {height:37px; width:19px; background:url('../images/slick-prev.png') no-repeat; left:-35px;}
.partner-logos-slider .slick-prev:hover {height:37px; width:19px; background:url('../images/slick-prev-hover.png') no-repeat;}
.partner-logos-slider .slick-next {height:37px; width:19px; background:url('../images/slick-next.png') no-repeat; right:-35px;}
.partner-logos-slider .slick-next:hover {height:37px; width:19px; background:url('../images/slick-next-hover.png') no-repeat;}


/*** 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:#282c53;}
.newsblog_title a:hover {color:#2c7aac;}
.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;}

/*** 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;}

/*** GALERIJA ***/
div#phocagallery div[style="display:block;color:#ccc;text-align:right;"] {display: none !important;}

/*** NEKI CUSTOM STILOVI ***/
.figure {background: #f7f7f7; padding-top: 35px;}