#sp-main-body {padding: 50px 0;}
.sp-page-title .sp-page-title-heading {font-size: 28px;line-height: 1;font-weight: 700;}
body, .sp-preloader {color: #535353;}
.article-list .article .article-header h2 {font-size: 2.375rem!important;}

.article-list .article .readmore {font-size: 0.975rem;}

.article-list .article .readmore a {color: #2f4a69;}
.article-list .article .readmore a:hover {color: #86b460;}

#sp-left .sp-module, #sp-right .sp-module {border: 1px solid #dfdcdc;}

.sp-module-title {color: #2f4a69;}

#sp-footer, #sp-bottom {
  background: #2f4a69;
  color: #FFFFFF;
}

.sp-page-title .sp-page-title-sub-heading {
  font-size: 17px;}
  
.sp-page-title {background: #86b460;}

.naslovna .sp-megamenu-parent > li > a {
  color: #fff;
}

.view-article .sp-megamenu-parent > li > a {
  color: #333;
}

.sp-megamenu-parent > li.active > a {
  font-weight: 700;
}

.sp-megamenu-parent > li:hover > a {
  color: #86b460 !important;
}

.sppb-article-info-wrap h3 {line-height: 1.2;margin-top:20px; font-weight:700; font-size:18px;}
.mfp_default_title a {color:#e17a20!important;}
.sppb-article-introtext {padding-bottom: 15px;}
.sppb-readmore {font-weight: 500;}
a.sppb-readmore {color: #2f4a69!important;}
a.sppb-readmore:hover {color: #86b460!important;}

#sp-header {background: transparent;}

.gornji-heero {margin-top:-90px!important}

.com_sppagebuilder .sp-megamenu-parent > li:last-child > a {color: #fff;}

.com_sppagebuilder .sp-megamenu-parent > li.active > a {color: #fff;}
.com_sppagebuilder .sp-megamenu-parent > li.active:hover > a {color: #86b460;}

.burger-icon > span {
  background-color: #424040;
}

.naslovna #sp-top-bar {display:none;}

#sp-top-bar {
  background: #e3e3e3;
  color: #606060;
}

#sp-top-bar a {
  
  color: #606060;
}

#sp-footer2 p {margin-bottom: 0rem;}

.ukloni-share .article-ratings-social-share {display: none !important;}
#sp-footer a, #sp-bottom a {color: #FFF;}




@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 64em) {  

.mfp-col-md-4 {padding-right: 0.8rem;padding-left: 0.8rem;}


}




@media only screen and (max-width: 786px) {

#sp-footer1, #sp-footer2 {text-align: center!important;}

}