/* Kodak centar specific CSS */

/* Colors */

:root {
    --form-border-color: #fca5067a;
    --form-box-shadow: #fca50640;
}

body, .nav-categories, .top-header-upper {
    background-color: var(--svijetlo-siva);
}

.nav-categories:not(.mm-listview) {
    background-color: var(--tamno-siva);
    border-radius: 2px;
}

.sticky .nav-categories {
    border-radius: 0;
}

.main-menu ul li:hover > a {
    color: var(--boja1) !important;
}

a.logo img {
    display: block;
    max-width: 150px;
    margin-right: 20px;
    -webkit-filter: drop-shadow(2px 2px 1px #2222222b);
    filter: drop-shadow(2px 2px 1px #2222222b);
    margin-top: -1px;
}

.header i {
    font-size: 22px;
}

input[type="checkbox"] + label::before, input[type="checkbox"]:disabled + label::before, .gdprinput .input-group::after,
.scrtop::before, .index-slick .slick-arrow::before, #faq .panel-heading [data-toggle="collapse"]::after, .btn-return::before, #checkout .gdpr-alert::after {
    font-family: "Font Awesome 5 Pro";
}

.far {
    font-size: 24px;
}

.fa, .fas, .far, .fal, .fad, .fab {
    vertical-align: middle;
    font-size: 16px;
}


.form-control + .btn-type1, .form-control + .btn-type2 {
    z-index: 2;
    margin-left: -2px;
    padding-top: 7px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#notfound .btn-type2, .orderinfo .btn-type2 {
    max-width: none !important;
}

/* Header */
.container-main-menu-wrapper {
    -webkit-box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.37);
    box-shadow: 0px 3px 10px -7px rgba(0,0,0,0.37);
    padding-bottom: 15px;
}

.top-header-upper {
    font-size: 14px;
    font-family: var(--bold);
}

.slidernaslovna {
    margin-top: -35px;
}

.nav-categories {
    justify-content: initial !important;
    align-items: center;
    margin-bottom: -45px !important;
}

.nav-categories {
    margin-bottom: -10px !important;
}

.nav-categories > li {
    /*flex-grow: 0;*/
    padding-right: 14px;
    padding-left: 14px;
    border-right: 1px solid #707070;
}

.main-menu ul li a {
    font-size: 13px;
    font-weight: 400;
    transition: all .1s;
}

.main-menu ul li:hover {
    background: transparent;
}

.top-login, .top-logout, .top-user, .top-favorites, .top-compare, .cart-top {
    /*border: 0;
    padding: 7px 6px;*/
}

.top-user {
    /*padding: 7px 0;*/
}

.top-icon {
    justify-content: flex-start;
    display: flex;
    flex-flow: row-reverse;
}

    .top-icon a span.count {
        background: var(--boja1);
    }

@media screen and (max-width:767px) {
    .cart-top a span.count {
        top: -18px !important;
    }
}

@media screen and (min-width:1200px) {
    .search-btn-mobile .fa-search {
        font-size: 16px;
    }
}

/*.main-menu:not(.sticky) .logo {
	display: block;
	margin: 0 0px 0 30px;
	padding-right: 30px;
}*/

.main-menu:not(.sticky) .logo {
    display: flex;
    margin: 0 0px 0 30px;
    padding-right: 30px;
    justify-content: center;
    align-items: center;
}

.main-menu .logo img {
    max-width: 30px;
}

.main-menu.sticky .logo {
    max-width: 60px;
    margin-left: 15px;
}

.main-menu ul li.logo:hover {
    background: none !important;
}

.header i {
    color: var(--siva);
}

#orderheader a i {
    color: var(--boja1) !important;
}

.main-menu nav ul li .sub-menu ul li ul a {
    font-weight: 400;
}

    .main-menu nav ul li .sub-menu ul li ul a.crveno {
        color: var(--boja1);
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
    }

/* Main menu */
.main-menu ul li .sub-menu {
    -webkit-box-shadow: 0 10px 9.6px 0.4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 9.6px 0.4px rgba(0, 0, 0, 0.1);
}

.tt-suggestion {
    margin-top: 0;
}

    .tt-suggestion a {
        padding: 0;
        font-size: 12px;
        line-height: 19px;
    }

    .tt-suggestion :hover, .tt-suggestion.tt-cursor {
        color: var(--boja2) !important;
        text-decoration: none !important;
        background-color: var(--svijetlo-siva);
    }

#searchform-mobile {
    margin-right: 20px;
    max-width: 230px;
    position: relative;
    min-width: 230px;
}

.search-input-mobile-close {
    display: none;
    position: absolute;
    top: 0;
    z-index: 9999;
    right: 25px;
}

    .search-input-mobile-close i {
        font-size: 28px;
    }

.tt-menu {
    min-width: 315px;
    z-index: 999 !important;
}

.search-input-mobile-close .fas {
    color: var(--crveno) !important;
}


