a {color: #3b5e9d;}
#sp-izbornik {background: #2687d7;}
.sp-contact-info {text-align: right;}
body {color: #1e272f;font-size: 14px; line-height:24px;background-color:#f5f5f5; }
h1 {font-size:28px!important;}
#sp-logo {padding-left: 0px;}

#sp-main-body {padding: 30px 0;}

#sp-footer .container-inner {
  padding: 15px 0;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
}
#sp-footer p {
  margin-top: 0;
  margin-bottom: 0rem;
}

.sp-menu-item:hover {
  background-color: #3256a4 !important;
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #08162f;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fefeff;
}

#sp-bottomfooter p {font-size:14px; line-height:22px;}
#sp-bottomfooter .sp-module-title {
  font-size: 18px!important;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}

label.finder {
  display: none;
}
.mod-finder {
  padding: 15px 0px;
}

.mfp_default_skin_default .mfp_default_item .mfp_thumb_pos_left img {border-radius: 10px;margin-right: 2em;}

.mod-finder .btn-primary {
  border-radius: 0px 10px 10px 0px !important;
}

#sp-bottomfooter b, #sp-bottomfooter strong {
  font-weight: 600;
}

.btn.btn-info {
  font-size: 14px !important;
  margin-top: 10px;
  color: #fff;
}

#sp-bottomfooter a {
  color: #fff;
}

#sp-top-bar {background: #f7f4f4;color: #808080;padding: 2px 0 0px 0px;height: 40px;}
.sp-page-title {background: #7286ac;}
#sp-right {padding-top: 0px;padding-bottom:40px;}
#sp-component {border-radius: 20px;padding-left:30px;padding-bottom: 40px;border: 1px solid #ddd; background-color:#fff;padding-right: 30px;padding-top: 10px;margin-bottom: 30px;}

#sp-right .sp-module .sp-module-title {margin: 0 0 15px;border-bottom: 1px solid #d9d6d6; font-size:20px;}

.ui-widget-content {background:none!important;}
.ui-state-default {background:none!important;border-radius: 0px !important;}
.ui-state-default a, .ui-state-default a:link {color: #3256A4!important;}

#sp-bottomfooter .sp-module ul > li > a {color: #b34228;}
#sp-bottom3 a {color: #fff;}

#sp-footer, #sp-bottom {background: #0165a1;color: #fff;}
#sp-footer a {color:#fff;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #3256a4;
  border-radius: 0 0 20px 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {font-size: 0.925rem;font-weight: 400;}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
 
  padding: 2px 20px;
  border-bottom: 1px dotted #7490cc;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #fff;
}
.sp-megamenu-parent > li:hover > a {
  color: #fefeff;
}

.sp-menu-separator {
  color: #fff;
}

.sp-megamenu-parent > li.active > a {color: #0b224d;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #fff;
}

#sp-right img {
  border-radius: 10px;
}
.sp-megamenu-wrapper {
  float: right;
  margin-right: 50px;
}
.btn-primary, .sppb-btn-primary {
  
  border-radius: 10px !important;
}

ul.sigFreeClassic li.sigFreeThumb { padding: 10px;}

.sigFreeImg {
  border-radius: 10px !important;
  background-color: #fff !important;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {background-color: #fff !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background-color:#77dbfc;}

#sp-left {background: #FBF8F8;border-left: 1px solid #ddd;padding-top: 15px;border-top: 1px solid #ddd;}
#sp-left .sp-module, #sp-right .sp-module {margin-top: 20px;border: 0px solid #f3f3f3;padding: 20px;border-radius: 0px;}
#sp-left .sp-module .sp-module-title {margin: 0 0 15px;border-bottom: 1px solid #d9d6d6;font-size: 20px;}
#sp-left .sp-module ul > li > a {line-height: 22px;padding: 7px 7px;display: block;margin-top: 5px;margin-bottom: 5px;font-weight: bold;}
#sp-left .sp-module ul > li {border-bottom: 1px dotted #bfbfbf;;}

.search {margin-top: 20px;}
#sp-bottomfooter {background-color: #03266c;color: #e6efff;padding: 50px 0px;}
#sp-bottomfooter .sp-module-title {font-size: 20px;margin-bottom: 20px;border-bottom: 1px dotted #5886e3;
  padding-bottom: 10px;}
#sp-bottomfooter .sp-module ul > li > a {color: #fdf8f8;font-weight: 600;}

#sp-bottom1 {padding-left: 0px;}

