body {color: #000; font-size: 16px; line-height: 1.6em; font-family: "Maven Pro", sans-serif;}
p {color: #404040; font-size: 16px; line-height: 1.6em;  margin: 0 0 1em 0; font-family: "Maven Pro", sans-serif;}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

html #header .header-nav-main nav > ul > li > a {font-size:16px}
#header .header-nav-main nav > ul > li > a {color:#000;text-transform:uppercase;font-weight:100;font-size:16px}
#header .header-nav-main nav > ul > li > a.hover {border:none}
#header .header-nav-main nav > ul:not(:hover) > li > a.active {background-color:transparent;color:#000}
#header .header-nav-main nav > ul > li.dropdown:hover > a::before {border-bottom:#FFED00}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {color:#fff}
#header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title {padding-bottom:80px;margin-top:0}
#header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {font-size:1.8rem}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top-color:#fff}
.img-thumbnail.img-thumbnail-no-borders {height:auto !important}
.dropdown-mega-sub-title {background-position:center !important;text-align:center;background:#f2f2f2}
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {padding:10px 20px}
#header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title:hover {background:#F9DF10}
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {font-weight:600}

section.page-header .page-header-title-border {background-color:#F9DF10 !important}
.page-header .breadcrumb a {color:#F9DF10}
.pocetna-heading .heading-wrapper {margin-top:50px}
.pocetna-popularno .full-width .owl-carousel .owl-item img {height:auto}
.pocetna-popularno .thumb-info .thumb-info-wrapper::after {background:transparent}
.pocetna-aktualno .full-width .owl-carousel .owl-item img {height:auto}
.pocetna-aktualno .carousel-default .owl-item img {max-height:1000px}
.pocetna-akcije {padding:0 10%}
.pocetna-akcije h4 {height:50px}
.pocetna-akcije-button {margin:40px !important}
.pocetna-akcije span .uslugeboxtext a {font-size:0.7rem;font-weight:600;background:#6E6E6E;color:#fff;text-align:center;display:block}
.grid-media {aspect-ratio:1 / 1}
.btn-success {background:#FFED00;border:none;color:#000}
.btn-success:hover, .btn-success.hover {background-color:#288799}
.btn-success.focus, .btn-success:focus {background-color:#288799}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {background-color:#288799}
.carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {min-height:200px;max-height:350px;border-radius:0 !important}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {background:#F9DF10;border:10px solid #fff}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {background:#F9DF10;border:10px solid #fff}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {background:#F9DF10;border:10px solid #fff}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {background:#F9DF10;border:10px solid #fff}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1):hover {background:#f6f6f6}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2):hover {background:#f6f6f6}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3):hover {background:#f6f6f6}
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4):hover {background:#f6f6f6}
.pocetna-boxes .featured-boxes-full .featured-box-full:not(.featured-box-full-light) [class*="fa-"], .featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h1, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h2, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h3, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h4, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h5, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h6, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) p, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) a {color:#000}
.pocetna-boxes {margin-bottom:20px}
.field-cijene {background:#f6f6f6;font-size:1.3rem;text-align:center;padding-bottom:1px}
.field-cijene .remote-field-header {font-weight:600;padding:15px 15px 0 15px}
#additional_header_ckeditorcijene {font-weight:600;padding:15px 15px 0 15px;margin-bottom:5px}
.field-sifra .remote-field-header {float:left;font-weight:600}
.field-brand .remote-field-header {float:left;font-weight:600}
.field-sifra-entry p {float:left;margin-top:15px}
.field-brand-entry p {float:left;margin-top:15px}
#additional_header_plainText2ACF {font-weight:600;margin-left:15px}
#additional_header_plainTextACF {font-weight:600;margin-left:15px}
.index-proizvoda .post-content span a {font-size:0.7rem;font-weight:600;background:#6E6E6E;color:#fff;text-align:center;display:block}
.index-proizvoda article.post .post-meta > span {width:100%}
.index-proizvoda .post-meta span a {font-size:0.8rem !important;font-weight:200;background:#F9DF10;color:#000;text-align:center;width:100%;display:block}
.index-proizvoda .uslugeboxtext a {font-size:0.7rem;font-weight:600;background:#6E6E6E;color:#fff;text-align:center;display:block}
.index-proizvoda .post-meta span a:hover {background-color:#288799;color:#fff}
.index-proizvoda .grid-types-center-entry {margin-bottom:80px;}
.index-proizvoda .uslugeboxtext {height:90px;overflow:hidden;}
.post-content p {font-size:14px}
.post-content ul {margin:0 0 15px 15px}
.post-content ol {margin:0 0 15px 15px}
.uslugeboxtext {font-size:14px}
.thumb-info img {height:auto !important}
h3 {line-height:32px}
.pocetna-novosti .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {max-height:unset;min-height:unset;aspect-ratio:1 / 1}
.pocetna-novosti .content {text-align:center}
.pocetna-novosti h3 {font-size:0.7rem;font-weight:600;background:#6E6E6E;color:#fff;text-align:center;display:block}
.pocetna-novosti h3 a {color:#fff}
.tparrows.tparrows-carousel.tp-leftarrow {border-radius:4px 0 0 4px}
.tparrows.tparrows-carousel.tp-rightarrow {border-radius:0 4px 4px 0}
.thumb-info img {height:380px}
.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {height:auto}
.portfolio-item .thumb-info img {height:auto;padding:10%}
.carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {max-height:350px}
.show-xs {display:none}
.page-header.page-header-classic::after {background:rgb(255, 255, 255,1)}
.kategorije-gore h4 {font-size:1.1em !important;text-align:center;background:#F9DF10;padding:10px;margin-top:-25px;height:70px}
.kategorije-gore .img-thumbnail.img-thumbnail-no-borders {aspect-ratio:3 / 2}
.map-new {margin-bottom:-30px}
.page-header.top-line.page-header-classic::after {top:-5px}
ul.simple-post-list.card-sidebar li a {padding:5px 0;font-size:14px;font-weight:600}
.akcije-sidebar .post-info {font-size:18px;font-weight:600}
.servis-table table {width:100% !important}
.servis-table tr:hover {background:#efefef !important}
.fui-heading-h2 {background:#F9DF10;border-radius:8px;text-align:center;color:#000;font-weight:600;padding:15px}
.fui-btn-wrapper .fui-btn.fui-submit.fui-next {background:#288799;font-weight:600;}
.fui-progress-bar {background-color:#288799 !important;font-weight:600;border:0;}
.fui-btn-wrapper .fui-btn.fui-submit {background:#288799;font-weight:600;border:0;}

.gumb-header-akcije {
    animation: blink 2s infinite;
    color:#fff;
}

@keyframes blink {
    0%   { background:#000; }
    50%  { background:#288799; }
    100% { background:#000; }
}





#footer {border-top:0}
#footer h5 {margin-top:40px;font-size:1.2rem}



.swiper-slide {
    display: flex !important;
}



/*RESPONSIVE*/

@media (max-width: 1440px) { 
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {font-size:0.75em}
}


@media (max-width: 1366px) { 

}


@media (max-width: 1280px) { 
    #header .header-logo img {width:220px;top:18px}
}


@media (max-width: 1024px) { 
    #header .header-logo img {width:180px;top:-20px !important}
    #header {position:fixed;top:0;width:100%}
    #header .header-body {top: 0 !important;}   
    .swiper-slide {margin-top:200px}
}


@media (max-width: 960px) { 
    #header .header-logo img {top:30px !important}
    #header .header-btn-collapse-nav {position:absolute;right:20px;top:60px}
    #header .button-tag {position:absolute;left:200px;top:53px}
    #header .simple-search {right:50px}
}


@media (max-width: 800px) { 
    #header .button-tag {position:absolute;left:175px;top:53px}
    #header .header-logo img {top: 30px !important;}
    .header-bg-bottom-color {display:none !important}
    .swiper-slide {margin-top:100px}
    #header .header-nav-main {background:#fff;max-width:100%;margin-top:0}
    #header .header-nav-main nav > ul > li > a.active {color:#000 !important;font-weight:800}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {color:#000}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {background:#F9DF10}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {background:#F9DF10}
    .open {background:#fff}
    .dropdown-mega .col-lg-3 {padding:0}
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {padding:10px 0}
    #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {margin:0}
    .page-header {margin:120px 0 35px 0 !important}
    .header-lists {display:none}
    .show-xs {display:unset}
    .pocetna-srednji-gumb {position:relative;margin:20px 5px -10px 5px !important;padding:10px 30px;width:100%}
    .pocetna-akcije .grid-types-center-entry {margin-bottom:150px;border-bottom:1px solid #ccc}
    #footer .col-6 {max-width:100% !important;flex:unset}
}


@media (max-width: 414px) { 
    #header .button-tag {position:absolute;left:-10px;top:65px}
    #header .header-logo img {width:140px;top:-24px !important}
    #header .header-btn-collapse-nav {top:65px}
    #header .header-nav-features .header-nav-features-search-reveal-container {right:80px;top:62px;display:block;position:absolute;z-index:10000}
    #header .header-row.container-xl .row.align-items-center .col-sm-12 .btn {font-size:1em}
    #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {border-bottom-color:#F9DF10;top:150px}
    #header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon i {display:block;width:30px;height:30px;font-size:30px}
    .page-header .breadcrumb > li {font-size:0.8em;line-height:15px}
    .page-header .breadcrumb > li a {font-size:0.8em;line-height:15px}
    .page-header.page-header-lg h1 {font-size:30px}
    .page-header.page-header-lg {padding:30px 0}
}


@media (max-width: 320px) { 
    #header .header-logo img {width:120px;top:-20px !important}
    #header .header-row.container-xl .row.align-items-center .col-sm-12 .btn {font-size:0.8em}
    #header .header-nav-main nav > ul li a {font-size:11px;padding:5px 0}
}