@media only screen and (max-width: 1399px) {
    .main-menu ul li a {
        font-size: 13px;
    }

    .nav-categories > li {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media only screen and (max-width: 1199px) {
    .container-main-menu {
        max-width: 100%;
    }

    .nav-categories > li {
        padding-right: 8px;
        padding-left: 8px;
    }

    .nav-categories {
        height: 55px;
    }

    .main-menu ul li a {
        font-size: 12px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {

    .main-menu ul li a {
        font-size: 11px;
    }

    .main-menu .logo {
        margin: 0 0px 0 0px !important;
        padding-right: 5px !important;
    }

        .main-menu .logo img {
            max-width: 30px;
        }
}


@media only screen and (max-width: 991px) {
    .top-header-upper .container {
        max-width: 100%;
    }

    .slidernaslovna {
        margin-top: -20px;
    }

    .nav-categories {
        font-size: 16px;
    }

    .logo.mm-listitem > a > img {
        max-width: 36px !important;
    }
}

@media only screen and (min-width: 767px) {
    .sub-menu img {
        max-width: 110px;
        margin: 0 auto;
    }

    .main-menu ul li .sub-menu {
        padding: 0;
    }

        .main-menu ul li .sub-menu > .row {
            padding: 25px;
        }

    .main-menu.sticky .sub-menu {
        top: 46px !important;
    }

    .main-menu.sticky ul li .sub-menu {
        left: 0;
        width: 100%;
    }

    .sub-menu ul {
        margin: 0 0 0 15px;
        padding: 0;
        column-count: 4;
        column-gap: 15px;
        column-width: 200px;
    }

    .main-menu > ul > li {
        padding-bottom: 10px;
    }

    ul.menu-items li a {
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        font-family: var(--bold);
    }

    .featured-menu-items {
        margin-bottom: 15px;
    }

    .featured-menu-img a {
        font-size: 14px !important;
        justify-content: center;
    }

    .featured-menu-img figure {
        margin: 0;
    }

    .featured-menu-img figure {
        text-align: center;
        text-transform: none;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .featured-menu-img img {
        margin-bottom: 0;
    }

    .sub-menu .featured-menu-banner {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sub-menu .featured-menu-banner img {
            max-width: 320px;
            max-height: 320px;
        }
}

@media only screen and (max-width: 767px) {
    .cart-top {
        margin-left: 0;
    }

    .top-right-cart {
        margin-left: 5px;
    }

    .mm-panel ul {
        padding-left: 5px;
    }

    .mm-panels .sub-menu.mm-panel {
        padding-left: 15px;
    }

    .mm-panel .nav-categories {
        height: 40px;
        background-color: transparent;
    }

        .mm-panel .nav-categories .logo {
            height: 41px;
            margin-bottom: 15px;
        }

    .featured-menu-items, .featured-menu-banner {
        /*display: none;*/
    }

    .sub-menu.mm-panel ul.menu-items li {
        list-style: none;
        margin: 10px 10px;
    }
}

@media only screen and (min-width: 576px) {
    .top-icon {
        /*justify-content: flex-end;*/
    }
}

@media only screen and (max-width: 576px) {
    .top-icon i {
        margin: 0 0px;
    }

    #searchform-mobile {
        margin-right: 0;
        max-width: 100%;
        position: absolute;
        min-width: auto;
        left: 0;
        top: -15px;
        z-index: 9999;
    }

    .search-input-mobile {
        height: 64px !important;
        border-radius: 0;
    }

        .search-input-mobile:hover {
            border: 1px solid #9e9e9e;
        }
}

/* Slider Index widget*/
.carousel-inner {
    max-height: 600px;
}

.slider-left-widget {
    position: absolute;
    top: 345px;
    left: 30px;
    z-index: 3;
}

.slidernaslovna .social {
    display: flex;
    flex-flow: column;
    background: 0 0;
}

.slidernaslovna-welcome-text p {
    font-family: var(--regular);
    font-weight: 400;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    color: var(--svijetlo-siva);
}

.slidernaslovna .social i {
    font-size: 32px;
    margin-bottom: 15px;
    color: var(--boja1);
}

.carousel-control {
    width: 100px;
    position: absolute;
    left: 96%;
    display: flex;
    flex-flow: column;
    top: 32%;
}

    .carousel-control a {
        font-size: 80px;
        color: var(--siva);
        margin: 40px 0;
    }

#chevron-arrow-left {
    display: inline-block;
    border-right: 4px solid #b1b1b1;
    border-bottom: 4px solid #b1b1b1;
    width: 40px;
    height: 40px;
    transform: rotate(-225deg);
}

#chevron-arrow-right {
    display: inline-block;
    border-right: 4px solid #b1b1b1;
    border-bottom: 4px solid #b1b1b1;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    margin-left: -30px;
}

    #chevron-arrow-left:hover, #chevron-arrow-right:hover {
        border-right: 4px solid #939393;
        border-bottom: 4px solid #939393;
    }

.carousel-button {
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: center;
    bottom: -15px;
    z-index: 5;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media only screen and (max-width: 1199px) {
    .slider-left-widget, .carousel-button {
        display: none;
    }


    #chevron-arrow-left, #chevron-arrow-right {
        width: 30px;
        height: 30px;
    }

    #chevron-arrow-right {
        margin-left: -20px;
        margin-top: -15px;
    }
}

@media only screen and (max-width: 576px) {
    .carousel-control {
        display: none;
    }
}

/* Index tabs */
.index-tabs {
    background-color: var(--svijetlo-siva);
}

    .index-tabs.section6 {
        background: #fff;
    }

/* Index box icons */
.index-featured-box {
    padding: 60px 0;
    background: 0 0 !important;
}

.index-box-icons {
    padding: 40px 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%);
}

.index-featured-box .card-body, .index-featured-box .card-text, .index-featured-box h5 {
    text-align: center;
    font-size: 14px;
}

.index-box-icons h5 {
    font-size: 16px;
    font-family: var(--bold);
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px
}

.index-box-icons p {
    font-size: 13px;
}

.index-box-icons .card-icon {
    background: var(--boja1);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .index-box-icons .card-icon .fal {
        font-size: 30px;
        color: white;
    }

@media only screen and (max-width: 991px) {
    .index-box-icons {
        /*padding-bottom: 0;*/
        padding: 15px 0
    }

        .index-box-icons .card-icon {
            width: 60px;
            height: 60px;
        }

            .index-box-icons .card-icon .fal {
                font-size: 20px;
            }

        .index-box-icons h5 {
            font-size: 14px;
            margin-top: 10px;
        }

        .index-box-icons p {
            font-size: 12px;
        }
}

@media only screen and (max-width: 767px) {
    .index-featured-box {
        padding: 15px 0;
    }

    #list .badge-izdvajamo {
        right: 20px;
        left: auto !important;
    }
}

/* Product List & Grid  view */
#product-list {
    margin-bottom: 30px;
}

.vrstaprikaza, .breadcrumb-wrapper, .breadcrumb {
    background-image: none;
    background: transparent !important;
}

.breadcrumb-wrapper {
    padding: 15px 0;
    margin-top: 30px;
    font-size: 13px;
}

@media screen and (max-width:576px) {
    .breadcrumb-wrapper {
        font-size: 12px;
    }
}

.breadcrumb {
    text-align: left !important;
}

.product-page-name-vrstaprikaza {
    float: left;
    min-width: 500px;
    text-align: center;
}

    .product-page-name-vrstaprikaza h1 {
        font-size: 20px;
        line-height: 40px;
        font-weight: 600;
    }

.total-records {
    font-size: 12px;
    font-weight: 400;
}

.product-item:hover::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-grid .product-content {
    min-height: 115px;
    margin-top: -15px;
}

.product-grid .product-content {
    padding: 0 0px 10px 0px;
    margin-bottom: 44px;
    z-index: 99;
    border-bottom: 2px solid var(--svijetlo-siva);
}

.badge-izdvajamo {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 15px;
    -webkit-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.21);
    -moz-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.21);
    box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.21);
    z-index: 12;
}

#list .badge-izdvajamo {
    left: 20%;
}

.product-grid .product-item-buttons {
    display: flex;
}

#grid .product-item-box .product-item-buttons {
    /*opacity: 0;*/
    width: 100%;
    height: 100%;
    /*background: #fca506e3;*/
    position: absolute;
    top: 0;
    left: 0;
    /*-webkit-box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);
    -moz-box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);
    box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);*/
    -webkit-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

#grid .product-item-box:hover .product-item-buttons {
    opacity: 1;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);
    -moz-box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);
    box-shadow: 0px 0px 25px -23px rgba(0,0,0,0.93);
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.product-grid .product-item-buttons li:first-child {
	position: absolute;
	bottom: 15px;
	right: 20px;
}

