/*body*/

/* SA CSSOM SAKRIVEN DRUGI LEV KATEGORIJA */
#header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav {display:none;}
/* END SA CSSOM SAKRIVEN DRUGI LEV KATEGORIJA */
body {color: #000; font-size: 16px; line-height: 1.6em; font-family: "Poppins", sans-serif;}
p {color: #000; font-size: 16px; line-height: 1.6em; margin: 0 0 1em 0; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0;}
.page-header h1 {color: #fff !important;}
.page-header {background-color: #202a25 !important;}

body.active-menu .search-default div[id^=results-] {display:none !important;}

aside {margin-bottom: 30px !important;}

figure {height: auto;}

.main.other-css .clear {clear:both !important; height:0px !important;}
.main.other-css .clear10 {clear:both !important; height:10px !important;}
.main.other-css .clear15 {clear:both !important; height:15px !important;}
.main.other-css .clear20 {clear:both !important; height:20px !important;}
.main.other-css .clear30 {clear:both !important; height:30px !important;}
.main.other-css .clear40 {clear:both !important; height:40px !important;}
.main.other-css .clear60 {clear:both !important; height:60px !important;}
.main.other-css .clear75 {clear:both !important; height:75px !important;}
.main.other-css .clear90 {clear:both !important; height:90px !important;}

.pomaklijevo {padding-left: 0 !important; padding-right: 0 !important;}

.sakrij {display:none !important;}

.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
    border-radius: 20px !important;
}
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}

/*header*/
.sticky-header-active .header-logo {
    top: 20px;
}

.fa-chevron-down {
    font-size: 13px;
    margin-left: 0;
    position: relative;
}

#header .header-body {
    background: #f8f4e3;
}

#header .header-column .header-row {
    background: transparent !important;
}

#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
    border-top: 0 !important;
    border-radius: 0 5px 5px !important;
}

#header .header-nav.down-menu {
    min-height: 85px;
    padding-top: 26px !important;
}

#header .header-nav-main nav > ul > li > a {
    font-weight: 600;
    margin-right: 0;
    color: #FFFFFF;
}

#header .header-nav-features {
    padding-left: 0;
    margin-left: 0;
}

#header form input {
    border-radius: 30px;
    font-size: 1em !important;
    padding: 0 21px;
}

#header form .simple-search {
    width: 320px !important;
    height: 45px;
    border-radius: 30px;
}

#header form .simple-search .form-control {
    border-color: #eee9d8;
}

#header form .input-group-append {
    width: 110px;
    background: #00882c;
    border: none;
    position: absolute;
    right: 0;
    height: 45px;
    border-radius: 30px;
}

#header form .input-group-append button {
    margin: auto;
}

#header form .fa-search::before {
    color: #FFFFFF;
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
    border-bottom-color: #f8f4e3;
}

#header .header-nav-feature.header-nav-features-cart.d-inline-flex.ml-2:nth-child(1) {margin-left:-15px !important;}

#header .header-nav-features .header-nav-features-cart .cart-info .cart-qty {
    top: 0px;
    right: -10px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background-color: #00612c;
    line-height: 20px;
    box-shadow: unset;
    width: 20px;
    height: 20px;
}

.header-extra-info p {
    margin-bottom: 0px !important;
    font-weight: 600 !important;
    color: #00882c;
    font-size: 14px !important;
    line-height: 25px !important;
    text-align: right;
}

.header-extra-info a {
    align-items: center;
    text-align: right;
}

.header-extra-info .feature-box-info {
    margin-right: 18px;
}

.header-extra-info h4 {
    margin-bottom: 0px !important;
    font-weight: 600 !important;
    color: #202a25 !important;
    line-height: 20px !important;
}

.header-top {
    background-image: url("/doc/slike/header-06.jpg");
    background-position: center;
    background-size: cover;
    padding: 100px 0 !important;
}

.header-top .col-md-8 {
    margin-bottom: 0;
}

.header__wrapper-social {
    height: 40px;
    padding: 0 0 4px 0;
    justify-content: center;
}

.header-logo {
    top: 44px;
}

.header-logo img {
    width: 200px;
    height: 70px !important;
}

.header-nav-top a,
.header-nav-top p {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    line-height: 37px;
    font-weight: 500;
}

.header-nav-top i {
    margin-left: 5px;
}

.bg-bottom-color {
    background: #00882c !important;
    color: #FFF !important;
    height: 60px;
}

.nav-link.flag-img-center {
    color: #FFFFFF !important;
    transition: 0.3s !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.nav-link.flag-img-center .flag-img {
    margin-right:4px !important;
    margin-top:3px;
}

.nav-link.flag-img-center:hover {
    color: #ddd !important;
}

.dropdown-item.flag-img-center {
    color: #000 !important;
    transition: 0.3s !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.dropdown-item.flag-img-center:hover {
    color: #333 !important;
}

.dropdown-item.flag-img-center .flag-img {
    margin-right:4px !important;
    margin-top:3px;
}

#header .fa-user,
#header .fa-shopping-cart,
#header .fa-heart,
#header .fa-duotone {
    color: #fff !important;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 600;
}

#header .fa-user:hover,
#header .fa-shopping-cart:hover,
#header .fa-heart:hover,
#header .fa-duotone:hover {
    color: #FFFFFF !important;
}

#header .fa-heart,
#header .fa-duotone {
    font-size: 15px;
    position: relative;
    margin: 0 5px 0;
}

.fad.fa-arrow-right-arrow-left::after,
.fa-duotone.fa-arrow-right-arrow-left::after {
    opacity: 1;
}

#header .fa-duotone {
    top: -3px;
}

#header .header-nav-main nav > ul > li > a {
    font-size: 13px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 5px;
    text-transform: uppercase;
    transition: 0.3s;
}

.nav-link.flag-img-center {font-size: 13px !important;}

#header .header-nav-main nav > ul > li > a.active, 
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
    color: #00882c;
    border-radius: 30px !important;
    background: #FFFFFF;
    line-height: 20px;
    text-transform: uppercase;
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {
    box-shadow: unset;
    margin-left: 15px;
}

.heading-title h2 {
    font-size: 54px;
    line-height: 1.1em;
    font-weight: 800 !important;
    background: transparent !important;
}

.main.other-css .heading h1, .main.other-css .heading h2, .main.other-css .heading h3, .main.other-css .heading h4, .main.other-css .heading h5, .main.other-css .heading h6 {
    white-space: normal !important;
}

/*categories-products*/
.about-section {
    /*background-image: url("/doc/slike/fruit2.png");*/
    /*background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(/doc/slike/header-left.png) !important;*/
    background-size: cover;
    background-position: left;
}

