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

@font-face {
    font-family: 'Oswald';
    /*src: url('../fonts/Oswald-Regular.woff') format('woff'),*/
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    /*src: url('../fonts/Oswald-Regular.woff') format('woff'),*/
    src: url('../fonts/Oswald-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-ExtraLight';
    /*src: url('../fonts/Oswald-Regular.woff') format('woff'),*/
    src: url('../fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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


/* GENERAL STYLES */
p {line-height:1.8rem; text-rendering: optimizeLegibility;}
strong{ font-weight:700;}
a {color:#0072bb; outline:0;}
a:hover {color:#0072bb; text-decoration:underline;}
a.hasPopover {display:inline-block !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather'; color:#002b4f;}
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}
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: #002b4f;}
#mid {margin-top:50px; padding-bottom:30px;}
#right h3 {color:#002b4f;}

#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; line-height: 1.2rem; text-align: center;}
span.wf_file_size {font-size:0.75em; color:#999;}

/* PAGINATION */
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 */
.com-content-category__table tbody th a {font-weight: normal;}
label.filter-search-lbl {display: none;}
.com-content__filter {display: block; margin-bottom: 15px; float: left;}
.com-content-category__pagination {float: right;}
.com-content-category__pagination label {padding-top:5px;}
.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;}
.com-content__filter input#filter-search:focus {color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
.com-content__filter button {display:none;}
select#limit {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:#17344d;}
#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 #3c4650; text-decoration: none;}
#top-nav ul.nav a:hover, #top-nav ul.nav li.active a {text-decoration: underline;}
#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 */
#navigation-main {background:#f9f9fa; padding:5px 10px; box-shadow: 1px 5px 5px rgba(113,129,109,0.4); align-items: baseline; z-index:10;}
#navigation-main .container .row {align-items:center;}
#mainnav-logo {z-index:999;}
.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:#0072bb !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:#17344d !important; font-size:0.875em !important; padding: 0px 10px !important;  text-transform:uppercase !important}
.mainmenu-wrapper {}
.dj-megamenu-default li:hover div.dj-subwrap, .dj-megamenu-default li.hover div.dj-subwrap {top:60px !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 #002b4f;background: #fff;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:#002b4f !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% - 2px) !important; right:12px !important;}
.dj-megamenu-default li:hover a.dj-up_a .arrow,
    .dj-megamenu-default li.hover a.dj-up_a .arrow,
    .dj-megamenu-default li.active a.dj-up_a .arrow {top: calc(50% - 0px) !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 .mainmenu-wrapper {margin-top:-44px;}
.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:#002b4f; 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; text-decoration:none;}
.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: #002b4f;}
#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%);
}

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


/*** BOTTOM MODULES ***/
#bottom_wrapper {background:#fff; padding:40px 0 40px 0;}
div.bottom h3 {text-align:center; font-size:1.25em; color:#002b4f;}
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:#002e4b; border-top:8px solid #8a8369; padding:50px 0px 10px 0px;}
.footer, .footer a {color:#ffffff; font-size:14px; }
.footer p {margin-bottom:0px;}
.footer ul {list-style: none; padding-left:1rem; padding-top:5px;}
.footer ul a {text-decoration: none;}
.footer ul.footer-links a::before{font-family: 'Font Awesome 6 Pro'; content:"\f08e"; padding-right: 10px;
    font-weight: 200; display: inline-block;}
.footer ul a:hover {text-decoration: underline;}
.footer ul a::before:hover{text-decoration: none;}

.footer #copyright {border-top:1px solid #04385a; margin-top: 25px; padding-top: 5px;}


/*** LEFT MENUS ***/
div.moduletable.leftmenu, div.moduletable.poslednjevesti {margin-right:11px; margin-bottom:25px; background: #cecbc1; border-radius:0px 10px;  padding:5px 5px 20px 5px;}
div.leftmenu h3, .moduletable.poslednjevesti h3 {font-family: 'Oswald', sans-serif; line-height:0.75; color:#fff; font-size:1.5rem;
    text-transform:uppercase; font-weight: normal; background: #8a8369; border-radius: 0px 10px; padding: 15px 0px 15px 15px; border-bottom: 1px solid #ababab;}
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:#645f4e !important;}
.accordeonck a.isactive{color:#fff !important; }
div.leftmenu ul.menu li.accordeonck span a.accordeonck {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:#b4b2aa 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;}



/*** DESNA TRAKA ***/
#right .moduletable ul {list-style: none; padding: 15px 0px 20px 15px;}
#right .moduletable ul li {font-size: 0.9rem;}
#right .moduletable .rsf_item span {display: inherit;}

#right .moduletable h3 {font-family: 'Oswald', sans-serif; line-height: 0.75; color: #fff; font-size: 1.5rem; text-transform: uppercase;
    font-weight: normal; background: #8a8369; border-radius: 0px 10px; padding: 15px 0px 15px 15px; border-bottom: 1px solid #ababab;}

#right .moduletable {margin-right: 11px; margin-bottom: 25px; background: #cecbc1; border-radius: 0px 10px; padding:5px 5px 20px 5px;}

/*** LATEST DOCUMENST ***/
#right div.latestdocuments a {text-decoration: none; color: #4b4b4b;}
#right div.latestdocuments a:hover {text-decoration: none; color:#0072bb;}
#right div.latestdocuments a:hover span {color:#0072bb !important;}
#right div.latestdocuments i {color:#88292F;}


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


/*** HOME ABOUT US ***/
div.fullwidth-about-us {border-bottom:1px solid #efefef;}
div.home-about-us {min-height:460px; width:100%; padding-top:80px; background:url('../images/home-about-us-bcg.png') no-repeat 100% 50%;}
div.home-about-us p {max-width: 750px; line-height: 1.6rem;}
div.home-about-us h3 {padding-bottom:5px;}
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: 2px 4px 8px 0 rgba(46,61,73,.2); box-shadow: 2px 4px 8px 0 rgba(46,61,73,.2); border:1px solid #e7e7e7; border-radius:0px 0px 0px 10px; background: rgba(255,255,255,0.6);}
.whatwedo .card:hover p.readmorelab{opacity:1; transition: .5s ease;}
.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;color: #8a8369; padding-top: 30px; font-size: 4rem;}
.whatwedo .card-title {font-family: 'Oswald'; font-size: 1.3em; font-weight: 400; border-bottom: 2px solid #C9C7BD; line-height: 1.2857em; color:#88292F;}
.whatwedo .card-title:hover {text-decoration:none; color:#88292F}
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;}
.whatwedo .card ul {font-family: 'Oswald-Light'; font-size: 1.2em; list-style: none; text-align: left;}
.whatwedo .card ul li {margin-bottom:0px;}
.whatwedo .card ul li a {color: #676767; text-decoration: none;}
.whatwedo .card ul li a:hover {color:#88292F;}



/*** 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:40%;}
.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%; text-shadow: rgba(0, 0, 0, 0.9) 0px 0px 6px;}
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; text-shadow: rgba(0, 0, 0, 0.9) 0px 0px 6px;}
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;}

div#rsform_3_page_0 {padding:2rem;border:1px solid #e3e3e3; background:rgba(0,0,0,0.05);}


/*** 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:#0072bb;}
.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}


/*** DOWNLOADS PAGES ***/

/*** AKTIVNOSTI PAGE ***/
.parentid-121 .table tr {border-style: none;}
.parentid-121 .table th {border:none;}
.parentid-121 .table-striped tbody tr:nth-of-type(2n+1){background: rgba(0,0,0,0.4);}
.parentid-121 .table-striped tbody tr:nth-of-type(2n){background: rgba(0,0,0,0.2);}
.parentid-121 .table a {color:#fff; text-decoration: none;}
.parentid-121 .table a:hover {text-decoration:underline;}



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

form#com-users-login__form {width:50%; margin: 0 auto;}
div.com-users-login__options {width:50%; margin: 0 auto;}
.form-control-feedback {display: block;}
.invalid {color: #a51f18;}
.icon-eye::before {font-family: 'FontAwesome'; content: "\f06e";}



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

body.parentid-121 #middle{background: url(../images/aktivnosti-bcg.png) 50% 0% no-repeat; min-height: 450px;}
body.parentid-121 #mid {margin-top: 150px;}
body.parentid-121 #left, body.parentid-121 #right {margin-top: 190px;}

body.parentid-120 #middle{background: url(../images/o-nama-bcg.png) 50% 0% no-repeat; min-height: 450px;}
body.parentid-120 #mid {margin-top: 150px;}
body.parentid-120 #left, body.parentid-120 #right {margin-top: 190px;}

li.itemid146 {display:none !important;}

.moduletable.poslednjevesti ul.latestnews{list-style-type:none; padding-left:12px;}