.product-grid:not(#list) .product-item-buttons li:first-child a {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 10px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: normal;
    border-radius: 2px;
    height: 37px;
}

.product-grid .product-item-buttons li a {
    color: var(--siva);
    background-color: #fff;
    border: 1px solid var(--svijetlo-siva);
}

    .product-grid .product-item-buttons li a:hover {
        color: white;
        background-color: var(--boja1);
        transition: all .3s;
    }

    .product-grid .product-item-buttons li a:hover {
        background: transparent;
        border-width: 0.2s linear;
        color: var(--tamno-siva);
        border-bottom: 5px solid var(--boja1);
    }

    .product-grid .product-item-buttons li a span {
        margin-left: 10px;
    }



.product-grid:not(#list) .product-item-buttons li:first-child button {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 10px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 2px;
    height: 37px;
    
}

.product-grid .product-item-buttons li:first-child button {
    color: var(--siva);
    background-color: #fff;
    border: 1px solid var(--svijetlo-siva);
}

    .product-grid .product-item-buttons li:first-child button:hover {
        color: white;
        background-color: var(--boja1);
        transition: all .3s;
    }

    .product-grid .product-item-buttons li:first-child button:hover {
        background: transparent;
        border-width: 0.2s linear;
        color: var(--tamno-siva);
        border-bottom: 5px solid var(--boja1);
    }

    .product-grid .product-item-buttons li:first-child button span {
        margin-left: 10px;
    }

.product-grid .product-item-buttons li:nth-child(2) {
    position: absolute;
    bottom: 15px;
    left: 60px;
}

    .product-grid .product-item-buttons li:nth-child(2) a, .product-grid .product-item-buttons li:nth-child(3) a {
        font-size: 16px;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
    }

    .product-grid .product-item-buttons li:nth-child(2) button i, .product-grid .product-item-buttons li:nth-child(3) button i {
        color: #c2c2c2;
        font-size: 16px;
    }

        .product-grid .product-item-buttons li:nth-child(2) button i.fa, .product-grid .product-item-buttons li:nth-child(3) button i.fa-check-square, #product-page .btn-favorites .fa.fa-heart, #list .product-item-buttons .fa.fa-heart {
            color: var(--boja1);
        }
	
        .product-grid .product-item-buttons li:nth-child(2) a i, .product-grid .product-item-buttons li:nth-child(3) a i {
            color: #c2c2c2;
            font-size: 16px;
        }

            .product-grid .product-item-buttons li:nth-child(2) a i.fa, .product-grid .product-item-buttons li:nth-child(3) a i.fa-check-square, #product-page .btn-favorites .fa.fa-heart, #list .product-item-buttons .fa.fa-heart {
                color: var(--boja1);
            }	


.product-grid:hover .product-item-buttons li:nth-child(2) {
    opacity: 1;
    transform: none;
}

.product-grid .product-item-buttons .favorites a, .product-grid .product-item-buttons .compare a {
    opacity: 1;
    transform: none;
    z-index: 2;
    border: 0 !important;
}

.product-grid:hover .product-item-buttons li:nth-child(3) {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
}

.product-grid .product-item-buttons li:nth-child(3) {
	opacity: 1;
	transform: none;
	z-index: 1;
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.product-grid .product-item-buttons li:hover {
    transition: none;
}

.product-grid .product-item-buttons li {
    display: block;
    margin: 0px;
    transition: none;
}

#list .product-item::before {
    box-shadow: none;
}

@media only screen and (max-width: 991px) {
    .product-page-name-vrstaprikaza {
        display: none;
    }

    .breadcrumb-wrapper {
        margin-top: 0;
    }

    .vrstaprikaza {
        padding-left: 0;
    }

    /*.vrstaprikaza .product-vrsta-prikaza a:last-child {
        display: none;
    }*/
}

@media only screen and (max-width: 1199px) {
    .product-page-name-vrstaprikaza {
        min-width: 220px
    }
}


/* Index category thumbnails*/
.index-thumb-categories {
    background: url(../img/photo.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .index-thumb-categories h3 {
        color: #fff;
    }

#thumbcate {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 560px;
}

    #thumbcate .thumbimg {
        flex: 1 0 50px;
        width: calc(50% - 5px);
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    #thumbcate .thumbimg {
        padding: 0;
        padding-bottom: 10px;
    }

.thumbcate-inner {
    margin: 0;
    padding: 15px;
    height: 100%;
    background: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    border-radius: 2px;
    box-shadow: inset 0 0 10px #d4d4d4;
}

#thumbcate .thumbtitle {
    background: none;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: var(--boja1);
    margin: 20px 0 8px;
    min-height: 50px;
    overflow: hidden;
}

#thumbcate .thumbimg:nth-child(1) .thumbcate-inner {
    text-align: center;
    padding-bottom: 30px;
}

#thumbcate .thumbimg:not(:first-child) .thumbcate-inner img {
    max-width: 200px;
}

#thumbcate .subcate {
    height: 24px;
    overflow: hidden;
    font-size: 16px;
    letter-spacing: 0px;
}

    #thumbcate .subcate i {
        color: var(--siva);
        top: -3px;
        position: relative;
    }

@media only screen and (max-width: 1199px) {
    #thumbcate {
        flex-direction: row;
        flex-wrap: wrap;
        height: 100%;
    }

        #thumbcate .thumbimg {
            flex: 1 0 100%;
            width: calc(100% - 5px);
            margin: 5px;
            box-sizing: border-box;
        }

            #thumbcate .thumbimg .thumbcate-inner img {
                max-width: 300px;
            }

    .thumbcate-inner {
        text-align: center;
    }
}

@media only screen and (min-width: 991px) {
    #thumbcate .thumbimg:not(:first-child) {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 579px) {
    #list .title, #grid .product-grid .title {
        height: 60px !important;
    }
}


/* Index tabs */
.index-tabs .nav-tabs, .nav-item .nav-link, .nav.nav-tabs {
    background-color: transparent;
    border-bottom: 0;
}

    .index-tabs .nav-tabs .nav-link.active, .nav-tabs .nav-link.active {
        background: transparent;
        color: var(--boja1);
        border-color: transparent;
    }

#product-page + .product-tabs .nav-tabs .nav-link.active {
    color: black !important;
}

.index-tabs .nav-tabs .nav-link:focus, .index-tabs .nav-tabs .nav-link:hover, .nav-item.nav-link:hover {
    border-color: transparent;
}

.index-tabs .nav-tabs .nav-link, .nav-item.nav-link {
    background: transparent;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Grid&List specific */
#grid .product-item-box {
    margin-bottom: 15px;
}

#grid .product-item {
	margin: 0px 0px 5px 0px;
}

    #grid .product-item::before {
        box-shadow: none;
    }

#grid .product-grid .price, #list .price {
    color: var(--boja1);
}