.categories-section {
    background-image: url("/doc/slike/categ-bg-novapaleta-01.png");
    background-size: 100%;
    background-repeat: no-repeat !important;
    padding-top: 40px;
    position: relative !important;
    top: -30px !important;
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
    background: transparent;
    border: 2px solid #00882c;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover {
    border-color: #202a25;
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover .fab {
    color: #202a25;
}

.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a .fab {
    font-size: 17px;
    color: #00882c;
    transition: 0.3s;
}

.all-categories-btn {
    background: linear-gradient(to right, #202a25, #000);
    border: 0;
    position: relative;
    padding: 16px 24px;
    z-index: 10;
    color: white;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    padding: 16px 50px !important;
}

.all-categories-btn:after {
    background: linear-gradient(to right, #000, #202a25);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -10;
    transition: opacity 0.5s;
    border-radius: 30px;
}

.all-categories-btn:hover:after {
    opacity: 1;
}

.categories-entry .img-responsive {
    width: 85%;
    height: auto !important;
    object-fit: contain;
    margin: auto;
    z-index: 1;
    position: relative;
    display: flex;
    margin-top: -42px;
}

.categories-entry a {
    z-index: 1;
    position: relative;
}

.categories-entry h4 {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 800;
    text-align: center;
    padding-top: 44px;
    padding-bottom: 30px;
    text-transform: none;
    line-height: 1em;
}

.categories-entry .article-load {
    position: relative;
    margin-bottom: 100px;
    background: linear-gradient(to right, #007034, #069f4d);
    width: 95%;
    border-radius: 20px;
}

.categories-entry .article-load:before {
    content: "";
    background: linear-gradient(to right, #069f4d, #007034);
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0;
    transition: 0.3s;
}

.categories-entry .article-load:hover:before {
    opacity: 1;
}

.categories-entry .col-xl-3 {
    max-width: 24%;
}
.categories-entry .col-xl-4 {
    max-width: 32.333333%;
}
.categories-entry .col-xl-6 {
    max-width: 49%;
}

.categories-entry .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.article-location {
    margin-bottom:30px !important;
}

.article-location .post-meta{
    display:none!important;
}

.article-location .post-content h4 a{
    position: absolute !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    text-align:center;
    height:150px;
    line-height:150px !important;
    color: #FFFFFF;
    font-size: 24px;
}

.article-location .post-content{
    background: linear-gradient(to right, #007034, #069f4d);
    height:150px;
    border-radius:20px;
    margin-bottom:15px;
    position: relative !important;
}
.article-location .post-content:hover {
    background: linear-gradient(to right, #069f4d, #007034);
}

.zanimljivosti-entry .thumb-default,
.novosti-entry .thumb-default {
    display: none;
}

.article-big .article-load {
    margin-bottom: 75px !important;
}

.article-big .grid-media {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius:20px !important;
    aspect-ratio: 1 / 1 !important;
}

.article-big .btn-block {
    color: #FFFFFF !important;
}

.article-big img {
    margin: auto !important;
    display: flex;
}

.article-big h4 {
    color: #00882c;
    font-size: 23px !important;
    text-align: center;
    padding-top: 15px !important;
    line-height: 29px !important;
    margin-bottom: 0 !important;
    height: 70px !important;
}

.article-big .uslugeboxtext {
    display: none;
}

.article-preporuke .thumb-info {
    margin-bottom: 20px;
}

.article-preporuke h4 {
    font-size: 19px;
}

.article-preporuke p {
    margin: 0 0 9px;
}

.article-preporuke .grid-media {
    aspect-ratio: 3 / 4;
    border-radius: 20px !important;
}

.categories-header {
    display: flex;
    max-width: 1600px;
    margin: auto;
    align-items: center;
    padding-bottom: 40px;
}
/* sidebar */
.sidebar-settings .sidebar h5 {
    background: linear-gradient(to right, #007034, #069f4d);
    border-radius: 5px;
}

.horeca-img22 .left img {
    height: auto !important;
    width: auto !important;
    max-height: 90px;
    margin: auto;
    display: flex;
    min-width: unset;
}
.horeca-img .left img {
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    aspect-ratio: 1 / 1 !important;
}

.horeca-img .img-thumbnail.img-thumbnail-no-borders.d-block {
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
    border-radius: 12px !important;
}

.horeca-img  ul.simple-post-list .left .post-image {
    max-width: 90px !important;
    width: 90px !important;
}

.horeca-img .post-info span {font-size:13px !important;}

.sidebar-block{
    display:flex;
    justify-content: space-between;
    max-width:1600px;
    margin:auto;
}
.sidebar h2 {
    font-size: 23px;
    margin-bottom: 0;
    font-weight: 600;
    color: #00882c;
}

.sidebar h4 {
    font-size: 15px;
    font-weight: normal;
}

.sidebar p, .sidebar ul li, .sidebar pol li {
    font-size: 14px;
    font-weight: normal;
}

.sidebar .fui-legend {
    display: none;
}

.sidebar .custom-form {
}

.sidebar .post-info span {
    font-size:13px !important;
}

.btn-sidebar-form {
    padding-top: 0 !important;
}

.btn-sidebar-form button {
    background: #00882c;
    border: 0;
    transition: 0.3s;
    padding: 0.8rem 1rem !important;
    width: 100%;
}

.btn-sidebar-form button:hover {
    background: #00882c;
}

/* blog post section */
.blog-section {
    background-image: url("/doc/slike/blog-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 39px;
    position: relative;
    padding-bottom: 65px;
    max-width: 1710px;
    margin: 0 auto;
}

.blog-section .btn.btn-block.btn-success {background-color: #d5d0cd; border-color: #d5d0cd; color:#000;}
.blog-section .btn.btn-block.btn-success:hover {background-color: #e6e4e2; border-color: #e6e4e2;}

.categories-link a {
    font-size: 18px !important;
    color: #fff;
    text-transform: uppercase;
    background: #202a25;
    background: linear-gradient(to right, #202a25, #000);
    border-radius: 30px;
    text-align: center;
    padding: 14px 0;
    font-weight: 600;
    box-shadow: 0 10px 10px rgba(255, 255, 255, 0.4);
    border:1px solid #000;
}
.categories-link a:hover {
    color: #fff;
    background: linear-gradient(to right, #000, #202a25);
    border:1px solid #000;
}

.article-global h4 {
    text-align: center;
    transition: 0.3s;
}

.article-global .article-load h4 {
    margin-bottom: 10px !important;
    padding-top: 20px;
}

.article-global .article-load:hover h4 {
    color: #00882c;
}

.blog-posts img {
    width: auto;
}

.blog-single-post img {
    /*width: auto !important; smeta za kupite zajedno*/
}

.page-link {
    color: #00882c;
}

.pagination {
    margin: 0 0 30px;
}

.pgn {
    padding: 0;
}

.article-block .embed-responsive,
.article-block img {
    border-radius: 20px;
}

.article-block .uslugeboxtext a {
    text-transform: uppercase;
    color: #52a418;
    font-size: 14px;
    font-weight: 600;
    padding: 0 30px;
}

.article-block .article-load {
    position: relative;
    margin-bottom: 41px;
}

.article-block .article-load:before {
    content: "";
    background-color: #FFFFFF;
    border-radius: 20px;
    width: 92%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.article-block .mb-xl {
    position: relative;
}

.article-block h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    height: 60px;
    padding: 10px 30px 10px 30px;
    overflow: hidden;
}

.article-block .btn-block {
    width: 180px;
    margin: auto;
    font-weight: bold;
    border: 0;
    padding: 12px 0;
    margin-top: 15px;
    top: 28px;
    position: relative;
    font-size: 14px;
    border-radius:30px;
}

.article-pocetna .thumb-info {
    background: transparent;
}

.article-pocetna img {
    border-radius: 20px !important;
}

.article-pocetna .article-load {
    margin-bottom: 91px;
}

.article-pocetna .uslugeboxtext {
    padding: 0 30px;
    line-height: 20px;
    height: 40px;
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
}

.section-wrapper {
    max-width: 1600px;
    margin: auto;
}

.section-prodaja {
    background-image: url("/doc/slike/bg1.png");
    background-size: cover;
    background-position: top;
    width: 100%;
}

.section-prodaja .featured-box:hover .hide-block {
    display: block;
}

.hide-block {
    display: none;
}
/* faq section */
.toggle-title {
    font-size: 21px;
    line-height: 29px;
    border: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.faq-section .toggle-title {
	padding-left:0 !important;
	padding-right:0 !important;
}

.toggle-title:before,
.toggle-title:after {
    color: #00882c !important;
}

.toggle-title:hover {
    color: #00882c !important;
}

.toggle > .toggle-content > p {
    margin-bottom: 0;
    padding: 0px 20px 20px;
}

.toggle {
    border-bottom: 1px solid #000000;
    margin: 0 !important;
}

.toggle:last-child {
    border-bottom: 0;
}

.toggle.active {
    color: #00882c;
}

.toggle p {
    font-size: 17px;
    line-height: 25px;
}

.faq-section {
    background-image: url("/doc/slike/faq-image3.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.faq-section .heading-middle-border {
    margin-bottom: 0 !important;
}

.faq-button {
    padding: 18px 50px !important;
}

/* carousel brands */
.carouser-section .carousel-default .owl-item img {
    min-height: unset;
    max-height: unset;
    width: 65%;
    height: auto;
    margin: auto;
    padding-top:0 !important;
}

.py-4.carouser-section {padding-top:0 !important;}

.owl-dots .owl-dot span {
    width: 17px;
    height: 17px;
    margin: 5px 4px;
    background: #00882c;
    border: 2px solid #FFFFFF;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}

.owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #00882c;
}

.owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* form */
.newsletter-form {
    position: relative;
    padding-top: 5px; /* Adjusted padding instead of negative margin */
}

/* Ensure proper spacing for the form */
.newsletter-form .custom-form {
    margin-bottom: 0;
}

/* Adjust input height and padding for proper text alignment */
.newsletter-form .fui-input {
    height: 42px;
    padding-top: 8px; /* Adjust text alignment inside input */
}

/* Properly position the submit button */
.newsletter-form .fui-btn-left {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

/* Submit button styles */
.newsletter-form .fui-btn-left:before {
    content: "";
    background-image: url("/doc/slike/arrow-right.svg");
    width: 22px;
    height: 22px;
    display: block;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    margin: auto;
    color: #FFFFFF;
    top: 10px;
}

.newsletter-form .fui-submit {
    font-size: 0;
    padding: 0 !important;
    border-radius: 0 0.25rem 0.25rem 0;
    background: #202a25;
    border: 0;
    height: 42px;
    width: 63px;
    transition: 0.3s;
}

/* Hover effect for the submit button */
.newsletter-form .fui-submit:hover {
    background: #000;
}

/* Hide unnecessary labels */
.newsletter-form .fui-label {
    display: none;
}

/* Ensure the form container stays structured */
.newsletter-form .fui-form-container {
    position: relative;
}

/* Prevent unnecessary spacing at the bottom */
.newsletter-form .container-xl {
    margin-bottom: 0 !important;
    padding: 0;
    background-color: transparent !important;
}

/* Make alerts transparent */
.fui-alert {
    background: transparent;
    padding: 0;
}

/* Remove negative margin and use padding instead */
.newsletter-form .custom-form .fui-i {
    position: relative !important;
}

/* Mobile Responsive Fix */
@media (max-width: 768px) {
    .newsletter-form {
        padding-top: 30px; /* Reduce padding for smaller screens */
    }
}



/* kontakt */
.contact-row-top {
    display: flex;
    justify-content: space-between;
    max-width: 1600px;
    margin: auto;
    align-items: flex-start;
}

.contact-form {
    background: #f8f4e3;
    z-index: 1;
    border-radius: 30px;
}

.contact-form .form-entry-block {
    width: 100% !important;
    margin: auto;
    display: flex;
    background: transparent;
}

.contact-form .fui-btn {
    background: #00882c;
    border: 0;
    padding: 12px 30px;
    border-radius:30px;
    text-transform: uppercase;
}
.contact-form .fui-btn:hover {
    background: #00882c;
}

.contact-form .fui-i {
    width: 100%;
}

.contact-form h2 {
    color: #000;
    font-weight: 500;
}

.contact-form h4 {
    font-size: 16px;
    color: #000;
}

.contact-form .fui-label {
    color: #000;
}

.contact-toggle {
    margin-bottom: 30px;
}

.contact-toggle .toggle-title {
    background: transparent;
    color: #00882c !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 26px 20px 26px 0 !important;
}

.contact-toggle .toggle-title:hover {
    background: transparent;
}

.contact-toggle .toggle-title:before {
    color: #00882c !important;
    font-weight: 600;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid;
    border-left: 2px solid;
}

.contact-toggle .toggle {
    position: relative;
    border: 0;
}

.contact-toggle .toggle:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background: #00882c;
}

.contact-toggle .toggle-content ul, .contact-toggle .toggle-content ol {
    padding: 0;
    margin: 0 0 20px 20px !important;
}

.contact-toggle .toggle-content p {
    line-height: 1.6em;
    padding: 0 0 20px 0 !important;
}

.flag-bg {
    background-image: url("/doc/slike/bg-contact-03.jpg");
    padding: 100px 0 100px;
    background-size: cover;
    background-position: top;
}

.contact-left {
    width: 100%;
    margin-right: 30px;
}

.contact-left .article-load {
    flex: 0 0 100%;
    max-width: 100%;
}

.contact-left .col-lg-12 {
    padding: 0;
}

.map-new {
    margin-bottom: 40px;
}

.map-new .gm-map {
    height: 580px;
}

.links-flag {
    padding-bottom: 80px;
}

.links-flag img {
    border-radius: 5px;
    height: 130px;
}

.links-flag .col-lg-4 {
    flex: 0 0 14.333333%;
}

.links-flag .featured-box {
    background: transparent;
    border: 0;
    margin: 0;
}

.links-flag .box-content {
    background: transparent !important;
    border: 0;
    padding: 0;
    margin-top: 0 !important;
}

.links-flag .box-content:hover {
    background: transparent;
}

.links-flag h4 {
    font-weight: 600 !important;
    font-size: 25px !important;
    color: #FFFFFF !important;
}

.heading-no-margin .heading {
    margin-bottom: 0 !important;
}
/* footer */
footer {
    position: relative;
    background: #017c44 url("/doc/slike/footer-bg-02.png") !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    border-top: unset !important;
}

footer .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {
    margin-right: 15px;
    margin-left: 0px;
}

footer .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover {color: #d4cdc3; border-color: #d4cdc3;}
footer .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a:hover .fab {color: #d4cdc3; border-color: #d4cdc3;}
footer .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a .fab {color: #fff; border-color: #fff;}
footer .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {border: 2px solid #fff;}

footer img {
    width: 245px;
    height: 77px;
    margin-bottom: 24px;
}

footer a,
footer p,
footer .text-4 {
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

footer h5 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: unset !important;
    line-height: 1.1em !important;
}
#footer form {
    opacity: 1 !important;
}

input:checked + .slider-cookie {
    background-color: #202a25 !important;
}

.mt-4 {
    margin-top: 0 !important;
}

.col-uvjeti .col-sm-12 {
    display: block !important;
}

.col-corvus img {
    width: auto;
    height: 36px;
    float: unset !important;
    border-radius: 2px !important;
}

.col-corvus p {
    margin-bottom: 0;
}

.col-corvus .img-responsive {
    width: 279px;
    height: 55px;
    margin-bottom: 16px !important;
    margin-bottom: 0;
}

.footer-col1 .social-icons {
    padding-top: 18px;
}

.footer-copyright a:hover {
    color: #f8f4e3 !important;
}

.grid-types-center-product {padding:15px !important; /*border:none !important;*/}
.grid-types-center-product img {aspect-ratio: 16 / 16;}
.grid-types-center-product h4 {font-size:16px; text-align:left; height:64px; overflow:hidden; margin-top:10px;}
.grid-types-center-product .bigtar {padding:15px 15px 55px 15px!important; border:0 !important; display: block; font-size:14px !important;}
.grid-types-center-product .bigtar p {font-size:14px !important;}
.grid-types-center-product .form-row {margin:0 !important;}
.grid-types-center-product .form-control {margin-bottom:15px; width: 60px; float:left; margin-right:10px !important; padding:0 10px !important; font-size:13px;}
.grid-types-center-product .btn.btn-primary.btn-lg {float:left !important; margin-right:12px; padding:9px 10px !important; font-size: 14px;}
.grid-types-center-product .btn.btn-success.btn-outline.btn-lg.px-4.py-2.mr-3.mb-3,
.grid-types-center-product .btn.btn-danger.btn-outline.btn-lg.px-4.py-2.mr-3.mb-3 {padding:3px 10px !important; margin-right:8px !important;}
.grid-types-center-product .btn.btn-success.btn-outline.btn-lg.px-4.py-2.mb-3,
.grid-types-center-product .btn.btn-danger.btn-outline.btn-lg.px-4.py-2.mb-3 {padding:3px 10px !important; margin-right:0 !important;}
.grid-types-center-product .sprig-component {background:#fff !important; /*height:100% !important; border:1px solid #E8E9EA !important;*/}

@media (min-width: 1200px) and (max-width: 1440px) { 
    .grid-types-center-product .form-control {margin-bottom:15px; width: 60px; float:left; margin-right:8px !important; padding:0 5px !important; font-size:13px;}
    .grid-types-center-product .btn.btn-primary.btn-lg {float:left !important; margin-right:8px; padding-left:6px !important; padding-right:6px !important; font-size: 13px;}
    .grid-types-center-product .btn.btn-success.btn-outline.btn-lg.px-4.py-2.mr-3.mb-3,
    .grid-types-center-product .btn.btn-danger.btn-outline.btn-lg.px-4.py-2.mr-3.mb-3 {padding:3px 6px !important; margin-right:8px !important;}
    .grid-types-center-product .btn.btn-success.btn-outline.btn-lg.px-4.py-2.mb-3,
    .grid-types-center-product .btn.btn-danger.btn-outline.btn-lg.px-4.py-2.mb-3 {padding:3px 6px !important; margin-right:0 !important;}
}

.popisshop .grid-types-center-product h4 {font-size:16px; text-align:left; height:auto !important; overflow:auto !important; margin-top:10px !important; color:#01a259;}
.popisshop .grid-types-center-product a h4 {color:#000 !important;}
.popisshop .text-sm.text-gray-500 {float: right !important; color:#999 !important; font-size:12px !important;}
.popisshop .btn.btn-primary.py-2.mr-2 {padding-left:10px !important; padding-right:10px !important; float: left !important;}

.col-lg-3.media-order .card.card-filters {font-size: 14px !important;}
.card-filters .list-group-item:hover {font-weight: 400;}
.filter-form-sidebar-input:checked + span {font-weight: 400;}
.card-filters .list-group-item span:hover {color:#00882c !important;}
.card-filters .list-group-item span.ml-auto:hover {color:#00882c !important;}
.card-filters .list-group-item button span:hover {color:#fff !important;}
.range-slider input[type="range"]::-moz-range-thumb, .range-slider input[type="range"]::-webkit-slider-thumb {background: #00882c;}

.gumb-zastava-slovenija {border-radius:30px; padding:0 20px 0 75px; height:60px; line-height:60px; background:#e6e9eb url("/doc/slike/zastava-slovenija.png") top left no-repeat; color:#000; border:1px solid #000;}
.gumb-zastava-bih {border-radius:30px; padding:0 20px 0 75px; height:60px; line-height:60px; background:#e6e9eb url("/doc/slike/zastava-bih.png") top left no-repeat; color:#000; border:1px solid #000;}
.gumb-zastava-srbija {border-radius:30px; padding:0 20px 0 75px; height:60px; line-height:60px; background:#e6e9eb url("/doc/slike/zastava-srbija.png") top left no-repeat; color:#000; border:1px solid #000;}

.gumb-zastava-slovenija:hover {background:#00882c url("/doc/slike/zastava-slovenija.png") top left no-repeat; border:1px solid #fff;}
.gumb-zastava-bih:hover {background:#00882c url("/doc/slike/zastava-bih.png") top left no-repeat; border:1px solid #fff;}
.gumb-zastava-srbija:hover {background:#00882c url("/doc/slike/zastava-srbija.png") top left no-repeat; border:1px solid #fff;}

.post-content ul, .post-content ol {margin:0 0 1em 30px;}
.listaentry .article-load ul, .listaentry .article-load ol {margin:0 0 1em 30px;}

.smallslika16-9 .left .img-thumbnail {
    padding: 0 !important;
    max-width: 120px !important;
    width: 120px !important;
}
.smallslika16-9 .left img,
.smallslika16-9 .left .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    min-width: 120px !important;
    max-width: 120px !important;
    width: 120px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    aspect-ratio: 16 / 9 !important;
}

.smallslika1-1 .left .img-thumbnail {
    padding: 0 !important;
    max-width: 120px !important;
    width: 120px !important;
}
.smallslika1-1 .left img,
.smallslika1-1 .left .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    min-width: 120px !important;
    max-width: 120px !important;
    width: 120px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    aspect-ratio: 1 / 1 !important;
}

.slikaar1-1 .thumb-info {width: 100% !important; aspect-ratio: 1 / 1 !important;}
.slikaar1-1 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.slikaar1-1 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.slikaar1-1 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.slikaar1-1 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {width: 100%;}
.slikaar1-1 .img-responsive {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    aspect-ratio: 1 / 1 !important;
}

.slikaar4-3 .thumb-info {width: 100% !important; aspect-ratio: 4 / 3 !important;}
.slikaar4-3 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.slikaar4-3 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.slikaar4-3 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.slikaar4-3 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {width: 100%;}
.slikaar4-3 .img-responsive {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    aspect-ratio: 4 / 3 !important;
}

.slikaar16-9 .thumb-info {width: 100% !important; aspect-ratio: 16 / 9 !important;}
.slikaar16-9 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.slikaar16-9 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.slikaar16-9 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.slikaar16-9 .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {width: 100%;}
.slikaar16-9 .img-responsive {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    aspect-ratio: 16 / 9 !important;
}

.variant-image-selector {margin-bottom: 10px;}
.variant-image-selector {flex-wrap: wrap;}
input.filter-form-sidebar-input-price {max-width: 40%;margin-top: 0.5rem; border: 1px solid #ddd; border-radius: 4px; padding-left: 10px;}
.select-hint {flex-basis: 100% !important;}
.variant-image-selector {
    flex-basis: 100% !important;
    display: flex;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}
.variant-image-selector img {margin:0 !important;}
.prod1 .form-row {flex-wrap: wrap;}
.buy-together-quantity-container {align-items: flex-start !important;}
.variant-image-selector-manager select {border: 1px solid #e7e7e7; border-radius: 4px; padding: 6px 10px; background: #f4f4f4; margin-left: 5px;}

.catimgtxt {
    max-width: 100%;
    position: relative;
    top: -35px;
    z-index: 2;
    padding-top: 3rem !important;
}
.catimgtxt > .row {
    justify-content: center;
}
.catimgtxt > .row > .col-lg-12 {
    max-width: 50%;
}
.catimgtxt img {
    max-width: 300px;
}

.catimgtxt > .row > .col-lg-12 > .blog-posts > .post > .row {
    align-items: center;
}

.swiper-button-next, .swiper-button-prev {color:#fff !important;}
.autoplay-progress {color:#fff !important;}
.autoplay-progress svg {stroke:#fff !important;}

.swiper.swiperthumbs {
    width: 50% !important;
    position: relative !important;
    margin-top: -60px !important;
}

.swiperthumbs .swiper-slide {
    height: 90px;
    width: 22% !important;
    margin: 0 3px !important;
    border: 2px solid #fff !important;
    border-radius:6px !important;
    opacity:1 !important;
    background:#fff !important;
}

.swiperthumbs .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid #00882c !important;
}

.swiperthumbs .swiper-slide img {}

.nl-col p.text-4.mb-1 {display:none !important;}

.newsletter-form hr {height:1px !important; max-height:1px !important;}
.custom-form hr {height:1px !important; max-height:1px !important;}
.fui-i hr {height:1px !important; max-height:1px !important;}

.brendovi-popismenu h4 {font-size:12px !important; margin:0 !important; padding:0 !important; text-align:center !important;background: #f4f4f4;width: 100%;}

.brendovi-popismenu .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.brendovi-popismenu .grid-media {
    min-height: 90% !important;
    max-height: 90% !important;
    height: 90% !important;
    object-fit: contain !important;
    aspect-ratio: 16 / 9 !important;
    background: #fff !important;
    padding: 5% !important;
}

#products-sidebar .fade-burger.fade-burger-cart.show {z-index:999 !important;}
.fade-burger {background:#f4f4f4b8; z-index:999 !important;}

.shopentry .col-md-12.mb-5 h3 {
    font-size: 2em !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    text-transform: none !important;
}

.shopentry .col-md-12.clearfix h3 {
    font-size: 1.6em !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    text-transform: none !important;
    color:#00882c !important;
}

.shopentry .badge-prod {
    top: 30px;
    right: 26px;
}
.shopentry .badge-prod ~ .shopentry .badge-prod {
    top: 70px;
}
.shopentry .badge-prod ~ .shopentry .badge-prod ~ .shopentry .badge-prod {
    top: 110px;
}


.shopentry .image-thumbnail-block.thumb-default {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border:1px solid #dee2e6 !important;
    border-radius:30px !important;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 30px 0px !important;
}

.shopentry .img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0 {
    min-width: 98% !important;
    max-width: 98% !important;
    width: 98% !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
    border:0 !important;
    border-radius:24px !important;
    margin-top:1% !important;
}

.shopentry .post-content.iframe-in-redactor-check.pc-text.ml-0 {display:none !important;}

.shoptoggle .toggle {border-bottom: 0 !important; margin: 0 0 5px 0 !important;}

.shoptoggle .toggle.toggle-minimal .toggle-title {background:#eee !important; color:#000 !important; border-radius:10px !important;}
.shoptoggle .toggle.toggle-minimal a.toggle-title {background:#eee !important; color:#000 !important; border-radius:10px !important;}
.shoptoggle .toggle.toggle-minimal a.toggle-title:hover {background:#eee !important; color:#00882c !important;}
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title {background:#00882c !important; color:#fff !important;}

.shoptoggle .toggle.toggle-minimal .toggle-title::before,
.shoptoggle .toggle.toggle-minimal .toggle-title::after {color: #000 !important;}
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title::before,
.shoptoggle .toggle.toggle-minimal .toggle.active > .toggle-title::after {color:#fff !important;}

.shoptoggle .toggle.toggle-minimal .toggle-content {padding:20px !important;}
.shoptoggle .toggle.toggle-minimal .toggle-content ul,
.shoptoggle .toggle.toggle-minimal .toggle-content ol {margin-left:20px !important; margin-bottom:20px !important;}

.card.card-filters .card-header {
    border: 0 !important;
    background: linear-gradient(to right, #007034, #069f4d) !important;
    border-radius: 5px !important;
    color:#fff !important;
}
.card.card-filters .card-header a, .card.card-filters .card-header a:hover, .card.card-filters .card-header a:focus {
    color:#fff !important;
}

.card.card-filters .card-header a::before {
    color: #fff !important;
}

.card-reference .owl-stage {
    display: block !important;
}

.card-reference .thumb-info {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
    height: 250px;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.card-reference .carousel-default .owl-item img,
.card-reference .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: 250px;
    max-height: 250px;
    object-fit: scale-down;
}

.card-reference .carousel-default .rel-well {
    /*min-height: 170px;*/
}

.card-reference .thumb-info .thumb-info-title {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.card-reference .thumb-info .thumb-info-type {
    border-radius: 4px;
}

.card-reference h4.mb-3.text-4.text-uppercase {
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color:#000 !important;
    margin-bottom:30px !important;
}

#mdp-readabler-popup-footer {
    background: #fff !important;
}

.page-header .col-md-8, .page-header .col-md-4 {flex: 0 0 100% !important; max-width: 100% !important;}
.page-header .breadcrumb {color:#fff;}
.page-header .breadcrumb > li {font-size: 11px !important; letter-spacing: 0.5px !important;}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#fff !important;}
.breadcrumb a:hover {color:#fff !important; text-decoration:underline}

.page-header.donjibread {background:#f8f4e3 !important;}
.page-header.donjibread .breadcrumb {color:#202a25 !important;}
.page-header.donjibread .breadcrumb a:link, .page-header.donjibread .breadcrumb a:visited, .page-header.donjibread .breadcrumb a:active {color:#202a25 !important;}
.page-header.donjibread .breadcrumb a:hover {color:#202a25 !important; text-decoration:underline}

.buy-together-quantity-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}
.buy-together-product-rest {
    display: flex;
    align-items: center;
    gap: 10px;
}


.tablecustomcompare {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #ccc transparent; /* for Firefox */
    scrollbar-width: thin;
    cursor: grab;
}
.tablecustomcompare.dragging {
    cursor: grabbing;
    user-select: none;
}

/* Optional: Add visual scrollbar on Webkit browsers */
.tablecustomcompare::-webkit-scrollbar {
    height: 8px;
}
.tablecustomcompare::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 4px;
}

/* Keep your column sizing system with vw */
.tablecustomcompare table tr td {
    vertical-align: middle;
    padding: 15px;
    min-width: 20vw;
    width: 20vw;
    max-width: 20vw;
    border: 1px solid #E8E9EA;
    word-break: break-word;
}

.tablecustomcompare table tr td:hover {
    background: #f4f4f4;
}

/* Sticky and styled first column */
.tablecustomcompare table tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f4f4f4;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);

    font-style: normal;
    font-weight: 500;
    font-size: .9rem;
    line-height: 26px;
    letter-spacing: .005em;
    color: #9f9f9f;
    text-transform: uppercase;
    padding: 15px;
    min-width: 150px;
    width: 150px;
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
}

/* Row-specific styling */
.tablecustomcompare table tr:first-child td {
    vertical-align: bottom;
}
.tablecustomcompare table tr:first-child td:first-child {
    vertical-align: middle;
}

/* Optional: Scroll hint with gradient on the right */
/*.tablecustomcompare::after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
pointer-events: none;
background: linear-gradient(to right, transparent, white);
z-index: 2;
}*/

/* Product box styles (unchanged) */
.tablecustomcompare table tr td article a h4 {
    height: 55px;
    margin-top: 14px;
}
.tablecustomcompare table tr td article p.uslugeboxtext:nth-child(4) {
    height: 77px;
    overflow: hidden;
}


footer ::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #017c44;
}

footer ::selection {
    color: #fff;
    background: #017c44;
}


.faq-section .toggle-content {
    padding: 0 20px;
}

.responsive-table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.responsive-table td {}
.responsive-table img {width: 100%; height: auto; display: block;}

.owelkvadratnaslika .card-reference .thumb-info.border-radius-0 {border-radius: 12px !important;}
.owelkvadratnaslika .card-reference .thumb-info.thumb-info-no-borders .thumb-info-wrapper {aspect-ratio: 1 / 1 !important; background: #f4f4f4; height: 100% !important; border-radius: 12px !important;}
.owelkvadratnaslika .card-reference .img-fluid {aspect-ratio: 1 / 1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: auto !important; max-height: auto !important; float: left !important; margin: 0 !important; object-fit: cover !important;}
.owelkvadratnaslika .card-reference h4.mb-3.text-4.text-uppercase {}
.owelkvadratnaslika .card-reference .portfolio-item h4 {text-transform: none !important; letter-spacing:-0.5px !important; font-size:18px;}
.owelkvadratnaslika .card-reference .portfolio-item p.uslugeboxtext ~ p.uslugeboxtext {display: none !important;}
.owelkvadratnaslika .card-reference .portfolio-item p.uslugeboxtext {font-size:15px; padding:0; margin:0 0 5px 0; line-height:1.5em; display:none !important;}
.owelkvadratnaslika .card-reference .portfolio-item .remote-field {font-size:15px; padding:0; margin:0; line-height:1.5em;}
.owelkvadratnaslika .card-reference .portfolio-item img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {aspect-ratio: 1 / 1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: auto !important; max-height: auto !important; margin-bottom: 15px !important; object-fit: cover !important;}
.owelkvadratnaslika .card-reference .portfolio-item span.thumb-info-action {display:none;}
.owelkvadratnaslika .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.owelkvadratnaslika .owl-carousel .owl-nav button.owl-next {right: -15px;}
.owelkvadratnaslika .owl-carousel .owl-item {border: 1px solid #ede8d1 !important; background: #fff !important; padding:20px;}
.owelkvadratnaslika .my-2 {font-size:14px !important;}
.owelkvadratnaslika .owl-carousel .detqtygrid {display:none !important;}
.owelkvadratnaslika .card-reference .owl-item img,
.owelkvadratnaslika .card-reference .owl-item .embed-responsive.embed-responsive-16by9 {max-height: 400px;}
.owelkvadratnaslika .card-reference .owl-stage {display: flex !important; align-items: stretch !important;}

.owelkvadratnaslika .thumb-info.thumb-info-no-borders .thumb-info-wrapper {aspect-ratio: 1 / 1 !important; background: #f4f4f4;}
.owelkvadratnaslika .img-fluid {aspect-ratio: 1 / 1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: auto !important; max-height: auto !important; float: left !important; margin: 0 !important; object-fit: cover !important;}
.owelkvadratnaslika h4.mb-3.text-4.text-uppercase {}
.owelkvadratnaslika h4 {text-transform: none !important; letter-spacing:-0.5px !important; font-size:18px;}
.owelkvadratnaslika p.uslugeboxtext{display: none !important;}
.owelkvadratnaslika .remote-field {font-size:15px; padding:0; margin:0; line-height:1.5em;}
.owelkvadratnaslika img.img-fluid.img-thumbnail.img-thumbnail-no-borders.rounded-0.grid-media {aspect-ratio: 1 / 1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; min-height: auto !important; max-height: auto !important; margin-bottom: 15px !important; object-fit: cover !important;}
.owelkvadratnaslika span.thumb-info-action {display:none;}
.owelkvadratnaslika .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.owelkvadratnaslika .owl-carousel .owl-nav button.owl-next {right: -15px;}
.owelkvadratnaslika .owl-carousel .owl-item {border: 1px solid #eee !important; background: #fff !important; padding:20px;}
.owelkvadratnaslika .my-2 {font-size:14px !important;}
.owelkvadratnaslika .owl-carousel .detqtygrid {display:none !important;}
.owelkvadratnaslika .owl-item img,
.owelkvadratnaslika .owl-item .embed-responsive.embed-responsive-16by9 {max-height: 400px;}
.owelkvadratnaslika .owl-stage {display: flex !important; align-items: stretch !important;}

.checkout-conasguest {background:#f8f4e3; border-bottom:2px solid #edeadd !important;}
.checkout-conasguest h2 {color:#00882c !important; font-size:24px !important; font-weight:600 !important;}
.checkout-conasreguser h2 {font-size:24px !important; font-weight:600 !important;}
/*.col-md-6.px-8 h2.mt-6.text-lg.font-bold {color:#00882c !important; font-size:30px !important; font-weight:600 !important;}*/

.sakrijnaslov h5 {display:none !important;}

.btn-megamenu1 {background: linear-gradient(to right, #007034, #069f4d) !important; border-radius:5px !important; color:#fff !important; padding:15px 20px !important; font-size:18px !important; text-transform:uppercase !important; font-weight:700 !important; letter-spacing:0 !important;}
.btn-megamenu1:hover {background: linear-gradient(to left, #007034, #069f4d) !important;}

.btn-megamenu2 {background: linear-gradient(to right, #202a25, #000) !important; border-radius:30px !important; color:#fff !important; padding:15px 20px !important; font-size:16px !important; justify-content: center !important; text-transform:uppercase !important; font-weight:600 !important; letter-spacing:0 !important;}
.btn-megamenu2:hover {background: linear-gradient(to left, #202a25, #000) !important;}

.popularnekategorijepocetna .ibxHover .ibx-circle {
  border: 2px solid #fff !important;
  background: #088743 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.popularnekategorijepocetna .ibxHover .ibx-overlay {
  top: 120px !important;
}

.popularnekategorijepocetna .ibxHover .ibx-overlay-inner {
  width: min(420px,100%) !important;
  background: #fff !important;
  color: #000 !important;
  padding-top: 28px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.popularnekategorijepocetna .ibxHover .ibx-card h3.ibx-title,
.popularnekategorijepocetna .ibxHover .ibx-card h3.ibx-title p {font-size:16px !important; color:#000 !important;}
.popularnekategorijepocetna .ibxHover .ibx-overlay-inner h4.ibx-overlay-title,
.popularnekategorijepocetna .ibxHover .ibx-overlay-inner h4.ibx-overlay-title p {font-size:16px !important; color:#000 !important;}

.popularnekategorijepocetna .ibxHover .ibx-overlay-badge {
  width: 150px !important;
  height: 150px !important;
  border: 2px solid #fff !important;
  background: #036132 !important;
  color: #fff !important;
  top: -100px !important;
}

.popularnekategorijepocetna .ibxHover .ibx-overlay-badge i {
  font-size: 56px !important;
}

.popularnekategorijepocetna .ibxHover .ibx-links a {
  color: #000 !important;
}

.popularnekategorijepocetna .ibxHover img[src$=".svg"],
.popularnekategorijepocetna .ibxHover svg {
  filter: brightness(0) invert(1);
}

.popularnekategorijepocetna .ibxHover .ibx-img,
.popularnekategorijepocetna .ibxHover .ibx-badge-img {
  width: 80px !important;
  height: 80px !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
}

.popularnekategorijepocetna .ibxMobile .toggle .toggle-title p {
  margin: 0 !important;
}

.popularnekategorijepocetna .ibxMobile .toggle {
  border-bottom: 1px solid #fff;
}
.popularnekategorijepocetna .ibxMobile .toggle-title::before {
  color: #000 !important;
  content: "+";
  transition: none;
  transform: none;
  border: 0 !important;
  margin-top: -10px !important;
}

.popularnekategorijepocetna .ibxMobile .toggle > .toggle-title {
  background: #f6f3e3;
  color: #000;
}
.popularnekategorijepocetna .ibxMobile .toggle .toggle-title,
.popularnekategorijepocetna .ibxMobile .toggle .toggle-title p {
  font-size: 16px !important;
}

.popularnekategorijepocetna .ibxMobile .toggle.active > .toggle-title {
  background: #088743;
  color: #fff !important;
}
.popularnekategorijepocetna .ibxMobile .toggle.active > .toggle-title p {
  color: #fff !important;
}
.popularnekategorijepocetna .ibxMobile .toggle.active > .toggle-title::before {
  color: #fff !important;
  content: "-" !important;
}

.popularnekategorijepocetna .ibxMobile .toggle.active img[src$=".svg"],
.popularnekategorijepocetna .ibxMobile .toggle.active svg {
  filter: brightness(0) invert(1);
}

.popularnekategorijepocetna .ibxMobile .toggle .toggle-content {
  background: #fff;
  padding: .4rem 1.4rem 1rem 1.4rem !important;
}
.popularnekategorijepocetna .ibxMobile .toggle .toggle-title i {
  font-size: 20px !important;
  font-weight: 300 !important;
}
.popularnekategorijepocetna .ibxMobile .ibx-mobile-img {
  width: 40px !important;
  height: 40px !important;
}

.onestepcheck .bg-dark {
  background-color: #00882c !important;
}
.onestepcheck p.text-danger, .onestepcheck p.text-success {margin-top:15px !important;}
.onestepcheck .small.mb-0.text-dark a {font-size: 15px !important; font-weight:600 !important;}
.onestepcheck #contact .mt-4 {margin-top:10px !important;}

.uvjetipopis .article-load .col-md-4 {display:none !important;}
.uvjetipopis .article-load .col-md-8 {flex: 0 0 100% !important; max-width: 100% !important;}


.swal2-container .swal2-popup.swal2-modal.welcomeMsg-popup.animate__animated.animate__bounceIn {
  background: #fff !important;
  color: #000;
}

.swal2-container .swal2-popup.swal2-modal.welcomeMsg-popup.animate__animated.animate__bounceIn input {
  width: 100% !important;
  padding: 15px !important;
  border:1px solid #ddd !important;
  border-radius:6px !important;
  text-align:center !important;
}

.swal2-container .swal2-popup.swal2-modal.welcomeMsg-popup.animate__animated.animate__bounceIn .swal2-html-container button {
  width: 100% !important;
  padding: 15px !important;
  border-radius:6px !important;
  background: #000 !important;
  color: #fff !important;
  margin-top:15px !important;
}

.swal2-container .swal2-popup.swal2-modal.welcomeMsg-popup.animate__animated.animate__bounceIn .swal2-html-container .welcomeMsg-title {
  font-size: 36px;
  line-height: 1.1em;
  font-weight: 600 !important;
  color: #00882c !important;
}













/* RESPONSIVE */

@media (min-width: 1600px) {
    .tablecustomcompare table tr td {
        min-width: 17vw;
        width: 17vw;
        max-width: 17vw;
    }
    .tablecustomcompare-wide .container-xl {
        max-width: 1790px;
    }
	
    #header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title {font-size: 18px !important;}
	
}

@media (min-width: 1921px) {
    .tablecustomcompare table tr td {
        min-width: 340px;
        width: 340px;
        max-width: 340px;
    }
    .tablecustomcompare-wide .container-xl {
        max-width: 90vw;
    }

    .swiperthumbs .swiper-slide {
        height: 120px !important;
        margin: 0 6px !important;
    }

    .categories-section {
        top: -60px !important;
        padding-top: 80px !important;
    }

    .faq-section {
        margin-bottom: 90px;
    }

}

@media (min-width: 1600px) {
    .faq-content {
        padding-bottom: 160px !important;
    }
    .blog-heading h2 {
        padding-left: 40px !important;
    }
}

@media (min-width: 1440px) {

    #header .fa-user,
    #header .fa-shopping-cart,
    #header .fa-heart,
    #header .fa-duotone {
        font-size: 20px !important;
    }

    #header .header-nav-main nav > ul > li > a {
        font-size: 18px !important;
        padding: 10px 15px !important;
    }

    .nav-link.flag-img-center {
        font-size: 18px !important;
        font-weight: 600 !important;
    }

    #header form .simple-search {
        width: 450px !important;
    }

    .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
        width: 55px !important;
        height: 55px !important;
    }

    footer .py-5 {
        width: 75%;
        left: 25%;
        position: relative;
    }

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 {
        flex: 0 0 24% !important;
        max-width: 24% !important;
        padding-right: 1%;
        padding-left: 1%;
    }

    .dropdown-mega-content .dropdown-mega-sub-title {
        background-size: auto 70% !important;
        height:100px !important;
    }

    .popisshop .btn.btn-primary.py-2.mr-2 {padding-left:20px !important; padding-right:20px !important;}

}

@media (min-width: 1200px) {

    .faq-section {
        display: flex;
        justify-content: right;
        background-size: 75% !important;
    }

    .faq-content {
        width: 40%;
        padding-bottom: 90px;
    }

    .faq-content h2 {
        padding-top: 60px !important;
    }

    .blog-heading {width:50% !important; max-width:50% !important; float:left !important;}
    .categories-link {width:50% !important; max-width:50% !important; float:left !important; padding-top: 25px;}
    .dropdown-mega-content .dropdown-mega-sub-title {height:100px !important;}

}

@media (min-width: 992px) {

    .swiper-slide-content .tp-headertop, .swiper-slide-content .tp-headertop p {
        text-align:center !important;
        font-size:30px !important;
        font-weight:500 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 90px !important;
        margin: -90px auto 20px auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    }

    .swiper-slide-content .tp-header, .swiper-slide-content .tp-header p {
        text-align:center !important;
        font-size:80px !important;
        font-weight:800 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 90px !important;
        margin: 0 auto 20px auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    }

    .swiper-slide-content .tp-headerbottom, .swiper-slide-content .tp-headerbottom p {
        text-align:center !important;
        font-size:50px !important;
        font-weight:600 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 90px !important;
        margin: 0 auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
        clear:both !important;
    }

    .col-showroom,
    .col-uvjeti {
        width: 33%;
    }

    .col-uvjeti {
        width: 31%;
    }

    .col-corvus {
        width: 68%;
    }

    .footer-col1 {
        width: 28%;
    }

    .footer-copyright {
        width: 100%;
        left: 0;
        position: relative;
    }

    .nl-col {
        padding-top:30px;
        width: 29%;
        position: relative;
        max-height: 250px;
    }

    .brendovi-popismenu .sprig-component {padding-left:15px !important;}
    .brendovi-popismenu .thumb-info {background: transparent !important;border: 1px solid #eee9d8;}

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 {
        flex: 0 0 31%;
        max-width: 31%;
        padding-right: 1%;
        padding-left: 1%;
    }

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 a {
        padding: 0 !important;
    }

    .dropdown-mega-content .dropdown-mega-sub-title {
        background-color: #f8f4e3;
        background-repeat: no-repeat !important;
        background-position: 50% 90% !important;
        background-size: auto 60% !important;
        border-radius:6px;
        height:100px !important;
    }

    .dropdown-mega-content .dropdown-mega-sub-title:hover {background-color: #eee9d8;}

    /*#header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title {
        color: #000;
        font-size: 16px;
        text-transform: none;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 15px !important;
        text-align: center !important;
        line-height:1 !important;
        margin-top: 0px !important;
        margin-bottom: 14px !important;
    }*/
	
    #header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title {
    color: #000;
    font-size: 15px;
	line-height:1.2em !important;
	font-weight:500 !important;
	text-transform:uppercase !important;
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    display: flex;
    align-items: center;
    padding-left: 85px !important;
    background-position: 15px center !important;
    background-size: 60px auto !important;
    background-repeat: no-repeat !important;
    }

    #header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu li a.dropdown-mega-sub-title:hover {
        background-color: #eee !important;
    }

    .dropdown-mega-content .col-lg-6 .col-lg-3 {
        flex: 0 0 33% !important;
        max-width: 33% !important;
        padding-right: 4px !important;
        padding-left: 10px !important;
    }

}

@media (min-width: 1200px) {
    .dropdown-mega-content .dropdown-mega-sub-title {height:110px !important;}
}

@media (min-width: 1440px) {
    .dropdown-mega-content .dropdown-mega-sub-title {height:120px !important;}
}

@media (min-width: 769px) {

    .swiper.swpr210062 {
        height: auto !important;
        min-height: auto !important;
        max-height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 20 / 8 !important;
    }

    .categories-header {
        padding-top: 40px;
    }

    .card-reference .carousel-default .rel-well {
        /*min-height: 170px;*/
    }

    table.cart-table tr.cart-items td.py-3.overflow-hidden {width:50%;}

    .search ul.simple-post-list {padding: 30px 15px 0 15px !important;}
    .search ul.simple-post-list li {display: block !important; width: 24% !important; margin-right:1% !important; float: left !important;}
    .search ul.simple-post-list .search-block {margin: 0 !important; width:100% !important; max-width:100% !important;}
    .search ul.simple-post-list .search-block a {display: block; width: 100%; font-size: 15px !important; font-weight:500 !important; margin: 10px 0 0 0 !important; height:90px !important; min-height:90px !important; max-height:90px !important; color:#000 !important;}
    .search ul.simple-post-list .search-block p {display:none !important;}
    .search ul.simple-post-list .search-block .mb-3.pb-1 {display:none !important;}
    .search ul.simple-post-list li {border-bottom: 0 !important; padding: 0 !important;}

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1 !important;
        border:1px solid #eee !important;
        background:#f4f4f4 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper .img-responsive {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

}

@media (min-width: 601px){

    .blog-section .container-xl.button-tag .row.align-items-center .col-sm-12 .btn {margin-right:15px !important; margin-bottom:15px !important;}
    .blog-entry-btn {padding-left:30px !important; padding-right:30px !important;}

}


@media (min-width: 480px) {

}




@media (max-width: 1599px) {

    .py-4.carouser-section {margin-top:-100px !important;}
}

@media (max-width: 1439px) {

    .contactontop.header-extra-info {
        display:none !important;
    }

    .container-xl, .box {
        width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;
    }

    #header .fa-user,
    #header .fa-shopping-cart,
    #header .fa-heart,
    #header .fa-duotone {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
	
    #header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu .dropdown-mega-content .col-lg-9 .col-lg-3 {flex: 0 0 33% !important; max-width: 33% !important;}


}



@media (max-width: 1199px){

    .faq-content h2 {
        padding-top: 300px !important;
    }

    .blog-section {
        margin-top:60px !important;
    }

    .main.other-css .categories-section .heading h2 {
        white-space: normal !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .popisshop .col-xl-4.grid-types-center-product,
    .popisshop .col-xl-3.grid-types-center-product {
        flex: 0 0 50%;
        max-width: 50%;
    }
	
}

@media (max-width: 991px){
    .notice-rotatoritem .nav-link {
        padding: 0 1rem !important;
        text-align: center;
		color:#fff !important;
    }

    .tablecustomcompare table tr td {
        min-width: 200px;
        width: 200px;
        max-width: 200px;
    }
    #header .header-nav-main[style*="display: block;"] + .header-btn-collapse-nav {
        z-index: 1111;
        position: absolute;
        top: 25px;
        left: 0;
        background: transparent !important;
        padding: 0;
    }
    #header .header-nav-main[style*="display: block;"] + .header-btn-collapse-nav > i.fa-bars {
        display: none;
    }
    #header .header-nav-main[style*="display: block;"] + .header-btn-collapse-nav > .img-close-burger-nav {
        display: block;
        width: 30px;
        height: auto;
    }

    .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
        width: 32px !important;
        height: 32px !important;
    }

    .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a .fab {
        font-size: 12px !important;
    }

    #header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {
        font-size: 20px !important;
        color: #000 !important;
    }

    #header .header-nav-main {
        z-index: 999 !important;
        background: #f8f4e3;
    }

    #header .header-nav-main nav {
        margin-top: 75px !important;
    }
    .open {background: transparent !important;}

    #header .header-btn-collapse-nav {
        background: #00882c !important;
		border: 1px solid #fff !important;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: #00882c;
    }

    #header .header-nav-main nav > ul > li > a {
        border-radius: 6px !important;
        font-size:18px !important;
        font-weight:600 !important;
        letter-spacing:0.5px !important;
        padding: 10px 15px !important;
    }

    #header .header-nav-main.header-nav-main-square nav > ul > li a {border-radius: 5px !important;}

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 14px;}

    #header .header-nav-main nav > ul li {min-height: 0 !important; border-bottom: 1px solid #e2ddc7;}
	
	#header .header-nav-main nav > ul > li.dropdown-mega ul.dropdown-menu .dropdown-mega-content .col-lg-9 .col-lg-3 {flex: 0 0 100% !important; max-width: 100% !important;}

    .swiper-slide-content .tp-headertop, .swiper-slide-content .tp-headertop p {
        text-align:center !important;
        font-size:20px !important;
        font-weight:600 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 30px !important;
        margin: -60px auto 20px auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    }

    .swiper-slide-content .tp-header, .swiper-slide-content .tp-header p {
        text-align:center !important;
        font-size:40px !important;
        font-weight:900 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 30px !important;
        margin: 0 auto 20px auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    }

    .swiper-slide-content .tp-headerbottom, .swiper-slide-content .tp-headerbottom p {
        text-align:center !important;
        font-size:20px !important;
        font-weight:600 !important;
        color:#fff !important;
        line-height:1em !important;
        font-style: normal !important;
        padding:0 30px !important;
        margin: 0 auto !important;
        text-shadow: 10px 10px 30px rgba(0,0,0,0.5);
        clear:both !important;
    }

    .swiper.swiperthumbs {
        width: 75% !important;
    }

    .heading-title h2 {
        font-size: 40px;
        line-height: 60px;
        font-weight: 800 !important;
        background: transparent !important;
        line-height:1em !important;
    }

    .categories-entry .col-xl-3 {
        max-width: 49% !important;
    }
    .categories-entry .col-xl-4 {
        max-width: 49% !important;
    }
    .categories-entry .col-xl-6 {
        max-width: 49% !important;
    }

    footer {
        background-size: contain !important;
    }

    .col-showroom {
        width: 100%;
    }

    .col-uvjeti {
        width: 100%;
        padding-top: 30px;
    }

    .col-corvus {
        width: 100%;
    }

    .footer-col1 {
        width: 100%;
    }

    .footer-copyright {
        width: 100%;
        left: 0;
        position: relative;
    }

    .nl-col {
        padding-top:30px;
        width: 100%;
        position: relative;
        max-height: 250px;
    }

    .brendovi-popismenu .sprig-component {padding-left:15px !important;}
    .brendovi-popismenu .thumb-info {background: transparent !important;}

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 {
        flex: 0 0 23% !important;
        max-width: 23% !important;
        padding-right: 1%;
        padding-left: 1%;
    }

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 a {
        padding: 0 !important;
    }

    .dropdown-mega-content .dropdown-mega-sub-title {background-image: none !important;}
    .dropdown-mega-content .dropdown-mega-sub-title:hover {background:#fcfaf0 !important;}

}

@media (max-width: 768px){

    .categories-entry .col-xl-3 {
        max-width: 100% !important;
    }
    .categories-entry .col-xl-4 {
        max-width: 100% !important;
    }
    .categories-entry .col-xl-6 {
        max-width: 100% !important;
    }

    .categories-entry .article-load {
        width: 100% !important;
    }

    .swiper.swpr210062 {
        height: auto !important;
        min-height: auto !important;
        max-height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 76 / 95 !important;
    }
	
    .swiper.swpr214805,
	.swiper.swpr272787 {height: auto !important; aspect-ratio: 3/4 !important; display: flex !important; }
    .swiper.swpr214805 .swiper-slide-content,
    .swiper.swpr272787 .swiper-slide-content	{align-items: center !important; text-align: center !important;}

    .swiper.swiperthumbs {
        margin-top: -20px !important;
    }

    .categories-section {
        top: -80px !important;
    }

    .categories-section .heading-title h2 {
        padding-top: 75px !important;
    }

    #header .header-nav.down-menu {
        min-height: 60px !important;
        padding-top: 0px !important;
    }

    .header-logo {
        top: 30px !important;
    }

    .header-logo img {
        width: 140px !important;
        height: 49px !important;
    }

    .sticky-header-active .header-logo {
        top: -5px !important;
    }

    .sticky-header-active .header-row.pt-3 {
        margin-top: 10px !important;
    }

    .header-top {
        padding: 50px 0 !important;
    }
    .page-header.page-header-lg h1 {
        font-size: 30px !important;
    }

    .brendovi-popismenu [class^="grid-container-"].article-load.col-xl-3 {
        flex: 0 0 31% !important;
        max-width: 31% !important;
        padding-right: 1%;
        padding-left: 1%;
    }

    .popisshop .col-xl-4.grid-types-center-product,
    .popisshop .col-xl-3.grid-types-center-product {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .atcff {display: none;}

    .search ul.simple-post-list {padding: 30px 15px 0 15px !important;}
    .search ul.simple-post-list li {display: block !important; width: 48% !important; margin-right:2% !important; float: left !important;}
    .search ul.simple-post-list .search-block {margin: 0 !important; width:100% !important; max-width:100% !important;}
    .search ul.simple-post-list .search-block a {display: block; width: 100%; font-size: 15px !important; font-weight:500 !important; margin: 10px 0 0 0 !important; height:90px !important; min-height:90px !important; max-height:90px !important; color:#000 !important;}
    .search ul.simple-post-list .search-block p {display:none !important;}
    .search ul.simple-post-list .search-block .mb-3.pb-1 {display:none !important;}
    .search ul.simple-post-list li {border-bottom: 0 !important; padding: 0 !important;}

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1 !important;
        border:1px solid #eee !important;
        background:#f4f4f4 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper .img-responsive {
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1 !important;
    }

    .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
    }

    nav.d-flex {
        display: flex;
        gap: 12px;
    }

    nav.d-flex .flex-1 {
        display: flex;
        flex: 1 1 0%;
        justify-content: space-between;
        text-align:left;
        font-size:13px;
        line-height:1.2em;
    }

    .checkout-conasguest {margin-left:15px !important; margin-right:15px !important; margin-top:15px !important; padding-bottom:30px !important;}

    .buy-together-product-image img {}


}

@media (max-width: 600px){

    .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {
        margin-left: 5px !important;
    }

    .faq-section {
        background-size: 130% !important;
        background-position: top center !important;
    }

    .blog-section .container-xl.button-tag .row.align-items-center .col-sm-12 .btn {margin: 0 0 15px 0 !important;}
    .blog-section .container-xl.button-tag .row.align-items-center .col-sm-12 {display:block !important; width:100% !important; clear:both !important;}
    .blog-entry-btn {display:block !important; width:100% !important; min-width:100% !important; padding-left:0 !important; padding-right:0 !important;}

    .filtersdm {overflow: scroll !important;}


}



.gradudalj input {width: 50%;border-radius: 6px;border-color: #aaa!important;}
.gradudalj select {width: 50%;border-color: #aaa!important;}
.gradudalj input:focus, .gradudalj select:focus {border-color: #00882c !important;outline: 1px solid #00882c;}
select#distselect:invalid {color:#bdbdbd}
#vergdjpopsuggest ul {list-style: none;}
#vergdjpopsuggest ul li.suggestion-item {padding-left: 15px;}
#vergdjpopsuggest ul li.suggestion-item:hover {background: #eee;}
.resgrad {border-top: 1px solid #eee;padding: 20px 10px;}
.resgrad:hover {background: #eee;}
#map {height: 600px;}
#map button:focus {outline: none;}
.fw-600 {font-weight: 600;}

@media (min-width: 769px) {
    .search-default div[id^="results-"] ul li a, .header-nav-feature div[id^="results-"] ul li a {color: #000 !important;}
    .search-default div[id^="results-"] ul li a:hover, .header-nav-feature div[id^="results-"] ul li a:hover {color: #00882c !important;}
}

@media (max-width: 768px) {
    #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header {margin-top: 30px !important; margin-bottom: 20px !important;}
    .search-default div[id^="results-mobile"] ul li a, .header-nav-feature div[id^="results-mobile"] ul li a {color: #fff !important;}
    .search-default div[id^="results-mobile"] ul li a:hover, .header-nav-feature div[id^="results-mobile"] ul li a:hover {color: #f8f4e3 !important;}

    .header-nav-feature.header-nav-features-search.header-nav-features-search-reveal.header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .d-flex {display:block !important;}

}

* {
    scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 5px;
}
*::-webkit-scrollbar-track {
    background: #eee;
}
*::-webkit-scrollbar-thumb {
    background-color: #00882C;
    outline: 1px solid #00882C;
}


#header .search-default.sn {
    position: fixed !important;
    width: 100vw !important;
    top: 0;
    left: 0;
    background: #00882c;
    z-index: 11;
    padding-top: 70px;
}
#header .search-default.sn .simple-search {
    width: 98vw !important;
    transition: all 0.2s;
}
#header .search-default div[id^=results-] {
    display: none;
}
#header .search-default.sn div[id^=results-] {
    display: block;
}


.variant-image-selector .variant-image {
    float: left;
    border: 2px solid transparent;
    border-radius:4px !important;
}
.variant-image-selector .variant-image:hover {
    border-color: #d3cbc2 !important;
    border-radius:4px !important;
}

.variant-image-selector .variant-image.selected {
    border-color: #00882c !important;
    border-radius:4px !important;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.20);
}
.blog-single-post .form-row .variant-image-selector .variant-image.selected {
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.1); }
    100% { transform: scale(1); }
}


@media (max-width: 991px) {
    .hamburguer-btn.filham-btn {
        padding: 3px 10px;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        border: 2px solid;
        float: none;
        width: auto;
        height: auto;
    }
}
.hamburguer-btn.filham-btn span.hamburguer {
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    align-items: center;
    font-size: inherit;
    border: none;
    padding: 3px 0;
}


.detqty {
    width: 80px;
    float: left;
    margin-right: 10px !important;
    padding: 0 10px !important;
}
.detatc {
    float: left;
    margin-right: 15px;
    width: auto;
}
.detatc.form-row, .detatc .form-row, .prod1 .form-row {
    margin-left: 0;
}
.detatc:has(.notifytxt) {
    flex-wrap: wrap;
    float: none;
    margin-bottom: 30px !important;
}
.detatc:has(.notifytxt) ~ .wishcompare {
    margin-left: 15px;
}
.notifyform {
    margin-bottom: 30px;
}


article.post .post-meta.detbrandcat {
    float: right;
    width: auto;
}
article.post .post-meta.detbrandcat img {
    display: inline-block;
    width:100px;
    min-width:100px;
    height:auto;
}
article.post .post-meta.detbrandcat ~ .detprodcat {
    width: auto;
}


.badge-prod {
    padding: 0.7em 1.2em;
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: unset;
}
.badge-promo {
    color: #fff;
    background-color: #ff0000;
    letter-spacing: 1px;
}
.badge-new {
    color: #000;
    background-color: #f8f4e3;
}
.badge-prod ~ .badge-prod {
    top: 65px;
}
.badge-prod ~ .badge-prod ~ .badge-prod {
    top: 105px;
}


.flag-bg #search-results {
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 80px;
}





.table-responsive {
    overflow-y: clip;
}
.product-compare-table tr td {
    vertical-align: top;
    padding: 0;
    /*min-width: 294px;*/
    width: 25vw;
}


.compare-top, .compare-mid, .compare-bottom {
    border: 0;
    margin-right: -1px;
    padding: 15px;
    transition: all .3s;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.compare-mid h5 {
    margin: 0;
}
/*.product-compare-table tr td:first-child, .product-compare-table tr td:first-child div {
min-width: 150px !important;
width: 150px !important;
max-width: 150px !important;
}*/
/*.compare-top {

}
.compare-mid {
padding: 0 25px 25px 25px;
}
.compare-bottom {
padding: 0 25px 25px 25px;
flex-direction: row;
}*/
.compare-top-td, .compare-mid-td, .compare-bottom-td {
    border: 1px solid #E8E9EA;
}
.compare-top-td {
    border-bottom: 0;
}
.compare-mid-td {
    border-top: 0;
    border-bottom: 0;
}
.compare-bottom-td {
    border-top: 0;
}


.erralertpos {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
}

.slikajiplatiimg {margin-left:-12px; margin-bottom:-12px;}


#products-sidebar .sidebar-cart-close {
    flex-grow: 1;
    height: 100%;
    cursor: default;
    position: fixed;
    width: 100%;
    margin: 0;
}
.sidebar-cart-items nav.container.text-dark {
    background: #fff;
}

.swiper .autoplay-progress {
    display: none !important;
}



.owl-carousel .owl-nav button.owl-prev {
    left: -35px;
    top: -50px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -35px;
    top: -50px;
}