#sp-header {
    border-bottom: 5px solid #77dbfc;
}
.custom.topkontakt a {color: #fff!important;}
.custom.topkontakt {margin-top: 4px;}

.page-item.active .page-link {background-color: #2980b9;border-color: #2980b9;}

.article-details a {color: #3156a3;font-weight: 600;}

.bs-callout.bs-callout-danger {padding-top: 10px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;}

#archive-items h2 {font-size: 15px;font-weight: 400;}
.article-details {margin-top: 15px;}

.camera_caption > div {background: #625d5d!important;}
#sp-slider {padding-left: 0px;padding-right: 0px;}

.article-details .article-full-image img {
  display: inline-block;
  border-radius: 10px;
}
.mfp_default_title {
  font-size: 1.3em !important;
}

.najnovije_vijesti .mfp_default_title {
  font-size: 1.0em !important;
}

.mfp_default_skin_default .mfp_default_item .mfp_date {color: #cecece;}

.mfp_default_skin_default .mfp_default_item .mfp_default_item_inner {
  border-bottom: 1px dotted #bbb;
  padding: 15px 0px;
}


#sp-header {box-shadow: none; border-top:1px solid #ddd;z-index: auto;background: #fcfcfc;height:75px!important;}
.sp-contact-info li {font-size: 13px;}
#sp-top-bar a {color: #666565;}

.intro-top p {margin-top: 0;margin-bottom: 0rem;font-size: 15px;}

.div.search a {color: #7284a6;}

#sp-right .sp-module {border: none;}
#sp-bottom {background: #2980b9;color: #fff; padding: 20px; font-size:15px;}
#sp-bottom .sp-module .sp-module-title {font-weight: 500;font-size: 24px;margin: 0 0 0px;}
#sp-footer {font-size: 14px;}

#sp-user4 {padding-left: 0;}

#sp-box1  {background: #2687d7;padding: 35px;color:#fff;border-radius: 10px 0px 0px 10px;}
#sp-box2  {background: #3256a4;padding: 35px;color:#fff;}
#sp-box3  {background: #03266c;padding: 25px;color:#fff;border-radius: 0px 10px 10px 0px;}

#sp-box1 a {color: #fff;}
#sp-box2 a {color: #fff;}
#sp-box3 a {color: #fff;}

#sp-content-top .sp-module-title {font-size: 20px;color: #fff;margin-bottom: 20px;}

.custom.topkontakt .btn-info {background-color: #3256a4;border-color: #3256a4;color: #fff;padding: 2px 7px;font-size: 14px;}
.custom.topkontakt .btn-info a {color:#fff;} 

.logo-image {margin-top: -60px;z-index: 1000;display: block;position: relative;}

.sp-module.top-slogan {text-align: right;margin-top: 40px;}
.top-slogan h3 {font-size:22px;color: #25984a;}

.sp-contact-info {margin: 7px 0px 0px 0px;}

#sp-right .sp-module {margin-top: 0px;border: 0px solid #f3f3f3;padding: 20px;border-radius: 0px;}

span.weather_sp1_list_temp {font-size: 15px!important;}
img.spw_icon {height: 42px!important;}

.article-list .article {margin-bottom: 20px;padding: 10px;border-radius: 0px;padding-top: 0px;}
.article-list .article .article-intro-image img {border-radius: 10px;}
.article-list .article .article-intro-image {margin: 0px 0px 20px 0px;border-radius: 1px;border-bottom: none!important;}
.article-list .article {border-left:none!important;border-right:none!important;border-top:none!important; border-bottom: 0px solid #d9d4d4;}
.article-list .article .article-header h2 a {color: #0b3560;}
.article-list .article .article-header h2 {line-height: 26px;}
.article-body {border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.article-list .article .readmore, .readmore {
  font-size: 0.945rem;
  border: 1px solid #2687d7;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;background-color: #f4f4f4;
}
.article-list .article .article-header h2 {font-size: 1.175rem;font-weight: bold;margin: 0 0 0.25rem 0;}
.article-info > span {font-weight: normal;}

.article-intro-image.float-left {margin-bottom: 20px;}
.row.items-row {border-bottom: 1px solid #ddd;padding-top: 20px;padding-bottom: 20px;}

.wf_file_icon {float: left;margin-right: 10px;}

.pagination-wrapper {text-align: center;}
#sp-banneri {
  background: white;
  padding: 35px 0px 15px 0px;
  border-top: 1px solid #ddd;
}

.article-details .article-header h1, .article-details .article-header h2 {border-bottom: 1px solid #ddd;line-height: 30px;padding-bottom: 15px;}
#phoca-dl-category-box .pd-subcategory {padding-top: 5px;}

#phoca-dl-category-box .pd-category h3.pd-ctitle { margin-bottom: 30px!important;background:none; padding: 0px;border: 0px solid #f3f6f9;margin-bottom: 7px;font-size: 24px;font-weight: 500;border-bottom: 1px solid #ddd;line-height: 36px;}

#phoca-dl-category-box a {color: #436199;}

#phoca-dl-category-box .btn-success {background-color: #fff;border-color: #d2d2d2;}
#phoca-dl-category-box .btn-success:hover {background-color: #f3f6f9;border-color: #ddd;}
#sp-content-top .btn-primary {border-color: transparent;color: #fff!important; border-radius:2px;}

.search-results a {color: #506fa8;}

.cpnb-modal-inner a {color:#fff!important;}

#INDmenu .INDmenuFooter div:last-child {
    display: none!important;}
#INDmenu[data-expanded="true"] {
    width: 425px!important;}
#INDmenu .INDmenuHeader {
    height: 80px!important;}
#INDmenu .INDmenuHeader h2 {top:52px!important; font-size:16px!important;}

.article-header {margin-top: 25px;}
.article-list {margin-top: 25px;}

#offcanvas-toggler {
  font-size: 24px;
  margin-top: -70px;
  
  margin-right: -45px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  font-size: 18px;
  padding: 15px 30px 15px 10px;
  position: relative;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {font-size: 0.975rem;}

.dj-megamenu-default {background: #2687d7 !important;float: right;}
.dj-megamenu-default li a.dj-up_a { }
.dj-megamenu-default {background: #2687d7!important;}
.dj-megamenu-default li a.dj-up_a {font-size:13px!important;text-transform: uppercase; }
.dj-megamenu-default li.active a.dj-up_a {background:none!important;}
.dj-megamenu-default li a.dj-up_a {border-right: 1px solid #2372b3!important;border-left:none!important;font-weight: 600 !important;}
.dj-megamenu-default li ul.dj-submenu > li > a {font-size: 14px!important;font-weight: 500!important; line-height:19px;}
.dj-megamenu-default li ul.dj-submenu > li > a:hover,
.dj-megamenu-default li ul.dj-submenu > li > a.active,
.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {background: #0d5297!important;color: #fff;}	
.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 {border-left: none!important;background: #0d5297!important; }
.dj-megamenu-default li a.dj-up_a {padding: 0 7px!important;}

.view-search #mod-custom125 p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.view-search h4 {
    font-size: 1.1rem;
  }


div#accessibility-links.vertical button#fr_screenreader_play, div#accessibility-links.vertical button#fr_screenreader_pause, div#accessibility-links.vertical button#fr_screenreader_stop, div#accessibility-links.vertical button#fr_screenreader_font_increase, div#accessibility-links.vertical button#fr_screenreader_font_decrease, div#accessibility-links.vertical button#fr_screenreader_font_reset, div#accessibility-links.vertical button#fr_screenreader_font_family, div#accessibility-links.vertical button#fr_screenreader_gray_hues, div#accessibility-links.vertical button#fr_screenreader_bigcursor, div#accessibility-links.vertical button#fr_screenreader_spacing_increase, div#accessibility-links.vertical button#fr_screenreader_spacing_decrease, div#accessibility-links.vertical button#fr_screenreader_highcontrast, div#accessibility-links.vertical button#fr_screenreader_highcontrast2, div#accessibility-links.vertical button#fr_screenreader_highcontrast3, div#accessibility-links.vertical button#fr_screenreader_skiptocontents {
    width: 100% !important;
    padding: 20px 0 20px 35px !important;
    color: inherit !important;
    font-size: inherit !important;
    margin: 0 !important;
    display: block !important;
    border-bottom: 1px solid #dadada !important;
    text-align: left;
    background-position: 2px 10px;
}

div#accessibility-links.bottomright.vertical #text_plugin {
    bottom: 150px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;

}

div.catItemIntroText {padding: 4px 0 12px 0;font-size: 16px;line-height: 24px;}

.logo-text {position: relative;top: 25px;left: -225px;font-size: 20px;color: #3156a3;font-weight: bold;}

#sp-content-top {
  padding-bottom: 30px;
  margin-top: -110px;
  z-index: auto;
  position: relative;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
 
  padding: 0 15px;
  line-height: 60px;
  font-size: 15px;
 
}
.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li {
  
  text-transform: uppercase;
}

.sp-dropdown li.sp-menu-item > a {
 
  font-size: 14px;
  font-weight: 400;
  line-height: 22px !important;
  text-transform: none;
}

section#sp-izbornik {
    border-bottom: 5px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #3256a4 0%, #a4d3fc 25%, #3156A3 50%, #507dbc 75%, #a1c6ea 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #3256a4 0%, #a4d3fc 25%, #3156A3 50%, #507dbc 75%, #a1c6ea 100%);
    border-image: linear-gradient(to right, #3256a4 0%, #a4d3fc 25%, #3156A3 50%, #507dbc 75%, #a1c6ea 100%);
        border-image-slice: 100%;
    border-image-slice: 10%;
}

.customikone img:hover {
	transition: box-shadow 0.3s cubic-bezier(1,0,0,1);
	box-shadow: 0 0 5px #000 inset, 0 0 5px #000;
	backface-visibility: hidden;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
}

.customikone p {margin-bottom: 15px;}
.customikone {margin-top: 15px;}




@media screen and (max-width: 767px) and (min-width: 260px) {
  .sp-contact-info {text-align: center;}
  #sp-top1 {text-align: center;}
  #sp-component {margin-top: 0;border-radius: 0px;}
  .logo-image {height: 85px!important;margin-top: 10px!important;margin-left: 15px;}
  .nspArts {padding:0;}
 .input-group {padding-right: 0px;}
 .nspArts {padding:0px!important;}
 .nspImageWrapper.tleft.fleft.gkResponsive {width: 100%;}
 .nspArt img.nspImage {padding-bottom: 20px;}
 #sp-position7 {margin: 20px 0 0 0;}
 .custom.topkontakt {margin-top: 5px!important;position: absolute!important;right: 90px!important;z-index: 10000!important;}
 #sp-search {position: absolute;}
 .form-control {width: 60%;border: 1px solid #2687d7;float: right;}
 #sp-position-8 {position: relative;margin-top: 70px;margin-right: 60px;}

    .mfp_default_skin_default .mfp_default_item .mfp_thumb_pos_left img {width: 100%;}
    #sp-bottomfooter {padding: 50px 30px;}
    #sp-bottom2, #sp-bottom3, #sp-bottom4 {padding-left: 0;margin-top:20px;}
    #sp-footer1, #sp-footer2 {text-align: center!important;}
    #sp-content-top {margin-top: 0px;padding-bottom:0;}
    #sp-box1, #sp-box2, #sp-box3 {border-radius: 0;}
    #sp-box1 img, #sp-box2 img, #sp-box3 img {width: 100px;margin-right: 10px !important;}
    .mod-finder {margin-left: 0px;}
    .mod-finder .btn-primary {margin-left: -15px!important;}
    .offcanvas-menu .offcanvas-inner {padding: 0px 25px;}
    .offcanvas-menu .logo-image {height: 65px !important;margin-top: -10px !important;margin-left: 15px;}
    #sp-main-body {padding: 0px 0;}
}




@media screen and (max-width: 991px) and (min-width: 768px) {
  .sp-contact-info {text-align: center;}
  #sp-component {margin-top: 0px;}
  
   #sp-top1 {text-align: center;}
 .input-group {padding-left: 20px;padding-right: 20px;}
 #sp-position7 {margin: 20px 0 0 0;}
     #sp-top1 {text-align: center;}
}
 


@media screen and (max-width: 1199px) and (min-width: 992px) {
  .sp-megamenu-parent > li > a {font-size:12px!important;}
  .dj-megamenu-default li a.dj-up_a {font-size: 12px !important;padding: 0 10px!important;}
  .logo-text {font-size:18px!important;}

    
}

article.item-page a {
    color: #3156a3;
}
.page-header {border-bottom: 1px solid #ddd;line-height: 30px;padding-bottom: 10px;}

.content-category h2 { border-bottom: 1px solid #ddd;line-height: 30px;padding-bottom: 10px;font-size: 28px !important;font-weight:500;}
.filter-search {
    display: inline-flex;
    margin-top: 30px;
    padding-bottom: 30px;
}
.content-category {
    margin-top: 30px;
}
table.category tbody > tr td {
    padding: 10px;
    font-weight: 500;
}
.layout-blog .blog {
    margin-top: 30px;
}
.view-category .sigProContainer  {display:none;}