#grid .product-grid .price {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
	position: initial;
	text-align: right;
	margin-bottom: 5px;
}

#list .dostupnost {
    text-align: right;
}

#grid .product-grid .dostupnost, #list .dostupnost {
	padding: 5px;
	font-size: 12px;
	display: flex;
	align-items: center;
}

    #grid .product-grid .dostupnost .circle, #list .dostupnost .circle {
        display: inline-block;
        background: #fff;
        border: 1px solid #000;
        width: 12px;
        height: 12px;
        line-height: 18px;
        overflow: hidden;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-right: 5px;
    }

    #grid .product-grid .dostupnost.green, #list .dostupnost.green {
        background-color: #e2efdd;
        display: flex;
        align-items: center;
    }

        #grid .product-grid .dostupnost.green .circle, #list .dostupnost.green .circle {
            background: #45d30d;
            border: #45d30d;
        }

    #grid .product-grid .dostupnost.yellow .circle, #list .dostupnost.yellow .circle {
        background: var(--boja1);
        border: var(--boja1);
    }

    #grid .product-grid .dostupnost.red .circle, #list .dostupnost.red .circle {
        background: #f60909;
        border: #f60909;
    }

#product-page .dostupnost {
    padding: 5px;
    font-size: 14px;
    margin-top: 20px;
}

    #product-page .dostupnost .circle {
        display: inline-block;
        background: #fff;
        border: 1px solid #000;
        width: 12px;
        height: 12px;
        line-height: 18px;
        overflow: hidden;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-right: 5px;
    }

    #product-page .dostupnost.green {
        background-color: #e2efdd;
    }

        #product-page .dostupnost.green .circle {
            background: #45d30d;
            border: #45d30d;
        }

    #product-page .dostupnost.yellow .circle {
        background: var(--boja1);
        border: var(--boja1);
    }

    #product-page .dostupnost.red .circle {
        background: #f60909;
        border: #f60909;
    }

#product-page .stickopcija4 {
    margin: 10px 0;
}

    #product-page .stickopcija4 span {
        background-color: var(--boja1);
        color: #FFF;
        padding: 5px;
        margin-right: 10px;
    }

        #product-page .stickopcija4 span a {
            color: #FFF !important;
        }

#product-page .bonovi {
    font-family: var(--black);
    padding: 10px;
    border: 1px solid #929292;
    border-radius: 10px;
    margin-bottom: 10px;
}

    #product-page .bonovi .napomena {
        border-bottom: 1px solid #929292;
        margin: 10px;
        padding: 0px 0px 5px 0px;
    }

#product-page h2 {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

#product-page .bonovi span {
    color: var(--crveno);
    font-weight: 600;
}

.section-big .col-4 .product-grid .price {
    top: 15px !important;
}

#grid .product-grid .old-price {
    /*color: #403f41 !important;
    font-size: 15px;
    letter-spacing: 0;
    position: absolute;
    bottom: 24px;
    right: 5px;
    text-decoration-color: #403f41;
    font-weight: 600;*/
}

#grid .product-grid .product-image img {
	/* width: auto; */
	/* max-width: 70%; */
	/* margin-top: -15px; */
	z-index: 99;
}

@media screen and (min-width:577px) {
    .index-tabs #grid .product-grid .product-image img, .index-slick #grid .product-grid .product-image img {
        max-width: 80%;
    }
}

#grid .product-grid .product-image {
    text-align: center;
}

#grid .product-grid .product-image {
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

@media screen and (max-width:576px) {
    .posebna-ponuda #grid .product-grid .product-image {
        margin-bottom: 30px;
    }

    #grid .product-grid .dostupnost, #list .dostupnost {
        font-size: 10px;
    }
}

#list .opis {
    font-size: 13px;
    line-height: 24px;
}

#list .title {
    padding: 5px 0;
    height: 55px;
    font-weight: 600;
}

#list .title, #grid .product-grid .title {
    border-bottom: 0;
    text-transform: none;
    height: 56px;
    margin: 0;
    line-height: 26px;
    margin-bottom: 15px;
}

#list .price {
    font-size: 20px !important;
    text-align: right;
}

#grid .product-grid .title {
    height: 60px;
    line-height: 24px;
}

#grid .product-grid .title {
    text-align: left;
    font-size: 15px;
    letter-spacing: 0;
}

    #list .title::before, #grid .product-grid .title::before {
        height: 0;
    }

#list .product-item-box {
    margin-bottom: 15px;
}

#list .product-image {
	/* max-width: 226px; */
	text-align: center;
}

#list .stickers {
	position: absolute;
	left: 15px;
	top: 0;
    text-align: left;
}

.section-big #list .product-image {
    max-width: 100%;
}

#list .section6 .add-to-cart a {
    position: relative;
    color: var(--siva);
    border-radius: 2px;
    padding-left: 40px;
    border: 1px solid #d4d4d4;
}

    #list .section6 .add-to-cart a:hover {
        color: var(--siva) !important;
    }

    #list .section6 .add-to-cart a i {
        color: var(--siva) !important;
    }

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

    #grid .product-item-box .product-item-buttons {
        opacity: 1;
        background: transparent;
    }

    #grid .product-item-box:hover h2.title a {
        color: var(--siva) !important;
    }

    #grid .product-item-box:hover h2.title {
        color: var(--siva) !important;
    }

    #grid .product-item-box:hover .price {
        color: var(--boja1) !important;
    }

    .product-grid .product-item-buttons li:first-child {
        left: 10px;
        bottom: 10px;
        transform: none;
        min-width: 160px;
        width: calc(100% - 20px);
        right: auto;
    }

    .product-grid .product-item-buttons li:nth-child(2) {
        top: 0;
        right: 0px;
        left: auto;
        z-index: 11;
        bottom: auto;
    }

    .product-grid .product-item-buttons li:nth-child(3) {
        bottom: auto;
        right: 0px;
        left: auto;
        top: 30px;
        z-index: 11;
    }

    .product-grid:not(#list) .product-item-buttons li:first-child a {
        font-size: 11px !important;
    }

    #grid .product-grid .title {
        font-size: 14px;
    }

    #grid .product-grid .price {
        font-size: 19px;
    }

    #grid .product-grid .product-image img {
        max-width: 160px;
    }

    #grid .product-grid .price {
        top: -15px;
    }

    #grid .product-grid .old-price {
        /*bottom: 10px;*/
    }
}

