body {color: #5b5a5a;font-weight: 400;line-height: 27px;}
#sp-footer {background: #004A7F;color: #FFFFFF;}
#sp-top-bar {background: #004a7f;color: #FFF;}

#big-slide {
  background-image: linear-gradient(102deg, rgba(131, 197, 255, 0.55) 0%, rgba(16, 169, 194, 0.8) 100%);
}

/*
.sp-slider-content-wrap .sppb-col-xs-7.sppb-col-sm-6.sppb-col-md-5 {background-color: #fff;}
.sp-slider-content-align-left {padding: 30px;background-color: #fff;}
*/

.sp-slider.arrow-position-bottom_right .sp-nav-control {bottom: 170px!important;right: 622px!important;}
.sp-slider .sp-nav-control .nav-control {background: #fff!important;border-color: #004a7f;}
.sp-slider .sp-nav-control {width: 70px!important;}

#sp-header {background: transparent;}


#sp-header.header-sticky {background-color: #fff;}

.naslovnica .header-sticky .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #006fbf;}
.naslovnica .header-sticky .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: #006fbf;}
.naslovnica .header-sticky .sp-megamenu-parent > li > a {color: #006fbf;}
.naslovnica .header-sticky .sp-megamenu-parent > li.active > a, .header-sticky .sp-megamenu-parent > li:hover > a {color: #8c8a8a;}


.header-sticky .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #006fbf;}
.header-sticky .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: #006fbf;}
.header-sticky .sp-megamenu-parent > li > a {color: #006fbf;}
.header-sticky .sp-megamenu-parent > li.active > a, .header-sticky .sp-megamenu-parent > li:hover > a {color: #8c8a8a;}

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

.sp-megamenu-parent > li > a {text-transform: uppercase;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: #828282;}
.sp-megamenu-parent > li > a {color: #828282;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #006FC0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #E0E3E6;}
.sp-megamenu-parent > li.active > a {font-weight: 500;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: #006FC0;}

.naslovnica  .sp-megamenu-parent > li > a {text-transform: uppercase;}
.naslovnica  .sp-megamenu-parent > li.active > a, .naslovnica .sp-megamenu-parent > li:hover > a {color: #006FC0;}
.naslovnica  .sp-megamenu-parent > li > a {color: #004a7f;}
.naslovnica  .sp-megamenu-parent > li.active > a, .naslovnica .sp-megamenu-parent > li.active:hover > a {color: #004a7f;}
.naslovnica  .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #fff;}
.naslovnica  .sp-megamenu-parent > li.active > a {font-weight: 500;}

.sp-megamenu-parent > li > span {text-transform: uppercase;color: #868585;}
.sp-megamenu-parent > li > span:hover {color:#006fc0;}

.article-details .article-header h1 {font-size: 1.45rem;font-weight: 500;color: #006fbf;}
.sp-page-title {background: #EDF4F3;}
.sp-page-title .sp-page-title-heading {font-size: 20px;line-height: 1.5;float: left;color: #A2A6A8;}
.sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before {color: #939498;}
.sp-page-title .breadcrumb > .active {color: rgb(147, 148, 152);}
.sp-page-title .breadcrumb > li > a {color: #646566;}
#sp-main-body {padding: 40px 0;}
#sp-footer a {color: #FFF;}

.sppb-addon-articles .sppb-addon-article {margin-bottom: 30px;background-color: #EDF4F3;}
.sppb-addon-article h3 a {color: #004a7f!important;}
.sppb-addon-article h3 {padding-bottom: 5px;font-weight: 600;padding-left:20px;padding-right:20px;}

#sp-right .sp-module {border: 1px solid #ddd;background-color: #fff;}
#sp-right .sp-module .sp-module-title {border-bottom: 1px solid #ddd;color: #004a7f;}

.article-details .article-full-image img {border-radius: 3px;width: 100%;}
.article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {color: #F7921C;}

.related-article-list-container .related-article-title {padding-bottom: 0px;}

.com-content.view-category.layout-default .btn.btn-xs.float-end {display: none;}

.sppb-addon-articles .sppb-article-meta > span {font-size: 13px;line-height: 18px;}

table {border: 1px solid #ddd;}
tr {border-bottom: 1px solid #ddd;}
td {border: 1px solid #ddd;}


#sp-top1 p {margin-bottom: 0rem;}
#sp-top-bar .sp-module {margin: 0 0 0 0rem;}

.breadcrumb {clear: both;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: #5b5a5a; font-size: 15px!important;font-weight: 400!important;letter-spacing: 0px!important;line-height:1.4!important;color:#fff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: #4abdd2;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px dotted #fffdfd;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #006FC0;}

.proizvodi .article-intro-image.float-left {max-height: 210px;}
.proizvodi.view-category.layout-blog .article-introtext {display: none;}
.proizvodi .article-list .article .article-header h2 {font-size: 0.875rem; margin: 0 0 0rem 0;}

.view-category.layout-default.article-header h2 {font-size: 0.875rem !important;}
/*.view-category.layout-blog .category-desc, .com-content.view-category.layout-default .category-desc {display: none;}*/
.view-category.layout-blog .category-desc img {display:none;}
.cat-children .category-desc {display:none;}
.proizvodi .article-list .article {background-color: #eae9e9;}

.fab.fa-youtube {color: #e81919;font-size: 20px;margin-top: 3px;}

.brands .sppb-addon-articles .sppb-addon-article {background-color: #f4f4f4;}
.brands .sppb-addon-article h3 {font-size: 0.875rem; text-align:left;padding: 0px 0px 0px 15px;margin-bottom: .1rem;}
.brands .sppb-meta-category a {color: #f7921c;}
.brands .sppb-addon-articles .sppb-article-meta > span {padding-left: 15px; padding-bottom:5px;}

#sp-bottom {background: #10bfc2;color: #FFFFFF;padding: 40px 0 20px;font-size: 16px;}

.related-article-list.article-list .article {padding: 0px;border: 1px solid #f5f5f5;border-radius: 3px;margin-top: 20px;}
.related-article-list .article-header {padding: 13px 0px 0px 15px;}
.article-list .article .article-header h2 a {color: #fff;}
.article-list .article .article-header h2 a:hover {color: #F3C178;}

.article-list .article .article-intro-image {border-bottom: 0px solid #f5f5f5;background-color:#fff; border-radius:0px!important;}

.article-list .article {border: 0px solid #dbd8d8;border-radius: 0px;}

.article-list.related-article-list .article-full-image.float-left img {height:220px;width: 100%;}

.box2 a {color: #004a7f;}
.box2 a:hover {color: #666462;}

.com-content.view-category.layout-blog .article-list .article .article-intro-image img {height:210px;/*padding: 12px;*/}
.com-content.view-category.layout-default .article-list .article .article-intro-image img {padding: 0px;}

.cat-children.mb-4 h3 {
    margin-bottom: 20px;
}


#sp-right .sp-module ul li::before {
  content: "\25A1";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #004a7f; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#sp-right .sp-module ul > li {display: list-item;border-bottom: 1px solid #f3f3f3;padding: 5px 0px ;margin-left: 15px;font-weight: 400;}

#sp-right .sp-module ul > li a {font-weight:500;}

#sp-right .box2.sp-module {background-color: #f4f4f4;}
#sp-right .sp-module ul > li a:hover {color:#006fc0;}
#sp-right .sp-module ul > li > a {display: contents;}
#sp-right .sp-module ul > li > a {color: #5e5b5b;}
#sp-right .sp-module .sp-module-title {margin: 0 0 10px;}
#sp-right .sp-module .sp-module-title {text-transform: uppercase;font-size:17px; font-weight:400;padding-bottom: 10px;}

.ikone_img {display: inline;width: 80px;height: 80px;}

.divider.fas.fa-map-marker-alt {margin-right: 10px;}

.blogovi .article-list .article .article-header h2 a {color: #004A7F;font-weight: 600;}
.blogovi .article-list .article {border: 0px solid #ddd;border-radius: 3px; margin-bottom:40px; border-bottom:1px solid #ddd;background-color: #fff !important;}
.blogovi .article-list .article .article-intro-image {float:left;margin: 0px 25px 20px -20px;}
.blogovi .article-list .article {padding: 20px 20px 40px 20px;}
.blogovi .article-list .article .article-header h2 {font-size: 1.375rem;margin: 0 0 1.05rem 0;}
.blogovi .article-list .article .article-intro-image img {height: 215px;width: 300px;}
.blogovi .related-article-list-container .related-article-title {display: none;}
.blogovi .article-list.related-article-list .article {padding: 0px;}
.blogovi .related-article-list-container {margin-top: 35px;}

.sppb-btn-custom {border-radius: 0px;}

h6.sppb-addon-title {margin-bottom: .2rem;} 

.sppb-addon-article .sppb-img-responsive {max-height: 250px;width: 100%;border: 0px solid #f4f4f4;}
.sppb-addon-article h3 {font-size: 18px;text-align: left;margin-top: 20px;}
.sppb-article-introtext {padding-left: 20px;padding-right: 20px;color: #6f6f6f;line-height: 20px;padding-bottom: 25px;}


/*.fields-container .field-label {display: none;}*/
.field-label {font-weight: 600;}
.field-entry.tehnicki-list {margin-top: 20px;}
.field-entry.ikone {margin-top: 25px;}

.view-category.layout-blog ul.fields-container {display: none;}

ul.fields-container {padding-left: 0rem;}
.fields-container li{list-style: none;}
.field-entry.galerija {margin-top: 25px;border-top: 1px solid #ddd;padding-top: 25px;}
.field-entry.dokumenti-1 .field-value a, .field-entry.dokumenti-2 .field-value a{color: #f7921c;}
.field-entry.dokumenti-1 a:focus {color: #868585;}
.field-entry.dokumenti-2 a:focus {color: #868585;}
.field-entry.dokumenti-1 a:hover {color: #868585;}
.field-value a {color: #f7921c;}
.field-value a:hover {color: #868585!important;}
.field-value a:focus {color: #868585!important;}
.field-value a:active {color: #868585!important;}

#sp-right .sppb-addon-optin-forms {padding: 0px;}
#sp-right .sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {padding: 0px 0;}

.sppb-panel-modern > .sppb-panel-heading {background: #f9f9f9;color: #7b7a78;}

.related-article-list-container {display: none;}
.proizvodi .related-article-list-container {display: block;background-color: #f4f4f4;padding: 25px;}

.related-article-list-container {margin-top: 55px;}

.proizvodi .article-list .article .readmore {display: none;}
#column-wrap-id-1640880470596 {padding-left: 0px;}
.sppb-panel-heading {padding: 10px 30px 10px 0px;}
.sppb-panel-body {padding: 15px 0px;border-top: 1px solid transparent;}
.sppb-panel-faq > .sppb-panel-heading {color: #f7921c;}

.sppb-carousel-extended-nav-control .nav-control {color: #939498;border: 1px solid #f7921c;}

.proizvodi.kemikalije .article-list .article {background-color: #fff;}
.kemikalije .article-list .article .article-intro-image img {text-align: center;margin: 0 auto;}

#column-wrap-id-1640940856339, #column-wrap-id-1640942443343, #column-wrap-id-1640943110705, #column-wrap-id-1640942696424, #column-wrap-id-1640954103561, #column-wrap-id-1641209852454,  #column-wrap-id-1640943729506, #column-wrap-id-1633074805949{padding-left: 0px;}
.sppb-carousel-extended-team-designation {font-size: 14px;margin-bottom: 10px;}
.sppb-carousel-extended-team-name {color: #333;margin-bottom: 0px;}
.sppb-carousel-extended-item img {width: 100%;object-fit: fill;height: 315px;}

.page-header.item-title {font-size: 20px;}
.page-header.item-title a {color: #f7921c;}
.page-header.item-title a:hover {color: #999898;}

#mc_embed_signup h2 {display: none;}

.com-content.view-category.layout-default .item-title.article-header {display: none;}
.com-content.view-category.layout-default .article {background-color: #fff !important;}

.com-content.view-category.layout-blog .item-title.article-header {display: block;}
.com-content.view-category.layout-blog .article {background-color: #1f6da6 !important; border:1px solid #ddd;}

.com-content.view-category.layout-blog.blogovi .article {background-color: #fff !important;border: 0px solid #ddd;}

.newsletter-forma h6 {font-size: 11px;line-height: 1.4;padding: 0px 0px;color: #b9b9b9;margin-top: 20px;}
#mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #a2a0a0;
}
#mc_embed_signup form {padding: 0px!important;}

#sp-footer .container-inner {padding: 10px 0px 0px 0px;border-top: 0px solid rgba(255, 255, 255, 0.1);}

.zastita .sppb-addon.sppb-addon-text-block {padding: 10px 25px;}
.zastita .edocmandocuments {padding-left: 25px;}
table.edocman_document_list .edocman_document_list_size {font-size: 14px;font-weight: normal;width: 15%;}
table.edocman_document_list .edocman_document_list_title a {color:#f7921c;}
table.edocman_document_list .edocman_document_list_title a:hover {color:#646566;}

.prijava-korisnika {background-color:#f4f4f4; border: 1px solid #ddd;padding:25px;}
.prijava-korisnika .btn-primary {border-color: #f7921c;background-color: #f7921c;}
.prijava-korisnika .btn-primary:hover {border-color: #939498;background-color: #939498;}

.com-users.view-registration legend {display: none;}
.registration .col-xl-6 {width:100%!important;}
.registration .btn.btn-primary.validate {margin-top: 30px;}
.registration .btn.btn-secondary {margin-top:30px;}
#system-message-container {position: relative;bottom: 0px;right: 0px;max-width: 100%;z-index: 10000;}

#sp-top2 .sp-column.text-center.text-lg-end {display: flex;text-align: right;float: right;}
.sp-contact-info {margin-left: 25px;}
.social-icons {margin-top: 1px !important;}

.com-users.view-login .btn-primary {border-color: #f7921c;background-color: #f7921c;}

.sp-slider-btn-text {z-index: 1001!important;position: relative!important;}

.article-details .article-full-image {
    margin-bottom: 2rem;
    border: 1px solid #ddd;
	border-radius: 3px;
    text-align: center;
}

#sppb-addon-1640943110709 .sppb-form-builder-btn button {
    margin: 20px 0px 0px 0px;
    background-color: #ccc616;
    border-color: #ccc616;
    border-radius: 1px;
}


@media (min-width:1200px) {
 .sppb-row-container {
  max-width:1190px;
 }
}

@media (min-width:1400px) {
 .sppb-row-container {
  max-width:1320px;
 }
}

@media (max-width:575px) {

#sp-top1 {display: none;}
.sp-contact-info {margin-left: 5px;}
.breadcrumb {display: flex;clear: both;font-size: 12px;}
.sp-page-title {padding: 15px 0;}
.sp-page-title .sp-page-title-heading {font-size: 18px;float: left;}
#sp-footer1, #sp-footer2 {text-align: center!important;}
.sp-nav-control {display: none;}


}