@charset "utf-8";
html, body{font-family:'Muli',sans-serif; font-weight:300; color:#353535; font-size:15px; line-height:30px; word-wrap:break-word; background:#fff; position:relative;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h1::after{}
.h1{font-weight: 700; font-size: 30px; line-height: 36px; margin: 0 0 40px 0; text-align: center;}
h2{font-weight:700; font-size:24px; line-height:1.4; margin:40px 0 20px 0;}
h2::after{}
.h2{font-weight:700; font-size:24px; line-height:1.4; margin:40px 0 20px 0;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 15px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
.toggleMenu{display:none; font-size:14px; padding:10px; position:fixed; top:10px; left:10px; cursor:pointer; z-index:5;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.rotate-scale-up{-webkit-animation:rotate-scale-up .65s linear both;animation:rotate-scale-up .65s linear both}
@-webkit-keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}
.delimiter{background: #b93089; width: 1px; height: 60px; display: block; margin: 0 auto 10px auto;}
.underline{text-decoration:underline;}
.centerText{text-align:center;}
.onlyMob{display:none;}
.nonMob{display:inherit;}
.bodyOverlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.5); z-index: 2; display:none;}
.move{left: 200% !important;}
.whishIcon{position: absolute;top: 0;right: 0;font-size: 20px;text-align: center;transition: all 0.3s linear 0s;width: 30px;cursor: pointer;}
.productHolder:hover .whishIcon{top:20px; right:20px;font-size: 24px;color: #c4282c;}
.removeFromWL{color: #c4282c;}
.mobileHeart{float: right;margin: 24px 20px 0px 0px;font-size: 17px;}
.mobileHeart .wlCount {font-size: 15px;position: relative;top: 5px;}

header{padding:0; position:fixed; z-index:2; background:#fff; right:0; left:0; top:0; border-bottom: 2px solid #eee;}
header.short{background: #fff; border-bottom: 1px solid #e4e4e4;}
.headerTop{background:#f2f2f2; padding:10px 20px; color: #000; font-size: 12px; line-height:1; font-weight:400;}
.headerTop .topInfo{float: left;}
.headerTop .topInfo .socialItem{float: left; width: 15px; margin: 0 15px 0 0;}
.headerTop .topInfo .telItem{float: left; margin: 0 15px 0 0;}
.headerTop .topLngHolder{float:right;}
.headerTop .topLngHolder .thumb{width: 18px; float: left; margin: 2px 15px 0 0;}
.headerTop .topLngHolder .title{font-size: 12px; line-height: 15px; float: left; margin: 0 5px 0 0;}
.headerTop .topLngHolder .icon{font-size: 7px; line-height: 15px; float: left;}
.headerSearchForm{border: 1px solid #c3c3c3; border-radius: 3px; width: auto; overflow: hidden; float: left; margin:25px 0;}
.headerSearchForm input{border: none; padding: 0 10px; width: 170px; float: left; height: 30px; font-size: 12px; line-height: 30px; font-weight: 400;}
.headerSearchForm button{border: none; float: right; background: none; width: 30px; padding: 0; margin: 0; height: 30px; font-size: 12px; color: #c3c3c3;}
.headerLogo{width:180px; position: absolute; display:block; margin:25px auto; left: 50%; margin-left: -90px;}
.headerLogoTwo{width:100px; position: absolute; opacity:0; display:block; margin: 10px auto; left: 50%; margin-left: -50px;}
#cart_widget.invert{background:#333; -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}
#cart_widget.invert img{filter:invert(100);}
.cartHolder{float: right; margin:30px 20px 30px 0;}
.cartHolder .icon{float: left; width:17px;}
.cartHolder .cartTotal{float: left; color: #61c7d6; font-weight: 400; font-size: 14px; line-height: 20px;}
.cartHolder .cartTotal .wfCartTotal{}
.triggerSearch{float: right; margin:30px 20px 30px 0; width:17px;}
.categoryButton{display: block; float: left; margin: 30px 20px; font-size: 17px; line-height: 1; color: #000; font-weight:900; cursor:pointer;}
.categoryButton.open i{transform:rotate(180deg) translateY(-3px);}
.headerBehind{margin:0;}

.menuHolder{padding:0 5%; border-top: 1px solid #eee; background:#fff; position: absolute; display: none;}
.headerMenu{margin:0; padding: 0; list-style:none; display:flex; width:100%;}
.headerMenu>li{margin:0; position:relative; width:calc(100% / 8); padding:15px 20px 0 15px;}
.headerMenu>li:not(:first-child)::before {content: ""; position: absolute; left: 0; top: 20px; bottom: 0; width: 1px; background:#eee;}
.headerMenu>li:hover .subCat{display:block;}
.headerMenu>li:last-child{margin:0;}
.headerMenu>li>a{font-size:16px; line-height:1; font-weight:900; color:#000; display:block;}
.headerMenu>li>a.forced{padding:0 0 15px 0;}
.headerMenu>li .fa{display:none; position: absolute; top: 5px; right: 10px; font-size:14px; width: 30px; height: 30px; color: #000; text-align: center; line-height: 30px; border-radius: 3px;}
/*.headerMenu>li:hover>a{color:#88daf0}*/
/*header.short .headerSearchForm{margin:24px 0;}*/
header.short .headerLogoTwo{opacity: 1;}
header.short .headerLogo{opacity: 0;}
/*header.short .cartHolder{margin:30px 0;}*/
header.short .headerMenu{}

.headerMenuTop{margin:0; padding: 0; list-style:none; text-align:right;}
.headerMenuTop>li{margin: 0 0 0 calc(10vw/16.8); position:relative; display:inline-block;}
.headerMenuTop>li>a{font-size:13px; color:#000; display:block; font-weight: 600;}
.topInfo img {filter: brightness(0);}

.subCat{padding: 15px 0 0 0; overflow:hidden;}
.subCat li{display: block; float: left; width: 100%;}
.subCat li a{/*white-space:nowrap;*/padding:5px 0px; font-size:13px; line-height:16px; display:block;}
.subCat li a:hover{text-decoration:underline;}
.headerContactHolder{text-align: center; padding: 10px; font-size: 12px; font-weight: 600; color:#000;}
.headerContactHolder .phonesHolder{display: inline-block; margin: 0 10px;}
.headerContactHolder .phonesHolder a{margin: 0 10px;}
.headerContactHolder .socialHolder{display: inline-block; margin: 0 10px; font-size: 17px;}
.headerContactHolder .socialHolder a{margin: 0 5px;}

.mainBannerHolder{position:relative;}
.pageBannerHolder, .pageBannerEmpty{margin:0 0 60px 0;}

.teaserHolder{padding: 60px 0 0 0;margin-bottom: 60px;}
.teaserHolder .buttonHolder {padding: 25px 0;text-align: center;}
.teaserHolder .buttonHolder a{    padding: 10px 25px;
    border: 3px solid #7e7e7e;
    color: black;
    outline: none;
    font-weight: 900;}

.homeProductsHolder{margin:0 0 60px 0; padding: 60px 0 0 0; position: relative;}
.homeProductsHolder::after {position: absolute;content: "";width: 100%;height: 1px;border-radius: 2px;background: #e6e6e6;bottom: 0;left: 50%;transform: translateX(-50%);}
.viewedProductsHolder {display: flex;flex-wrap: wrap;}
.viewedProductsHolder .productHolder {width: 25%;}
.productHolder{position:relative; padding:0 0 40px 0;}
.productHolder:nth-child(5n){margin:0;}
.productHolder .new{position:absolute; top:0; left:0; width:50px; height:50px; border-radius:50%; font-size:10px; line-height:50px; text-align:center; color:#fff; font-weight:700; background: #83d1ff;}
.productHolder .sale{position:absolute; top:0; left:0; width:50px; height:50px; border-radius:50%; font-size:16px; line-height:50px; text-align:center; color:#3c3c3c; font-weight:700; background:#fff14b;letter-spacing:-1px;}
.productHolder .soon{position:absolute; top:0; left:0; width:50px; height:50px; border-radius:50%; font-size:10px; line-height:50px; text-align:center; color:#fff; font-weight:700; background:#aac8de;}
.productHolder .soldout{position:absolute; top:0; left:0; width: 100px; height: 40px; border-radius: 5px; font-size: 10px; line-height: 40px; text-align:center; color:#fff; font-weight:700; background:#e44f50;}
.productHolder .thumb{width: 85%; display: block; margin: 0 auto 20px auto;}
.productHolder .title{color: #707070; font-size:14px; line-height:1.2; height:40px; width:70%; display: block; margin: 0 auto 20px auto; text-align: center; font-weight:300; text-transform:uppercase;}
.productHolder .pricesHolder{width:70%; margin:0 auto 20px auto; text-align:center;}
.productHolder .pricesHolder .regularPrice{font-size:14px; line-height:1.2; font-weight:700; color:#000;}
.productHolder .pricesHolder .oldPrice{font-size: 14px;line-height: 1.2;font-weight: 700;color: #8f8f8f;text-decoration: line-through;}
.productHolder .button{font-size: 12px; line-height: 14px; padding: 5px 10px; border-radius: 5px; background: #f3f3f3; display: table; margin: 0 auto; opacity:0;}
.productHolder:hover{-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.2);}
.productHolder:hover .button{opacity:1;}
.productHolder:hover .new{top:20px; left:20px; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.2);}
.productHolder:hover .sale{top:20px; left:20px; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.2);}
.productHolder:hover .soon{top:20px; left:20px; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.2);}
.productHolder:hover .soldout{top:20px; left:20px; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.2);}

.homeTextHolder{margin:0 auto 60px auto; padding:120px 0; width:86%;}
.homeTextHolder .title{font-size: 30px; line-height: 34px; font-weight: 700; color: #fff; margin: 0 0 40px 0;}
.homeTextHolder .text{}
.homeTextHolder .text ul{margin:0 0 20px 0; padding:0; list-style:none;}
.homeTextHolder .text ul li{position: relative;}
.homeTextHolder .text ul li:before{font-family:'FontAwesome'; content:'\f00c'; margin:0 15px 0 0; color:#fff; font-size:12px; line-height:12px;}

.homeNewsHolder{}
.homeNewsHolder .newsHolder{text-align:center; padding:0 20px 20px 20px;}
.homeNewsHolder .newsHolder .thumb{width:150px; display:block; margin:0 auto 20px auto;}
.homeNewsHolder .newsHolder .title{font-size:20px; font-weight:700; line-height:24px; color:#fbb568; margin:0 0 20px 0; display:block;}
.homeNewsHolder .newsHolder .text{font-size:14px; line-height:20px; position:relative; padding:0 0 20px 0;}
.homeNewsHolder .newsHolder .text:after{position:absolute; content:""; height:1px; width:40%; background:#fbb568; bottom:0; margin:0 0 0 -20%; left:50%;}

/* Homepage Tabs */
.bannerSHolder .sBanner {
    display: flex;
    justify-content: space-between;
}
.bannerSHolder .singleBanner {
    width: calc(calc(100% - 25px)/3);
    position: relative;
}
.bannerSHolder .singleBanner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top,rgba(4,4,4,.65),rgba(54,54,54,.2));
}
.bannerSHolder .singleBanner .text {
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: white;
    padding: 40px;
}
.bannerSHolder .singleBanner .text p:nth-of-type(1) {
    font-size: 14px;
    font-weight: 600;
}
.bannerSHolder .singleBanner .text p:nth-of-type(2) {
    font-size: 18px;
    font-weight: 600;
}
.bannerSHolder .singleBanner .text a {
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: .2em;
    font-weight: 400;
    background-color: transparent;
    transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
    border-color: white;
}

/* Homepage About */
.aboutWrapper .aboutImage{float: left; margin: 0 20px 20px 0; max-width: 400px;}

/*.visitUs{background: url(../img/posetite-nas.jpg) no-repeat 50% 50% / cover; height: 26vw; display: block;}
.visitUs img{display:none;}*/
.visitUs{width:100%; height: 400px;}

.brendHolder{padding:60px 0; margin:0 0 60px 0;}
.brendHolder .mainTitle{font-weight: 900; font-size: 30px; color:#000; width: 100%; text-align: center; margin: 0 0 40px 0;}
.brendHolder .thumb{display: block; float:left;}
.brendHolder .thumb:nth-child(4n){margin:0;}

.homeText{text-align:center;}

main{margin:0 0 60px 0;}
main.pageContent{padding:50px 0; background-repeat: no-repeat; background-position: 0 100%;}
main.pageContent h1{text-align:left;}
main.pageContent .pageText{font-size: 15px; color:#000; width: 80%; line-height: 1.4; text-align:left;}
.bannerText{position:absolute; top:50%; left:10%;}
.bannerText .large{font-size: 50px; line-height: 38px; font-weight: 700; color: #1a262e;}
.bannerText .small{font-size: 30px; line-height: 22px; font-weight: 700; color: #328934; margin: 0 0 30px 0;}
.bannerText .button{color: #fff; font-size: 24px; line-height: 20px; display: block; float: left; padding: 18px 25px; background: #800164; border-radius: 15px; font-weight: 100;}

.pageText{text-align:justify;}
.pageText a{text-decoration: underline;}
.pageText a:hover{text-decoration: none;}

/* Brend */
.brendOpis{margin:0 0 60px 0;}
.brend-label
{
    font-weight: 700;
    font-style: italic;
    margin: 0;

}

/* Proizvod */
.additionalImagesHolder{width:100%; float:left;}
.productThumbsHolder{width:100%; float:right; display:block;}
.productThumbsHolder .galleryThumb{}
.proizvodSmallThumb{display: block; width:20%; margin:0; float: left;}
.productInformation{padding: 40px; background: #ffffff; overflow:hidden; /*border:1px solid #8b165d;*/}
.productInformation .h1 {margin:0; font-weight: 700; font-size: 20px; padding:0; text-align: left; width: 100%; line-height:1.6;}
.productInformation .sifraProizvoda{margin: 0 0 30px 0; font-size: 12px; font-style: italic; color: #666; line-height:1.3;}
.productInformation .priceCartHolder{overflow:hidden; border-bottom:1px solid #ddd; padding:0 0 20px 0; margin:0 0 20px 0;}
.productInformation .priceHolder{margin:0 0 20px 0; line-height:1.2;}
.productInformation .priceHolder .price {font-size: 14px; font-weight: 700; margin:0;}
.productInformation .priceHolder .priceOld {font-size: 14px; font-weight: 700; margin:0;text-decoration: line-through;color: #848484;margin-bottom: 10px;}
.productInformation .priceHolder .oldPrice{color:#999;font-size:12px;font-weight:400;line-height: 14px;text-decoration: line-through;margin:0px; background:#f2f2f2; border-top:1px solid #fff; padding:7px; text-align:center;}
.productInformation .buttonsHolder{width: 50%;}
.productInformation .buttonsHolder .button{color:#fff;padding:8px;display:block;cursor:pointer; background:#648ba8; font-size:12px; line-height:16px; width: 100%; text-align: center; font-weight: 400;}
.productInformation .buttonsHolder .button .icon{float: left; width: 20px;}
.productInformation .buttonsHolder .soldout{width: 100px; height: 40px; border-radius: 5px; font-size: 14px; line-height: 40px; text-align:center; color:#fff; font-weight:700; background:#e44f50; display:block;}
/*.productInformation .buttonsHolder .button .text{float: right;line-height: 20px;margin: 0 0 0 10px;font-weight: 400;}*/
.productInformation .dodatneInformacije{border-bottom: 4px double #ccc; border-top: 4px double #ccc; clear:both; padding:15px 0; float: left;width: 100%; margin:30px 0 0 0;}
.productInformation .dodatneInformacije p{margin:0 0 10px 0; font-size:14px; line-height:16px;}
.productInformation .dodatneInformacije p:last-child{margin:0;}
.productInformation .thumbBrend{display:block; margin:0 0 20px 0;}
.productInformation .opisHolder{clear: both;margin:0;float: left;padding:0; line-height:16px; font-size:13px; font-weight:400;}


/* Breadcrumb */
.bcPro{margin-bottom:20px;}
.breadcrumb{color:#999; font-size: 11px; font-weight: 400; line-height:4;}
.breadcrumb .fa{margin:0 10px 0 0; font-size: initial;}

/* Kategorija */
.categoryBannerHolder{margin:0 0 20px 0;}
.subCategoriesHolder{margin:0 0 80px 0;}
.kategorijaTitle{margin:20px 0;}
.subCategoryHolder{overflow: hidden; display:inline-block; margin:0 5px;}
.subCategoryHolder .title {
    display: block;
    color: #000000;
    border: 1px solid #efefef;
    text-align: center;
    font-weight: 400;
    width: 180px;
    background-color: #efefef;
    font-size: 13px;
    padding: 5px 0 5px 0;
    line-height:15px;
    margin:0 0 10px 0;
}
.povezaniHolder{margin:50px 0 0 0;}
.povezaniHolder .mainTitle{font-weight: 700; font-size:16px; color: #6d6d6d; border-bottom: 1px solid #f0f0f0; width: 100%; text-align:center;}

p.owl-text-cat {
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    margin-top: -50px;
    margin-bottom: 30px;
}
.subCategoryHolder .title.active
{
	background-color:#75cce7;
	color:#fff;
}
.subCategoryHolder .thumb{display: block; overflow: hidden; border: 1px solid #ccc;}
.subCategoryHolder .thumb img{width: 200%; margin: 0 0 0 -50%;}

/* Korpa */
.cart_holder {}
.cart_header {font-size:14px; line-height:18px; padding:10px; clear:both; overflow:hidden; font-weight:700; border-bottom:1px solid #e6e6e6; margin-bottom:20px;}
.cart_product {overflow:hidden; border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding:0 0 20px 0;}
.cart_product a {}
.cart_product a:hover {text-decoration:underline;}
.cart_product_img{width:160px; display:block; float:left; margin-right:20px;}
.cart_product_img>img{width:100%;}
.cart_product_info{overflow:hidden;}
.cart_product_title{font-size: 18px; font-weight: 700; display: block; margin: 0 0 30px 0; line-height: 20px;}
.cart_product_ukratko{color:#9d9d9d; font-size:14px; font-weight:600; font-style:italic; float:left; margin:0 0 20px 0;}
.cart_product_sifra{color: #797979; font-size: 12px; line-height: 14px; font-weight: 700; margin: 0 0 5px 0; clear: both;}
.cart_product_delete{font-size: 13px; font-weight: 700; float: left; clear: both; line-height: 20px;}
.cart_product_delete>i{color: #f47d20; font-size: 20px; float: left; margin-right: 5px;}
.cart_product_price, .cart_product_total{color: #797979; font-size:16px; line-height: 24px; font-weight: 700; display: block;}
.cart_product_total_last{color:#797979; font-size:18px; display:block; margin:20px 0 0 0;}
.cart_product_price_last{color:#797979; font-size:18px; display:block;}
.cart_span_proizvod {width:55%; float:left;}
.cart_span_period {width:200px; float:left;}
.cart_span_period select{font-size:14px; color:#2B2B2B;}
.cart_span_cenakom {width:15%; float:left; text-align:center;}
.cart_span_komada {width:15%; float:left; text-align:right;}
.cart_span_komada input {width:40px; font-size:16px; line-height:16px; padding:5px 0; font-weight:700; color:#9d9d9d; text-align:center; float:right; border:1px solid #cecece; border-radius:5px;}
.cart_span_komada a, .cart_span_komada_p a {color:#fe646e; display:block; float:right; margin:6px; font-size:18px;}
.cart_span_komada a:hover, .cart_span_komada_p a:hover {text-decoration:none;}
.cart_span_ukupno {width:15%; float:left; text-align:right;}
.cart_span_izbaci {width:10%; float:left; text-align:center;}
.cart_span_proizvod_p {width:50%; float:left;}
.cart_span_isporuka {width:10%; float:left; text-align:center;}
.cart_span_isporuka img {margin: 0 auto;}
.cart_span_komada_p {width:10%; float:left; text-align:center;}
.cart_span_komada_p input {width:40px; font-size:16px; line-height:16px; padding:5px 0; font-weight:700; color:#9d9d9d; text-align:center; margin:54px 0 0 0; border:1px solid #cecece; border-radius:5px;}
.cart_span_komada_p_last {width:10%; float:left; text-align:center; margin: 20px 0 0 0;}
.cart_footer {font-size:14px; font-weight:bold; color:#ee1c25; background-color:#ededed; padding:10px; clear:both; overflow:hidden;}
.cart_footer b {font-size:14px; font-weight:bold; color:#2b2b2b;}
#cart_empty{float:left; display:block; padding:5px 10px; background:#c00; color:#fff; font-size:14px; line-height:16px;}
.cart_order {background:#a0d039; color:#fff; font-size:14px; line-height:16px; font-weight:700; padding:5px 10px; border-radius:5px; display:block; float:right; clear:both; border:none; cursor:pointer;}
.cart_row {overflow:hidden; border-bottom: 3px solid #e6e6e6; padding-bottom:20px;}
.cart_row a {}
.cart_more{background: #a6cee2; color: #fff; font-size: 11px; line-height: 16px; font-weight: 400; padding: 8px 20px; border-radius: 5px; display: block; float: left; margin-right: 10px;}
.cart_total{margin:0 0 20px 0; float:right; color:#a0d039; font-size:20px; font-weight:700; line-height:20px;}
#order {display:none; margin:40px auto; width:60%;}
#order h2{font-weight:700;}
#order_form {overflow:hidden;}
#order_form p {margin:0;}
#order_form label {font-size:13px; line-height:20px; margin:0; display:block;}
#order_form .form_tekst {background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #D5D5D5; border-radius:3px; color:#999; font-size:14px; outline:0 none; padding:8px; resize:none; width:100%; margin-bottom:5px;}
#cart_order {background:#a0d039; border:0 none; border-radius:3px; color:#FFFFFF; cursor:pointer; font-size:12px; padding:10px 15px; width:200px;}
.korisnikOrder{background:#a0d039; border:0 none; border-radius:3px; color:#FFFFFF; cursor:pointer; font-size:12px; padding:10px 15px; width:200px;}

.korisnikForm {overflow:hidden;}
.korisnikForm p {margin:0;}
.korisnikForm label {font-size: 13px; line-height:20px; margin:0; display:block;}
.korisnikForm .form_tekst {background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #D5D5D5; border-radius:3px; color:#999; font-size:14px; outline:0 none; padding:8px; resize:none; width:100%; margin-bottom:5px;}

#placanjeForm{overflow:hidden; text-align:center;}
#placanjeForm p {margin:0 0 20px 0;}
#placanjeForm label {font-size: 13px; line-height: 30px; margin: 0 0 0 10px; display: inline-block;}
.payIcon{height: 30px; width: auto; margin: 0 10px 0 0; display: block; float: left; opacity: 0.5;}

.deliveryInfoWrapper{line-height:1.3;}
.cart_header_placanje{overflow:hidden;display:block;margin-bottom:10px;background:#a6cee2;padding:10px 15px;font-size:14px;font-weight:600;}
.cart_product_placanje{display:block;overflow:hidden;margin-bottom:5px;padding:10px;background:#ECF0F1;}
.cart_product_main_placanje{color:#648ba8;font-size:14px;font-weight:600;line-height:28px;}
.cart_product_total_placanje{color:#648ba8;font-size:14px;font-weight:600;line-height:28px;}
.cart_product_price_placanje{color:#648ba8;font-size:14px;font-weight:600;line-height:28px;}
.cart_product_delete_placanje{color:#CF000F;font-size:19px;line-height:28px;display:block;}
.cart_span_proizvod_placanje{float:left;display:block;width:46%;}
.cart_product_qty_placanje{border:1px solid #ccc;font-size:14px;line-height:16px;padding:5px;text-align:center;width:50px;display:block;float:right;margin:0 5px;}
.cart_span_izbaci_placanje, .cart_span_cenakom_placanje, .cart_span_komada_placanje, .cart_span_ukupno_placanje{float:right;display:block;}
.cart_span_ukupno_placanje{width:18%;text-align:right;}
.cart_product_inc_placanje, .cart_product_dec_placanje{display:block;float:right;font-size:24px;line-height:28px;}
.cart_span_komada_placanje{width:18%;text-align:center;font-size:14px;}
.cart_span_cenakom_placanje{width:18%;text-align:right;}
.cart_span_izbaci_placanje{width:7%;text-align:center;}
.cart_footer_placanje{background:#D2D7D3;color:#e44f50;font-size:14px;line-height:20px;font-weight:600;padding:15px 20px;text-align:right;}
#cart_total_placanje{font-size:18px;}

.pdvUracunat {float: right; font-size:12px; color: #292929; line-height: 14px; margin:5px 0 0 0;}
.uslovi {float: right; clear:both;}
.uslovi a{text-decoration: underline;font-size:16px; color: #797979; line-height: 16px;}

#holderDelivery {display: none;}

/* Paginacija */
.SortPaginacija{padding:10px 0; margin:20px 0; overflow:hidden; clear:both;}
.SortPaginacija .dark{color:#555;}
.paginacija{float:right; color:#aebaca; font-size:14px; line-height:20px; font-weight:600; text-align:right;}
.paginacija .number{font-size: 18.75px; font-weight: 500; line-height: 30px; width: 30px; height: 30px; text-align: center; display: inline-block; border-radius: 50%;}
.paginacija .number.current{background:#aebaca; color:#fff;}
.paginacija>.page-info{display:inline-block;}
.paginacija>.fa{margin:0 3px; width:20px; height:20px; line-height:20px; border-radius:50%; text-align:center;}

#map_canvas{width:100%; height:400px; padding:10px; background:#333; text-align:center;}
#map_canvas p.mapTitle{width:300px; font-size:20px; line-height:20px; margin:10px 0;}
#map_canvas p{margin:0 0 10px 0;}

#mail_fail,#mail_success{display:none;padding:15px 0;margin:0 0 20px 0;float:right;font-size:12px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success{color:#044406;background-color:#B7FBB9}
#mail_fail{color:#D8000C;background-color:#FFBABA}

.table{border-collapse:collapse !important;}
.table{width:100%; max-width:100%; margin-bottom:50px; font-size:inherit; background:#fff; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.table > thead > tr{background:#7bc4a2; color:#fff;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:0 10px; line-height:48px; vertical-align:middle; font-weight:400; text-align:center; border-right:2px solid #e6e6e6;}
.table tr > td:last-child{border:none;}
.table > tbody > tr > td{font-size: 15px; line-height: 20px; padding: 15px 0;}
.table > thead > tr > th{border-top:none; vertical-align:middle; font-size:18px; line-height:22px; padding:30px 20px;}
.table > thead > tr > th .small{font-size: 10.5px; color: #4c7562; font-weight: 400; line-height: 12px; margin: 0 0 10px 0;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f6f6f6;}

.searchHolder{opacity:0; visibility:hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: url(../img/search-page-background.jpg) no-repeat 50% 50% / cover; z-index: 100;}
.searchHolder.show{opacity:1; visibility:visible;}
.searchHolder .close{position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #212121; color:#fff;}
#searchForm{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 40%; z-index:1; background: #fff; padding: 20px;}
#searchForm input{padding: 0; margin: 0; border: none; width: 100%; line-height: 3; color:#333;}
#searchForm button{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border: none; background: transparent; font-size: 20px; color: #333;}

footer{}
footer .col-lg-5{overflow: hidden;margin-right: 0;}
.footerNewsletter {
    display: flex;
    flex-flow: column;
    margin-bottom: 15px;
    gap: 5px;
}
.footerNewsletter button {
    color: #fff;
    padding: 8px;
    display: block;
    cursor: pointer;
    background: #648ba8;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    border: none;
    text-transform: uppercase;
}
.footerNewsletter input {
    border: 1px solid #c7c7c7;
    padding: 9px 5px;
    background: #f9f9f9;
}
.footerImageHolder {
    position: relative;
    height: 150px;
    transition:.5s all
}
.footerImageHolder.remove{
    height: 0px;
}
.footerImageHolder img {
    position: absolute;
    left: 0;
    height: 100%;
    object-fit: contain;
    width: 50%;
    transition: 3s all;
}
.footerTop{padding:80px 0;}
footer .footerContent{text-align:center; text-transform:uppercase; font-weight: 400; font-size: 12px; line-height: 2; letter-spacing: 1px;}
footer .socialHolder{margin:0 0 20px 0; font-size:20px;}
footer .socialHolder a{margin:0 10px;}
.footerMiddle{background:#f2f2f2; color:#959595; padding: 40px 0 0 0; font-size: 13px; line-height: 20px;}
.footerMiddle .footerTitle{font-weight:700; color: #000000; margin:0 0 20px 0;}
.footerMiddle .itemInfo {position: relative; padding: 0 0 0 25px; font-size: 14px; line-height: 18px; color: #959595; margin: 0 0 15px 0;}
.footerMiddle .itemInfo .fa {position: absolute; top: 3px; left: 0; font-size: 13px; color: #959595;}
.footerMiddle .footerLinksHolder{}
.footerMiddle .footerLinksHolder a{display:block; margin:0 0 5px 0;}
.footerMiddle .footerLinksHolder a:last-child{margin:0;}
.footer-track {height: 35px; padding-top: 10px; color: #fff; background-color: #648ba8; line-height:1; font-size:12px;}
/*.copyright{text-transform:none; color:#aaa;}*/
.copyright{text-align:left;}
.signature{text-align:right; display:block;}

.headerLogoTwo img{width:80px; margin:0 auto;}
.addOnCategory{position: fixed; padding-top: 10px; top: 150px; background-color: #fff; width: inherit; z-index: 1;}
.brendInfoHolder{text-align: center;}
.brendInfo{}
.brendInfo img{width:60%; margin: 0 auto;}

.filterHolder {min-height: 450px; background-color: #efefef; color: #000;}
.filterHolder h1 {text-align: center; font-weight: 400; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase;}
.selectFilter { background-color: #efefef; border: none; color: #000; height: 25px; font-size: 13px;}
.filterBy { background-color: #efefef; border: none; color: #000; height: 25px; font-size: 13px; line-height: 25px; float: right; margin-right: 10px; border-radius: 3px;}
.filterByHolder { border: 1px solid #efefef; margin:10px 0; display:none; overflow: hidden; padding: 10px 20px; font-size: 13px; line-height: 20px; }
.comand-bar{border-bottom: 1px solid #e4e4e4; padding-bottom: 10px;}
.brendMenuHolder { width: 25%; position: relative; overflow: hidden; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; float: left;  margin: 10px 0 0 0; padding: 0 20px; height: 270px;}
.brendMenuHolder li{ display:block; float:none;}
.brendMenuHolder p, .catMenuHolder p {border-bottom: 1px solid #6fc7d6; margin-bottom: 5px;}
.menuBannerHolder { display: block; overflow: hidden; width: 25%; float: left; padding:5px 20px;}
.catMenuHolder { float: left; display: block; width: 25%; margin: 10px 0 0 0; border-left: 1px solid #c1c1c1; padding: 0 20px; height: 270px;}
.catMenuHolder li { display:block; float:none; }
.brendMenuHolder h2 { padding-left: 20px; border-bottom: 1px solid #6fc7d6; }
.catMenuHolder h2{padding-left:20px; border-bottom:1px solid #6fc7d6;}
.filterByBrend {float: left; padding-left: 20px; padding-bottom: 20px;}
.filterByAge{float: left; padding-left: 20px; padding-bottom: 20px;}
.menubannerImage{max-width:300px;}
#backToTop {bottom:20px; right:20px; cursor:pointer; display:none; height:50px; position:fixed; width:50px; border-radius:50%; font-size:30px; line-height:50px; text-align:center; z-index:100; color:#fff; background:#f1aaaf; -webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5);}

hr {
    background: #e4e4e4;
    border: none;
    height: 1px;
    margin:30px 0;
}
p.holderTitle {
    font-weight:900;
    font-size:30px;
    color: #000;
    width: 100%;
    text-align: center;
    margin:0 0 40px 0;
}
p.holderTitle span {
    font-size: 16px;
    font-weight: 400;
    color: #686868;
}
.menuBannerHolder>li>p {
    text-align: center;
}
.featuredHolder {
    padding-top: 40px;
}
.featuredHolder p {
        color: #5a5a5a;
    font-size: 15px;
    line-height: 17px;

    display: block;
    margin-top:15px;
    text-align: center;
    font-weight: 400;
}

.footerIcons{text-align:center;}
.footerIcons img{display: block;
margin: 0 10px 15px 0;
width: auto;
height: 20px;
float: left;}