@media only screen and (max-width: 576px) {
    #grid .product-item-box {
        margin-bottom: 0px;
    }

    #grid .product-item {
        margin: 0px 0px 0px 0px;
    }

    .badge-izdvajamo {
        top: 10px;
        left: 60px;
        z-index: 12;
    }

    #product-page .badge-izdvajamo {
        left: auto;
    }

    .badge, .badge-new {
        top: 10px;
        left: 10px;
        z-index: 12;
    }

    #grid .product-grid .old-price {
        /*bottom: -3px;
        left: 0;*/
    }

    #grid .product-grid .price {
        top: -5px;
    }

    .product-grid .product-item-buttons li:nth-child(2) a i, .product-grid .product-item-buttons li:nth-child(3) a i {
        font-size: 20px;
    }

    .product-page-name {
        padding: 0;
    }

    .product-grid .product-content {
        min-height: 115px;
        margin-top: -50px;
        border-bottom: 2px solid transparent;
        margin-bottom: 45px !important;
    }

    .product-grid .product-item-buttons li a span {
        margin-left: 4px;
    }


    .product-relacija .product-grid .product-content {
        margin-top: -10px;
    }

    .quick-view-modal h2 {
        height: 45px;
    }

    .scrtop.active {
        z-index: 99;
    }

    .quick-view-modal h2 {
        font-size: 14px !important;
        margin-top: 6px !important;
    }

    .quick-view-modal .img-fluid {
        max-width: 200px;
    }
}

/* Filteri */
.mt-4.filteri, .btn.btn-filter {
    margin-top: -1px !important;
}

.filter-header {
    display: none;
}

.btn-filter {
    color: #fff !important;
    border-radius: 0;
}

.filteri {
    margin-bottom: 0;
}

.filterpanel .card {
    border: 0px solid var(--svijetlo-siva);
    border-radius: 0;
    margin: 0 0 2px 0;
    padding: 15px 5px;
}

.filterpanel .card-header {
    background-color: #fff !important;
}

.filter-row input[type="checkbox"] + label, input[type="radio"] + label {
    font-size: 14px;
}

.filteri .card-header h5 {
    font-size: 16px;
}

.noUi-connect {
    background: #6C757D;
    box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.21) !important;
}

.noUi-handle {
    border: 3px solid var(--boja1) !important;
    box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.21) !important;
}

.filteri #minPrice, .filteri #maxPrice {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .filterpanel picture {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .filter-header {
        display: block;
    }

        .filter-header .fa-times {
            color: white;
        }

    .filterpanel .card {
        padding: 0px 5px;
    }

    #product-list .row .col-lg-3.filterpanel {
        height: 100vh;
    }
}
/* Sections */

/* General */
.section h3, .component h3, .index-tabs .nav-tabs .nav-link, #index-blog-front .row > h3, .nav-item.nav-link, .nav-tabs .nav-link.active {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.nav-item.nav-link, .nav-tabs .nav-link.active {
    /*font-size: 1.1rem;*/
}

    .section h3::before, .component h3::before, .index-tabs .nav-tabs .nav-link::before, #index-blog-front .row > h3::before, .nav-item.nav-link::before, .nav-tabs .nav-link.active::before {
        content: '';
        height: 3px;
        background: var(--boja1);
        position: relative;
        display: block;
        margin: 0 auto 5px;
        min-width: 25px;
        width: 8%;
    }

.section-product-4 #grid .product-item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.section-grid-big {
    height: 655px;
}

    .section-grid-big .product-image img {
        /*max-width: 390px !important;*/
    }

.posebna-ponuda {
    background: rgb(235,235,235);
    background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 93%);
}

/* Section 4 */
.section-product-4 #list .product-item-big img {
    max-width: 155px;
    margin: 15px;
}

/* Section Big*/
.section-big .col-4 .product-grid .product-item-buttons {
    position: relative;
    top: 90px;
}

.section-big .col-4 .product-grid .product-content {
    top: -35px;
}

.section-big .col-4 .product-grid .title {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: center !important;
    height: 65px !important;
}

    .section-big .col-4 .product-grid .title span {
        line-height: 30px !important;
        height: 60px !important;
    }

.section-big .col-4 .product-grid .price {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center;
}

.section-big .col-4 .product-grid .old-price {
    position: relative !important;
    bottom: -65px !important;
    left: auto !important;
    margin: 0 auto;
    text-align: center;
    font-size: 14px !important;
}

.section-big .col-4 .product-grid .title {
    margin-top: 45px !important;
}

.section-big .col-4 .product-grid .product-item-buttons li:first-child {
    position: relative;
    bottom: 120px;
    left: auto;
    margin: 0 auto;
    min-width: 200px;
}

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

    .section-product-4 #list .product-item-big img {
        margin: 15px 40px 15px 0;
    }
}


/* Section 6 */
.section6 #list {
    align-items: center;
    background: #fff;
}

.section6 .product-item-buttons a {
    max-width: 200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0px 10px;
    position: relative;
}

.section6 .product-item-buttons {
    margin-top: 20px !important;
}

#list .product-item-buttons i {
    color: var(--siva);
}

.section-big #list .add-to-cart:hover i {
    color: #000;
}

.section-big #list .product-item-buttons i {
    color: #fff;
}

#list .product-item-buttons i {
    position: absolute;
    left: 10px;
    top: 8px;
}

.section6 #list .section-images img {
    margin-left: -15px;
}

.section6 h2 {
    margin: 35px 0;
}

    .section6 h2 a {
        font-size: 28px;
        color: var(--boja1);
    }

.section6 .price .old-price {
    /*font-size: 16px !important;
    color: var(--siva);*/
}

.section6 .price .real-price {
    font-size: 28px !important;
    font-weight: 700;
    color: var(--boja1);
}

@media only screen and (max-width: 991px) {
    .section6 #list .section-images img {
        margin-left: 0;
        margin-top: 15px;
        max-width: 300px;
    }

    .section6 h2 a {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .section6 #list .section-images img {
        max-width: 270px;
    }

    .section6 .section-product {
        padding: 15px !important;
    }
}

/* Forms */
.form-control:focus {
    border-color: var(--form-border-color);
    box-shadow: 0 0 0 .2rem var(--form-box-shadow);
}

/* Index Blog */
#index-blog-front {
    /*background: url(../img/blog-index.jpg) no-repeat center center;*/
    background: url(../img/photo.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

    #index-blog-front::before {
        /*content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom right, #fff, #ddd4d3);
        opacity: .2;*/
    }

    #index-blog-front .row > h3 {
        color: white;
    }

    #index-blog-front h2.card-img-overlay {
        position: relative;
        font-size: 16px;
        color: var(--siva);
        line-height: 24px;
        border-radius: 0;
        top: auto;
        bottom: 0;
        background: #fff;
        margin-bottom: 0;
        height: 80px;
        display: flex;
        align-items: center
    }

        #index-blog-front h2.card-img-overlay span {
            line-height: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-weight: 600;
            color: var(--secondary);
        }

            #index-blog-front h2.card-img-overlay span:hover {
                color: var(--siva);
            }

    #index-blog-front .card, #index-blog-front .card-img {
        border-radius: 0;
        height: auto;
        object-fit: cover;
    }

#indexblog img {
    margin: auto;
}

#index-blog-front .no-gutters > .col, #index-blog-front .no-gutters > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}

.card {
    border: 0;
}

#index-blog-front.container {
    /*padding-right: 0;
    padding-left: 0;*/
}

#index-blog-front .card .card-img {
    /*max-height: 300px;
    min-height: 300px;*/
}

/* Blog */
#blog .blog-grid {
    padding: 0;
    /*height: 385px;*/
    background: #fff;
}

#blog .blog-text {
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    margin-top: -65px;
}

#blog .blog-title {
    top: -71px;
    background: transparent;
    border-top: 0;
    padding: 0 15px;
    width: 100%;
    text-align: left;
}

    #blog .blog-title h2 a {
        color: #fff;
        text-shadow: 1px 1px #000;
    }

/* Blog manage*/
.delete-blog {
    display: flex;
    justify-content: center;
    flex-flow: row;
    margin-bottom: 50px
}

#blog-edit .form-group.float-right {
    display: flex;
    flex-flow: row;
}

    .delete-blog button, #blog-edit .form-group.float-right .btn-type1 {
        margin-right: 5px;
    }

#blog-edit .btn.btn-type1 {
    max-width: 215px;
}

/* Single blog */
#blog-page .text.new-line a, #blog-page .text.new-line a:active, #blog-page .text.new-line a:focus, #blog-page .text.new-line a:visited {
    color: var(--boja1);
}

#blog-page .text {
    font-size: 16px;
    line-height: 24px;
    padding: 40px;
    background: white;
    margin-bottom: 60px;
    box-shadow: 5px 5px 5px #00000008;
    font-family: var(--black);
}


@media screen and (max-width:576px) {
    #blog .blog-title {
        top: 0;
    }

    #blog .blog-grid h2 {
        padding: 17px 0 0px 0;
    }

    #blog .blog-title h2 a {
        color: #000;
        text-shadow: none;
    }

    #blog .blog-text {
        margin-top: 0;
    }

    #blog-page .text {
        margin-top: 0;
        padding: 20px 15px 20px 15px
    }
}

#blog-page .image {
    padding: 0 !important;
}

#blog-page h1 {
    color: var(--boja1);
    font-size: 30px;
}

#blog-page .title .date {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

#blog-page .image {
    text-align: center;
}

@media screen and (max-width:576px) {
    #blog-page .text {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* Index manufacture slider */
.index-manifacture-slider {
    background: #2C2C2C;
}

    .index-manifacture-slider .slick-slide {
        background: #fff;
        padding: 20px 10px;
        margin: 0 10px;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .index-manifacture-slider .index-manufacture-logo img {
        height: 35px;
    }

/* Cart Top */
.cart-top-content-opened {
    -webkit-transform: none;
    transform: none;
    z-index: 1500;
}

.cart-top-content {
    position: fixed !important;
    padding: 10px !important;
    width: 380px;
    border-radius: 0 !important;
    top: 0 !important;
    right: 0 !important;
    left: auto;
    height: 100vh;
    margin: 0 !important;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.15);
    -webkit-transform: translate3d(380px,0,0);
    transform: translate3d(380px,0,0);
    -webkit-transition: transform .25s ease,visibility 0s ease .25s;
    transition: transform .25s ease,visibility 0s ease .25s;
    display: block !important;
}

.cart-top-close {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.7);
    z-index: 1450;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
}

    .cart-top-close.opened {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }

.dropdown-menu.cart-top-content {
    /*right: 380px !important;*/
}

.cart-top-content-opened {
    -webkit-transform: none;
    transform: none;
    z-index: 1500;
}

/* Cart & Checkout */
#vsc-order .header {
    background-color: var(--siva);
}

.btn-type1 {
    background-color: var(--boja1) !important;
    color: var(--siva);
}

#orderheader .top-login.dropdown i {
    color: var(--boja1);
}

#checkout .adresa-dostave {
    background: var(--white);
    border-radius: 3px;
    padding: 15px;
    margin-left: 30px;
}

    #checkout .adresa-dostave .naziv {
        font-size: 16px;
        margin-bottom: 15px;
    }

.adresa-dostave li {
    font-size: 13px;
    color: var(--siva);
}

#checkout h2 {
    margin-bottom: 15px;
}

#checkout .napomena {
    font-size: 12px;
    color: black;
    font-style: italic;
    background: #fff;
    padding: 10px 15px;
}

#checkout .toggle {
    border-bottom: 1px solid #d8d8d8;
}

#checkout .filter-row {
    margin: 0 2px 4px 0px;
}

.napomenacheckout span {
    font-size: 14px;
}

/* Pagination */
.pagination-container > .row {
    justify-content: space-between;
}

.page-link {
    background-color: transparent;
    border: 0;
}

.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.page-item.active .page-link {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--boja1) !important;
}

.page-link:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--boja1);
}

/* Product Page */
#product-page {
    padding: 0px 15px;
}

    #product-page + .product-tabs .nav-item.nav-link {
        font-size: 1.1rem;
    }

    #product-page + .product-tabs .nav-item.nav-link {
        border-bottom: 20px solid #dfdfdf;
    }

        #product-page + .product-tabs .nav-item.nav-link.active {
            border-bottom: 20px solid var(--boja1);
        }

        #product-page + .product-tabs .nav-item.nav-link::before {
            display: none;
        }

    #product-page.quick-view-modal {
        padding: 15px 15px;
    }

.quick-view-modal h2 {
    font-size: 20px;
    margin: 15px 0;
    height: 30px;
}

#product-page .badge {
   /*width: 60px;
    height: 60px;
    font-size: 16px !important;*/
}

#product-page .col-slike {
    background: #fff;
}

#product-page .slike {
    margin-bottom: 40px;
}
    /* STICKERS */
    #product-page .slike .stickers {
        list-style: none;
        z-index: 90;
        position: absolute;
        right: 10px;
        top: 10px;
    }

        #product-page .slike .stickers img {
            /*max-width: 50px !important;
            height: 100%;*/
        }

@media screen and (max-width:576px) {
}

#product-page .slike #carousel1 {
    margin-left: auto;
    margin-right: auto;
}

#product-page .slike .carousel-indicators {
    bottom: -50px;
}

    #product-page .slike .carousel-indicators li {
        background: #fff;
        border-radius: 100px;
        padding: 0;
        min-width: 0;
        width: 18px;
        height: 18px;
        display: block;
        border: 2px solid #e8e6ef;
        text-indent: -99999999px;
    }

    #product-page .slike .carousel-indicators .active {
        background: var(--boja1);
        border-radius: 100px;
        padding: 0;
        min-width: 0;
        width: 18px;
        height: 18px;
        display: block;
        border: 2px solid #fff;
        text-indent: -99999999px;
    }

#product-page .opis {
    white-space: pre-line
}

#product-page .right-content {
    padding: 0 20px;
    flex-direction: column;
    display: flex;
}

@media screen and (max-width:576px) {
    #product-page .right-content {
        padding: 0px;
    }
}

#product-page p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 15px;
}

#product-page .price {
    font-size: 36px;
    font-weight: 500;
}

    #product-page .price span {
        /*        color: var(--boja1) !important;
        font-weight: 600;*/
    }

#product-page .sifra {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

    #product-page .sifra span {
        /*color: var(--boja1)*/
    }

#product-page .jednokratno-napomena {
    font-weight: 600;
    color: var(--crveno);
    margin-top: 3px;
}

#product-page .opcije-simple label {
    width: 100px;
}

#product-page .opcije {
    margin: 30px 0;
}

    #product-page .opcije .opcije-naziv {
        font-weight: 700;
    }

    #product-page .opcije .attribute-description {
        font-size: 14px;
        margin: 5px 0;
    }

    #product-page .opcije select {
        height: 38px;
        border: 1px solid #e0e2db;
        font-size: 14px;
        width: 160px;
        background: url(../img/arrow-down.svg) right 20px center no-repeat;
        background-size: 11px auto;
    }

    #product-page .opcije .opcije-naziv {
        margin-bottom: 10px;
    }

    #product-page .opcije .opcije-radio label, #product-page .opcije .opcije-checkbox label {
        width: 100%;
    }

    #product-page .opcije span.required {
        margin-left: 10px;
        color: red;
    }

    #product-page .opcije .attribute-squares {
        font-size: 0;
        padding-left: 0px !important;
    }

        #product-page .opcije .attribute-squares li {
            display: inline-block;
            margin: 0 10px 10px 0;
        }

        #product-page .opcije .attribute-squares label {
            display: block;
            margin: 0 !important;
            overflow: hidden;
        }

        #product-page .opcije .attribute-squares .attribute-square {
            width: 32px;
            height: 32px;
            border: 1px solid white;
            cursor: pointer;
            display: block;
        }

        #product-page .opcije .attribute-squares .selected-value .attribute-square {
            width: 32px;
            height: 32px;
            border: 1px solid var(--siva);
            cursor: pointer;
            display: block;
        }

        #product-page .opcije .attribute-squares li.selected-value span span::before {
            border: 1px solid white;
            display: block;
            width: 32px;
            height: 32px;
            color: #fff !important;
            border: 0px solid #e0e2db;
            text-align: center;
            content: "\f00c";
            font-family: "Font Awesome 5 Pro";
            font-size: 14px !important;
            font-weight: 700;
            line-height: 32px;
            transition: all .3s;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
        }

        #product-page .opcije .attribute-squares li.selected-value span span::before {
            background-color: var(--filter-color);
            border-color: var(--filter-color);
            color: #fff !important;
        }

#product-page .qty {
    padding: 5px 10px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 60px;
}

    #product-page .qty:hover {
        border: 1px solid #e8e6ef !important;
    }

#product-page .minus, #product-page .plus {
    font-size: 24px;
    font-weight: 700;
    padding: 0 10px;
}

    #product-page .minus:hover, #product-page .plus:hover {
        color: var(--boja2);
    }

#product-page .quantity {
    float: left;
    margin-right: 30px;
}

#product-page .btn-buy {
    float: left;
    line-height: 50px;
}

    #product-page .btn-buy button {
        font-family: var(--bold);
        background-color: var(--siva);
        border-radius: 2px;
        color: white;
        padding: 0px 20px;
        font-size: 18px;
        font-weight: 700;
        border: 0px;
    }

        #product-page .btn-buy button:hover {
            background-color: var(--boja2);
            cursor: pointer;
        }

    #product-page .btn-buy i {
        margin-right: 10px;
    }

    #product-page .btn-buy a {
        font-family: var(--bold);
        background-color: var(--siva);
        border-radius: 2px;
        color: var(--svijetlo-siva);
        padding: 0px 20px;
        font-size: 18px;
        font-weight: 500;
        border: 0px;
        line-height: 50px;
        display: block;
        margin-right: 10px;
        transition: all .3s;
    }

        #product-page .btn-buy a:hover {
            background-color: var(--boja1);
            cursor: pointer;
            transition: all .3s;
        }


#product-page .carousel-control-next, .carousel-control-prev {
    /*top: auto;*/
    top: 100%;
}

#product-page .carousel-control-next {
    right: 38%;
}

#product-page .carousel-control-prev {
    left: 38%;
}

#product-page .carousel-control-prev-icon, .carousel-control-next-icon {
    background: none;
    background-color: transparent !important;
}

#product-page .carousel-control-next-icon::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    color: #000;
    font-size: 50px;
}

#product-page .carousel-control-prev-icon::before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    color: #000;
    font-size: 50px;
}

#product-page .product-container {
    padding-top: 0px;
    margin-left: 0;
    margin-right: 0;
    min-height: 400px;
}

#product-page .manufacture-title {
    font-size: 45px;
    font-weight: 600;
    transform: rotate(-90deg);
    text-align: center;
    margin: 0;
    color: #C2C2C2;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#product-page .btns-favcom {
    display: flex;
    flex-flow: row;
    margin-top: 15px;
}

@media only screen and (max-width: 1199px) {
    #product-page .product-container {
        /* background: none;*/
    }

    #product-page .manufacture-title {
        font-size: 35px;
        top: 25%;
        right: -66%;
        letter-spacing: 7px;
    }

    #product-page h1.c-title {
        font-size: 28px;
        line-height: 35px;
    }
}

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

    #product-page .quantity {
        margin-right: 10px;
    }

    #product-page .btn-buy a {
        padding: 0px 10px;
        margin-right: 0px;
    }

    #product-page .btn-buy i {
        display: none;
    }

    #product-page .product-tabs .nav-tabs .nav-link {
        width: 50%;
    }
}


@media only screen and (max-width: 991px) {
    #product-page .manufacture-title {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    #product-page h1.c-title {
        font-size: 19px !important;
        line-height: 24px !important;
    }

    #product-page .sifra {
        font-size: 12px;
    }

    #product-page p {
        font-size: 13px;
        line-height: 20px;
    }

    #product-page .btn-buy a {
        font-size: 14px;
    }

    #product-page {
        padding-top: 0;
    }
}

#product-page .btn-favorites, #product-page .btn-compare {
    float: left;
    padding: 0;
    border: 0;
    position: relative;
    margin-right: 20px;
    line-height: 44px;
}

    #product-page .btn-favorites:hover, #product-page .btn-compare:hover {
        border: 0;
    }

    #product-page .btn-favorites a, #product-page .btn-compare a {
        font-size: 14px;
    }

    #product-page .btn-favorites:hover a, #product-page .btn-compare:hover a {
    }

    #product-page .btn-favorites a i, #product-page .btn-compare a i {
        margin-right: 10px;
    }


#product-page .bodovi-vjernost {
    padding: 20px 15px;
    font-size: 13px;
    float: none;
}

#product-page .loyalty-txt {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    display: block;
    width: auto;
    float: none;
}

#product-page .buy-btns {
    border-bottom: 1px solid #C2C2C2;
}

@media screen and (max-width:576px) {
    #product-page .buy-btns {
        margin-left: 0;
    }
}

#product-page .dostava {
    font-size: 15px;
}

    #product-page .dostava span {
        font-weight: 700;
    }

    #product-page .dostava i {
        margin-right: 10px;
        color: var(--siva);
    }

#product-page .napomena {
    padding: 0px 15px;
    font-size: 14px;
    float: none;
}

    #product-page .napomena span {
        font-weight: 700;
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

/* PRODUCT TABS */
#product-page .product-tabs {
    background-color: #f9f9f9;
}

    #product-page .product-tabs .tab-content {
        padding: 15px;
    }

    #product-page .product-tabs .nav-tabs {
        background-color: #f9f9f9;
        border-bottom: 0px #f9f9f9 solid;
    }

    #product-page .product-tabs .nav-fill .nav-item {
        flex: none
    }

    #product-page .product-tabs .nav-tabs .nav-link {
        display: block;
        padding: 15px 30px;
        background: #f9f9f9;
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        outline: none;
    }

        #product-page .product-tabs .nav-tabs .nav-link:hover {
            border-color: transparent;
        }

        #product-page .product-tabs .nav-tabs .nav-link.active {
            background: var(--boja2);
            color: #fff;
        }


#quickpage .artikl {
    font-size: 18px;
    text-transform: none !important;
    font-weight: 700;
    padding-bottom: 10px;
}

/* COMPARE */
#compare .btn.btn-type1 {
    margin-right: 5px;
}

/* USER PAGES*/
#socialLoginList p {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

#socialLoginList button {
    margin-right: 5px;
    margin-bottom: 5px;
}

/* COUNTDOWN */

#product-page .timer {
    margin: 20px 0 10px 0;
}

    #product-page .timer .cdown {
        display: inline-block;
        margin: 0 12px 0px 0;
        font-weight: 300;
        text-transform: capitalize;
        font-size: 14px;
        text-align: center;
        background: #243238 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
    }

        #product-page .timer .cdown span {
            color: #fff;
            display: block;
            line-height: 30px;
            text-align: center;
            width: 50px;
            font-size: 18px;
            font-weight: 700;
        }

/* UPIT */

#product-page #upit .upit-btn {
    cursor: pointer
}

#product-page #upit textarea {
    height: 150px;
}

#product-page h1.c-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

#product-page .price {
	font-size: 26px;
    font-weight: 600;
	display: flex;
	flex-flow: column;
	margin-top: 10px;
}

.pricelow > span + span {
    padding-left: 5px;
}

#product-page .price-discount-info {
    font-size: 15px;
}

#product-page .price-discount {
    font-size: 15px;
}

    #product-page .price-discount span:first-child {
        font-weight: 700;
    }

    #product-page .price-discount span:last-child {
        font-size: 18px;
        font-weight: 600;
        color: #17b841;
    }

#nav-tabContent .container-xl.opis, #nav-review .container-xl {
    font-family: var(--bold);
    font-size: 16px;
    line-height: 22px;
    background: #fff;
    padding: 30px;
}

    #nav-tabContent .container-xl.opis ul > li {
        list-style-position: inside;
    }

/* KOLIČINSKI POPUST */

#product-page .table td, #product-page .table th {
    padding: 5px 10px !important;
}

/* TAGOVI */
.tagovi {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

    .tagovi .btn-tag {
        background-image: linear-gradient(to right bottom,#fca506,#faa407,#f8a407,#f6a308,#f4a209);
        padding: 5px 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 10px 10px 0;
        font-size: 13px;
        text-transform: uppercase;
        box-shadow: 1px 1px 0 rgba(0,0,0,.4);
        color: #000;
    }

        .tagovi .btn-tag::after:hover, .tagovi .btn-tag:active, .tagovi .btn-tag:focus {
        }

/* Banners */
.banner-index-bottom.no-gutters img {
    max-width: 250px;
}

.banner-index-bottom.no-gutters {
    padding: 15px 0;
    background: white;
}

.banner-index-bottom .col-12.col-sm-6:first-child {
    display: flex;
    justify-content: flex-end;
}

.banner-index-bottom .col-12.col-sm-6:last-child {
    display: flex;
    justify-content: flex-start;
}

/* Cookies */
#vsccookieConsent input[type="checkbox"]:not(:checked) + label::before {
    color: #000;
}

/* Loyalty banner*/
#loyalty-footer {
    margin-top: 60px;
}

#index-page #loyalty-footer {
    margin-top: 0;
}

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

    #loyalty-footer .right::after {
        display: none;
    }

    #loyalty-footer .left, #loyalty-footer .left > div {
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1300px) {
    #loyalty-footer .right {
        padding: 30px 0 30px 30px;
    }

        #loyalty-footer .right a.btn {
            margin-left: 0;
        }

    #loyalty-footer .left img {
        margin-left: 30px;
    }

    #loyalty-footer .left span {
        font-size: 28px;
        margin-left: 20px;
        margin-right: 0;
    }
}

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

    #loyalty-footer .left > div {
        flex-flow: column;
    }

    #loyalty-footer .left img {
        max-height: 80px;
    }

    #loyalty-footer .left span {
        font-size: 26px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #loyalty-footer .right a.btn {
        margin-top: 0px;
        padding: 5px 40px !important;
        margin-bottom: 15px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    #loyalty-footer .left span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 576px) {
    #loyalty-footer .left {
        display: none;
    }

    #loyalty-footer .right {
        margin: 0 auto;
    }

        #loyalty-footer .right .text-left p span {
            font-size: 18px;
            line-height: 26px;
        }
}

/* FAQ Page */
#faq .odgovor {
    padding: 15px 20px;
}

    #faq .odgovor p {
        font-size: 14px;
    }

/* Footer */
footer {
    padding: 30px 0 15px 0;
}

    footer h4 {
        color: var(--svijetlo-siva);
    }

    footer .social i {
        color: var(--boja1);
        font-size: 38px !important;
        margin-bottom: 0px;
    }

    footer .eu-oznake img {
        height: 80px;
    }

    footer a, footer li, .vsc {
        color: #909090;
    }

    footer .pagelist li {
        min-width: 150px;
    }

    footer .kartice {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0px;
    }

        footer .kartice a img {
            height: 35px;
            padding: 4px;
            background: white;
        }

.footer-info p {
    font-size: 13px;
}

.mathema {
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    footer .kartice a img {
        margin: 5px 5px;
    }

    footer .inforow {
        padding-bottom: 0;
    }

    footer .footer-info {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 576px) {
    footer .kartice {
        text-align: right;
    }
}

/* Animation */
@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}