/* MOBILE VERSION CSS */


*{
	padding:0px;
	margin:0px;
}
HTML{
	width:100%;
}
BODY {
	width:100%;
	height: 100%;
	margin: 0px;
	padding:0px;
	font-size:14px;
	overflow-x: hidden;
	overflow-y: scroll;
		color:#505050;
	 font-family:asap,sans-serif;
	
}


/* VARIABLES */
:root {
  --main: #01543D;
  --primary_green: #669933;
  --pg: #669933;
	--slyel_20:rgba(254,193,39,.2);
	--slg_20:rgba(86,191,152,.2);
	--fl:24px;
	--fxl:36px;
	--fm:20px;
	--fn:16px;
	--fs:14px;
	--fxs:12px;
	--th:rgba(86,191,12,.05);
}


img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}

.icons, .index .searchDugme {font-family: icons;}


body, html,p, a, div, ul, li, h1, h2, h3, img, span{
	color:#555;
}
li{list-style-position: inside}

/* DISPLAY NONE */

.catTITLE{display: none;}
.containerNoOverflow toggleMenu{display: none;}
.top_baner{display: none;}
.navigatorKataloga{display: none;}
#bocnaNavigacija{display: none;}
.wrapperTraka .divLevi{display: none ;}
.divDesni .registarKontainer{display:none ;}
.wrapperTraka .divDesni .item:nth-child(1) {display: none;}
.sideCatNav{ display: none; }
.tempContainer{display: none}
.userBar {display: none}
.wishListBar {display: none}
.CatTrackNav {display: none}
.divDesni .itemTitle{display: none;}
.izborIkonica, .hiddenText p {display: none;}
.blokTop, .PageTrackNav{display: none}
.flyOutMenu{display: none}
.registrator .form_label {display: none}
.logoScroll,.fixedLink_form,.handle,pre,.compareProd{display: none!important;}




/*test*/
.catalog .fixedLink_form, .katalog .fixedLink_form, .akcije .fixedLink_form, .contact .fixedLink_form, .nasa_preporuka .fixedLink_form, 
.pet_jungle .fixedLink_form, .about_us .fixedLink_form{display: none}

/*
.index .fixedLink_form {position: fixed; right:-140px; top: 135px}
.form_label {margin-bottom:2px;text-align:right; }
.form_label .slika img{ width: 40px}
.form_label a{display:inline-block;width:180px;height:50px;text-align:left;
	padding-top:4px;box-sizing:border-box;background: #006837 }
.form_label a p{color: #fff; float: right; padding-right: 0px; padding-top: 10px; font-size: 12px }
.form_label img{filter: invert(1) saturate(0) contrast(4);}
.form_label a:hover{width:300px;margin-right:0; }
.form_label a:hover p {margin-right: 145px;}*/

/*HEADER*/

.oblast_zaglavlja{display:block; position:relative; padding:10px; 
	box-sizing:border-box; border-bottom: 1px solid #ddd}
.oblast_zaglavlja .logoHome{width: 150px}
.oblast_zaglavlja .logoHome img{display: block;width: 100%}
.oblast_zaglavlja .divDesni .item:nth-child(2) .itemIcon{width: 32px;position: absolute;
top:18px; right: 60px; }
.oblast_zaglavlja .divDesni .item:nth-child(3) .itemIcon{display: none}



.oblast_zaglavlja .mob_main_menu{position: absolute; top:15px;
right:10px;  width:40px; height:40px; _border:1px solid var(--main); border-radius:10px;
display: flex; align-items: center; justify-content: center; }
.mob_main_menu .mobMenuLine{display: inline-block; background: var(--main); width: 70%; height:2px;
position:relative; }
.mob_main_menu .mobMenuLine:before{content:""; width: 100%; background: var(--pg); height: 2px;
display: inline-block; position:absolute; top:-10px;transition:.2s }
.mob_main_menu .mobMenuLine:after{content:""; width: 100%; background: var(--pg); height: 2px;
display: inline-block;position:absolute; top:10px; transition:.2s}

.changeMobMenu .mobMenuLine{background: transparent; }
.changeMobMenu .mobMenuLine:before{transform: rotate(35deg);top:0px;_width: 120%;left: ;
transition:.2s}
.changeMobMenu .mobMenuLine:after{transform: rotate(-35deg);top:0; _width: 120%;left: ;
transition:.2s}

.overlayDiv{background: rgba(1,1,1,.4); position: absolute; width: 100%; height: 100%; left: 0;
	top:0; z-index: 1; display:none; transition:1s}
.showOverlay{display: block; transition: 1s; }

.glavni_meni{background: #fff; position: absolute; width: 100%; margin:0!important;
top: 100%;left: 0; border-top:1px solid #ddd; _display:none;
visibility: hidden;
opacity: 0;
z-index: -1;
transform: translateY(-3em);
transition:all .2s linear }
.glavni_meni li{list-style: none}
.glavni_meni li a{display: block;padding: 15px 0; font-size: var(--fn); border-bottom: 1px solid #ddd;
text-align: center}

.menuSlideDown{visibility:visible; opacity:1;
z-index:1; transform: translateY(0); transition: transform .3s linear 0s, z-index .3s linear 0s}

.catalog_search{display: flex; flex-wrap:nowrap; justify-content:space-between; margin-top:10px;
position:relative;}
.catalog_search #brzi_pretrazivac{ width: 100%}
.catalog_search .stringPolje{width:80%; font-size: var(--fs); padding: 5px; 
box-sizing: border-box;border:1px solid transparent; border-bottom:1px solid #ddd}
.catalog_search .stringPolje:focus{outline: none; border: 1px solid #ddd}
.catalog_search .searchDugme{display:inline-block; position: absolute; top:0; right: 10px }
.catalog_search .searchDugme:after{content: "\f002"; font-size: 26px; color:var(--main);font-family: icons;
display: inline; vertical-align: bottom}

#suggestions{background: #fff; position: absolute; top:35px; border-top:1px solid #ddd;
width:100%; padding-top:20px}
#suggestions li{display: flex; border-bottom:1px solid #ddd;}
#suggestions li img{display: block; width: 40%;border-right: 1px solid #ddd; height:auto}
#suggestions li div{padding: 10px; box-sizing: border-box;width:60%}
#suggestions .close_suggestions{ width: max-content; height: max-content; 
display: inline-block; position: absolute; left: 0; top:0}
#suggestions .close_suggestions:after{content:"\f00d"; font-family: icons; font-size: 26px;
color: var(--pg)}



/*HOME PAGE*/

.oblast_sadrzaja{background: #fff; box-sizing: border-box; display: flex;
	flex-direction: column; position:relative}
.oblast_kataloga{padding:20px 15px;box-sizing: border-box; background:#fff}
.index #coll_middle p{font-size:var(--fn); line-height:1.5em }
.index #coll_middle, .novosti #coll_middle, .page #coll_middle{background: #eee;}
#coll_middle{width: 100%;order: 1 ;margin: auto; padding:15px; box-sizing: border-box; background: #fff;order: 1}
#coll_middle .pageBody p{margin-bottom: 10px}
#coll_right{order: 2; background: #fff; width: 92%; margin: 10px auto 30px;}
#coll_right .bocniMeniStrane{padding: 5px;position: relative}
#coll_right h3{padding: 5px;}
#coll_right .bocniMeniStrane li{padding-bottom: 15px; display:block}
#coll_right .bocniMeniStrane li:before{content: "\f061"; font-family: icons;left: 5px; position: absolute}
#coll_right .bocniMeniStrane li a{padding-left: 20px; display: inline-block; font-size: 15px; }

.boxInner >h2{text-align: center; margin: 10px 0}
.pages .page-pID{list-style: none; margin-top: 20px; background: #fff;}
.pages .page-pID .info{padding: 5px 5px 15px 5px; box-sizing: border-box}
.pages .page-pID .antrafile{margin-top: 10px;font-size: 15px; line-height: 1.5em;}

/*NAVIGATOR*/
.navigatorStrana {margin: 10px auto; font-size: 18px}
.navigatorStrana .NSsredina a{color: #555}
.navigatorStrana .NSsredina .NScurLink{color: #178140}

/*CLANAK*/
.clanak_alatke{margin:10px auto 30px;text-align: center}
.clanak_alatke a{margin:0px 8px; width: 140px;display: inline-block; box-sizing: border-box; background:#178140; padding:8px 5px; box-sizing: border-box; color: #fff;}

/*KOMENTARI */
.komentarForma{width: 100%!important;}
.komentarForma fieldset{100%!important}

/**/
.komKomande {display: flex; margin-top: 20px!important}
.komentar .komTextBgnd{width: 100%!important; margin-bottom: 10px}
.komentarForma{width: 100%!important;box-sizing: border-box;}
.komentarForma FIELDSET{width: 100%!important; padding: 0px!important; padding: 10px!important; box-sizing: border-box; }
.komentarForma FIELDSET textarea{width: 93%!important;}
.komentarForma .send_replies{width: 95%!important; padding: 0; margin: 20px 0;}

/*pages*/
.pages .page-cID{list-style: none; margin-top: 20px; background: #fff;}
.page-cID .info{padding: 5px 5px 15px 5px; box-sizing: border-box}
.page-cID .antrafile{margin-top: 10px; font-size: 15px; line-height: 1.5em;}
.pages .page-cID .moreinfo a{background: #178140; padding: 5px 10px; width: 100px; display: block; margin-top: 10px;}
.pages .page-cID .moreinfo a span{color: #fff;}

/*body*/
.pageBody h1{font-size: 24px; line-height: 1.2em}
.pageBody {font-size: 15px; line-height: 1.5em;}
.pageBody{background: #fff; padding: 5px; box-sizing: border-box;}
.pageBody .textimage{margin: 10px 0}
.pageBody p{margin: 8px 0 10px}
.Naslovna_strana .pageBody p{margin-top: 10px}
.Naslovna_strana .pageBody ul{margin: 10px 0}
.Naslovna_strana .pageBody ul li{padding: 5px}
.Naslovna_strana div{
float: none!important;
border: none!important;}

/*CLANAK ADRESA*/
.clanakAdresarPodaci{width: 100%; border: 1px solid #ddd}
.clanakAdresarPodaci tr td:nth-child(2){border-left: 1px solid #ddd}
.clanakAdresarPodaci tr td h2{font-size: 16px;}
.clanakAdresarPodaci tr td:last-child{padding:  10px; box-sizing: border-box;}


/*KRATAK OPIS*/
.catShortDesc{background: #fff; padding: 5px; font-size: 15px; line-height: 1.5em;}

.obavestenje{background: #fff; margin: 0 0 20px; padding: 15px; box-sizing: border-box; 
	border: 1px solid var(--pg); position:relative}
.obavestenje:before{content:"!"; position: absolute; width: 36px; height: 36px; background: var(--pg);
color: #fff; display:flex; justify-content:center; align-items:center; font-size:26px; border-radius:50%;
top:-15px;right:10px}
.index #coll_middle .obavestenje p{font-size: var(--fn); padding-bottom: 5px}


.flexBox> div{background:#fff}
.flexBox .box2, .specific{margin-bottom:20px }
.flexBox .box2>h3 a{text-align: center; display: block; font-size: var(--fl);
font-weight: normal; padding: 10px 0;box-sizing: border-box; border-bottom: 1px solid #ddd}
.flexBox .box2 .boxSlika{border-bottom: 1px solid #ddd}
.flexBox .box2 .boxSlika img{display: block; width: 100%}
.flexBox .box2 .boxOpis{padding: 10px; box-sizing: border-box}
.flexBox .box2 .boxOpis h3 a{display: block;font-weight: normal; font-size: var(--fm); 
	padding-bottom: 10px; color:var(--pg)}
.flexBox .box-2-1 {box-sizing: border-box;display:block; width:100%}
.box-2-2 .boxOpis h3, .box-2-3 .boxOpis h3{_display: none;}
.box2 .akcijaHomeSpan{background:#ff592b; color:#fff;display:block; width:max-content;
padding:5px; text-transform:uppercase; position:absolute}
.box2 .akcijaHomeSpan:after{content:""; border-right:12px solid #ff592b;
	border-bottom:15px solid transparent; position: absolute; right:0; bottom:-8px
}

.boxDva{background: #fff;padding-bottom: 10px; display:none}
.boxDva img{border-bottom: 1px solid #ddd}
.boxDva h3 a{font-weight: normal; font-size: var(--fm); color: var(--pg); padding: 10px;
display: block; box-sizing:border-box}
.boxDva p{padding:0 10px;box-sizing: border-box}


.homebox .specific{ margin: 0px auto; border-top:none; background: #fff}
.specific p,.specific h3{padding: 10px 10px 0}
.naslovAkcije,.naslovPreporuke{background: #ccc; color:#fff;padding: 5px; width: max-content;
position:absolute;top:-33px}
.boxJedan{border-top:1px solid #ccc; position: relative; margin-top:50px;}
.boxJedan ul{display: flex;overflow-x: scroll; overflow-y: hidden;
	margin: 20px auto; border: 1px solid #ccc; }
.boxJedan ul li{padding:30px 10px 35px; margin: 0 5px; background: #fff;
	position:relative;list-style: none }
.boxJedan ul li:first-child{border: none;}
.boxJedan .catalogueThumbLink{width:180px;height: 180px; display:block;border-bottom: 1px solid #ddd}
.boxJedan .catalogueThumbImage{width: 180px; height: 100%;}
.boxJedan .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:100px; position:absolute;left: 0;top: 0}
.boxJedan .productPrice span{color: #fff; padding-right: 5px}
.boxJedan .catalogueItemText{padding: 10px 0 20px; }
.boxJedan .catalogueItemText h3{padding-bottom: 7px; font-weight: normal; font-size: var(--fn);
color:var(--main)}
.boxJedan .catalogueItemText p{ position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 12px;
color: #fff; }
.akcijskiProizvod{width: 40px; display: block; position: absolute; right: 3px;top:2px;z-index: 100 }
.akcijskiProizvod img{display: block;width: 100%; border-radius: 50px}

.specFlex >div{margin: 30px auto; border-bottom: 1px solid #ccc; padding-bottom: 20px; box-sizing: border-box}
.specFlex >div img{margin: 20px 0}
.specFlex >div h3{margin: 10px 0}
.imageForMobile {width: 100%; position: absolute; left: 0; right: 0; top: 6%; display: none}
.imageForMobile img{width: 100%}




/*PAGES*/


#pageTitle, .pageTitle {text-align: center; color: #555; font-weight: lighter;padding-bottom: 15px; font-size: 24px}
.naslov_kategorije{padding: 10px 0;text-align: center; color: #666; font-size: var(--fxl)}
.catTitle{text-align: center; padding-top: 5px; color: #666; padding-bottom: 15px}
.kratak_opis_kategorije{padding-bottom: 10px; font-size: var(--fn); line-height: 1.5rem}
.page #coll_middle p,.page #coll_middle li{font-size: var(--fn); line-height: 1.5rem; padding: 5px 0}
.page #coll_middle img{display: block;width: 100%;height: auto;}
.page #coll_middle>h2,.page #coll_middle>h3{ padding: 20px 0 10px}
.page #coll_middle .quickLinksPage{margin-bottom: 20px}
.page #coll_middle .quickLinksPage li{list-style: decimal;list-style-position: inside;padding: 5px 0 }
.page #coll_middle .blokContainer ul li{list-style: disc; list-style-position: inside}
/*.box-naslov {padding: 10px 0 5px}
h2{font-weight: lighter; margin: 10px auto}
h5{font-size: 14px; font-weight: lighter;}
p img{margin: auto;}
.poruci {background: #006837; width: 200px; padding: 15px;text-align: center; margin: 20px auto; cursor: pointer}
.poruci a{color: #ffffff; font-weight: lighter; font-size: 16px}
.pages {width: 100%; margin: 20px  auto}
.pages .page-pID {display: block; border-bottom: 1px solid #ccc; padding-top: 20px;}
.pages .page-pID:nth-last-child(1){border-bottom: none}
.pages .page-pID .img {width: 100%; margin: auto}
.pages .page-pID .info{padding: 10px; box-sizing: border-box; position: relative;}
.pages .page-pID .info .antrafile{line-height: 1.6em;font-size:16px}
.pages .moreinfo a{display: block;background: #006837;text-align: center;
	padding: 10px 0; margin: 20px 0; color: #ffffff; font-weight: lighter; font-size: 16px;}
.pages .page-pID .info .moreinfo span{color: #fff}
.pageBody p{line-height: 1.6em; _margin:20px auto }
.pageBody .action{width: 100%; display: block}
.pageBody .action img {margin: auto; display: block;}
.savetiClanak ul{margin: 10px 0}
.savetiClanak ul li{ padding-top: 10px; line-height: 1.5em}
.oNama {width: 100%; margin: auto}
.oNama .page-pID {display: flex; border-bottom: 1px solid #ccc; padding: 5px; flex-direction: row-reverse;
justify-content: space-between; align-items:center}
.oNama .page-pID .info{width: 85%; text-align: center}
.oNama .img{width: 10%; }
[pid='79'] a {text-decoration: underline }
.about_us .pageBody p{font-size: 16px; line-height: 1.6em; padding-top: 15px}
.pet_jungle .pet .page-pID{background: #fff; margin-top: 15px; border-bottom: none}
.pet_jungle .pet .page-pID .img {background: #8cc63f; border-radius: 10px; padding: 6px; box-sizing: border-box;
}
.pet_jungle .pet .page-pID img{filter: invert(1)}
.pet_jungle .pageBody p{font-size: 16px; line-height: 1.6em; padding-top: 15px;}
.nasa_preporuka .pageBody p{font-size: 16px; line-height: 1.6em; padding: 10px 0}
.katalog p{font-size:var(--fn); line-height:1.5rem}

.petJungleKategorija p{font-size: 16px; line-height: 1.6em; padding-top: 16px}
.petJungleKategorija p img{width: 100%; display: block}
.petJungleKategorija ul, .petJungleKategorija ol{padding: 20px 0; margin-left: 20px}
.petJungleKategorija ul li, .petJungleKategorija ol li{font-size: 16px; line-height: 1.6em; padding-bottom: 15px;
list-style: disclosure-closed}
.petJungleKategorija h3{margin-top: 10px; font-size: 19px; font-weight: lighter;}
.blokContainer h3{background: #006837; color: #fff; padding: 10px; border-radius: 4px }*/

/*NAVIGACIJA*/

#coll_left{order: 2; margin-top:20px; background: #fff}
#coll_left li{list-style: none}
#coll_left h3 a,#coll_left li a{ display: block; padding: 15px; border-bottom: 1px solid #ddd; 
	font-size: 16px; box-sizing: border-box}
#coll_left h3 a{background: var(--pg); color: #fff;font-size: var(--fm);}
.markerStrane a,.markerKategorije>a{color: var(--main); font-weight: bold; }
#coll_left .bocniMeniStrane>li>a{text-transform: uppercase}
#coll_left .bocniMeniStrane li ul li a{position: relative; display: flex; align-items: center}
#coll_left .bocniMeniStrane li ul li a:before{content: url('../../../cms_upload/pages/files/112_sapa2.png');
display: inline-block; padding-right: 5px}
#coll_left .markerPodStrane a{color:var(--main) }

/*SVE O VASEM  LJUBIMCU*/
.oLjubimcu{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0}
#coll_middle .oLjubimcu .page-cID,#coll_middle .oLjubimcu .page-pID{width: 48%; border: 1px solid #ddd;padding: 0;
margin-bottom: 10px; list-style:none}
.oLjubimcu .page-cID .img,.oLjubimcu .page-pID .img{border-bottom:1px solid #ddd}
.oLjubimcu .page-cID .info h2 a{display: block; font-weight: normal;
font-size: var(--fm); padding:7px 10px; color:var(--pg);}
.oLjubimcu .page-pID .info h2 a{display: block; font-weight: normal;
font-size: var(--fn); padding:7px 10px; }

/*SVE O VASEM LJUBIMCU-STRANA*/
.blogStrana .image{margin-bottom: 15px}
.blogStrana h3{padding: 15px 0; font-size: var(--fm)}

/*AKCIJE*/

#coll_middle .action-home p{padding:10px 0}
#coll_middle .action-home .akcije-image{background:#404040; padding: 30px}
#coll_middle .action-home .akcije-image img{width: 60%; margin: auto}
#coll_middle .action-home h4{color: var(--pg); font-size: var(--fn); padding:10px 0 5px}
#coll_middle .action-home ul{padding: 10px 0}
#coll_middle .action-home li{list-style: disc; list-style-position: inside}
#coll_middle .action-home table{width: 100%; border-collapse: collapse; margin: 10px 0}
#coll_middle .action-home table tr:first-child{background: var(--pg); color: #fff}
.action-home table td{padding: 5px; font-size: var(--fn); border: 1px solid #ddd; text-align: center}
.action-home #listaProizvoda li{list-style: none; border: 1px solid #ddd; width: 90%; margin: auto;
position:relative}
.action-home #listaProizvoda li .catalogueThumbImage{border-bottom: 1px solid #ddd}
.action-home #listaProizvoda .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:100px; position:absolute;left: 0;top: 0}
.action-home #listaProizvoda .productPrice span{color: #fff; padding-right: 5px}
.action-home #listaProizvoda .catalogueTextLink{display: block;padding: 10px 10px 30px;
box-sizing: border-box}
.action-home #listaProizvoda .catalogueTextLink p{position: absolute; bottom: 0; left: 0; width: 50%;
background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 14px;
color: #fff; }

.allProductsItems{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:20px}
.allProductsItems .allProdItem{list-style: none; width: 48%; margin-bottom: 40px; border: 1px solid var(--main);
border-radius: 10px; position:relative}
.allProductsItems .allProdItem .ackijaTip{background: var(--pg); display: inline-block; position: absolute;
color: #fff; padding: 5px; box-sizing: border-box; left: -10px; top:-5px; border-radius: 10px;
transform:rotate(-20deg); width:70px;font-size:var(--fs); text-align:center}
.allProdItem .naslovProdAll{ display: block; font-size: var(--fs); padding: 5px; box-sizing: border-box}

.akcijePage .productPrice{background: var(--main);padding:10px; display: inline-block;
border-radius: 7px; position:absolute; right: 10px; top: -12px;}
.akcijePage .productPrice span{color:#f3f3f3;}
.productPrice .price,
.productPrice .priceAkcija{display:block;padding: 0;margin: 0;line-height: 1em;}
.productPrice .price{text-decoration: line-through;font-size:var(--fs); color: #f3f3f3}
.productPrice .priceAkcija{font-size:var(--fn); padding-top:5px}

.logoBrand{
 position: absolute; width:50px;top:70px;left:-10px; border-radius: 10px; display:block; z-index: 0; border: 1px solid var(--pg); background: #fff; 
}
.logoBrand img{
 border-radius: 10px
}

.allProdItem .modelProdAll{position: absolute; top:-35px; font-size: var(--fs); right: 0}
.allProdItem .producerProdAll{
position: absolute;
	bottom:2px; right:12px;
	font-size:var(--fxs);
}

/*AKCIJE-STRANICE*/
.pagesAkcije{display: flex; flex-wrap: wrap; justify-content: space-between}
.pagesAkcije .page-pID{width: 48%; margin-bottom: 10px; border: 1px solid #ddd; list-style: none}
.pagesAkcije .page-pID .img{width: 100%; border-bottom: 1px solid #ddd}
.page #coll_middle .page-pID h2{padding: 0}
.pagesAkcije .page-pID .info{padding: 10px;box-sizing: border-box}
.pagesAkcije .page-pID h2 a{display: block; font-size: 18px; padding-bottom: 5px;
	font-weight: normal;
color: var(--main)}

.action .akcijaImg{border:1px solid #ccc}
.oAkciji{box-sizing: border-box; }
.oAkciji h2{color: #fff; font-size: 18px; font-weight: normal;background: #8cc63f;
padding: 10px; margin:0}
.oAkciji p{color: #fff; font-size: 16px;background: #8cc63f; padding:5px 10px}
.akcijaSlikaTekst{position: relative; margin: 10px 0}
.akcijaTekst{background: #8cc63f; color: #fff; width: max-content; padding:5px;
	box-sizing: border-box; position: absolute; top:0; right: 0;
}
.opisAkcije{background: #fff; padding: 10px; box-sizing:border-box;
height: 250px; overflow-y: scroll; overflow-x:hidden}
.opisAkcije h4{font-size: 16px; color:#666; padding: 5px 0}
.opisAkcije p{color: #666; padding: 0 0 10px; line-height: 1.6em; font-size: 16px}
.akcijePreporuceniProizvodi{border-bottom: 1px solid #ccc;margin: 20px 0 5px}
.akcijePreporuceniProizvodi p{background: #ccc; color:#fff;width: max-content; 
	padding: 5px;font-size: 18px;}

.relatedProdsCnt .proizvodi{display: flex;overflow-x: scroll; overflow-y: hidden;background: #ddd;
	 border: 1px solid #ccc;flex-wrap: nowrap; justify-content: initial }
.relatedProdsCnt .proizvodi li{padding:30px 10px 35px; margin: 0 5px; background: #fff;
	position:relative;width: 180px; }
.relatedProdsCnt .proizvodi li:first-child{border: none;}
.relatedProdsCnt .proizvodi li .catalogueTextLink{padding: 0}
.relatedProdsCnt .proizvodi .catalogueThumbLink{width:180px;height: 180px; display:block;border-bottom: 1px solid #ddd}
.relatedProdsCnt .proizvodi .catalogueThumbImage{width: 180px; height: 100%;}
.relatedProdsCnt .proizvodi .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:100px; position:absolute;left: 0;top: 0}
.relatedProdsCnt .proizvodi .productPrice span{color: #fff; padding-right: 5px}
.relatedProdsCnt .proizvodi .catalogueItemText{padding: 10px 0 20px; }
.relatedProdsCnt .proizvodi .catalogueItemText h3{padding-bottom: 7px; font-weight: normal; font-size: var(--fn);
color:var(--main)}
.relatedProdsCnt .proizvodi .catalogueItemText p{ position: absolute; bottom: 10px; left: 10px;
	_width: max-content;display: inline-block; width: initial;
background: #ddd; ; padding: 5px; box-sizing: border-box; font-size: 14px;}

.action .proizvodi{display: flex;overflow-x: scroll; overflow-y: hidden;background: #ddd;
	 border: 1px solid #ccc;flex-wrap: nowrap; justify-content: initial }
.action .proizvodi li{padding:30px 10px 35px; margin: 0 5px; background: #fff;
	position:relative;width: 150px; }
.action .proizvodi li:first-child{border: none;}
.action .proizvodi li .catalogueTextLink{padding: 0}
.action .proizvodi .catalogueThumbLink{width:150px;height: 150px; display:block;border-bottom: 1px solid #ddd}
.action .proizvodi .catalogueThumbImage{width: 150px; height: 100%;}
.action .proizvodi .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:100px; position:absolute;left: 0;top: 0}
.action .proizvodi .productPrice span{color: #fff; padding-right: 5px}
.action .proizvodi .catalogueItemText{padding: 10px 0 20px; }
.action .proizvodi .catalogueItemText h3{padding-bottom: 7px; font-weight: normal; font-size: var(--fn);
color:var(--main)}
.action .proizvodi .catalogueItemText p{ position: absolute; bottom: 10px; left: 10px;
	width: max-content;
background: #ddd; ; padding: 5px; box-sizing: border-box; font-size: 14px;}
#coll_middle .action .proizvodi .catalogueItemText{padding: 5px 5px 50px}
#coll_middle .action .proizvodi .catalogueItemText h3{padding: 0}
#coll_middle .action .proizvodi p{position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 12px;
color: #fff; }

/*NASA PREPORUKA*/

/*.nasaPreporuka ul{display: flex; flex-wrap: wrap;justify-content:space-between;
list-style: none}
.nasaPreporuka ul li{width: 48%; background: #fff;margin:10px 0; box-sizing: border-box;
border: 1px solid #ddd; padding:0!important}
.nasaPreporuka .catalogueThumbImage{margin: 5px 0; border-bottom:1px solid #ccc}
.nasaPreporuka .catalogueItemText{padding: 10px;
	box-sizing: border-box; font-size:14px;word-break:break-all; height:100px; position:relative; }
#coll_middle .nasaPreporuka .catalogueItemText p{ position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ;padding:2px 5px; box-sizing: border-box; font-size: 12px;
color: #fff; }
.nasaPreporuka .catalogueItemText h3{display: none}
.nasaPreporuka .productPrice{display: block;background: #8cc63f;color: #fff;
padding: 5px; width:max-content; }
.nasaPreporuka .productPrice span{color: #fff; padding-right: 5px}*/


#coll_middle .nasaPreporuka ul{display:flex; flex-wrap:wrap; justify-content:space-between}
#coll_middle .nasaPreporuka ul li{width: 48%; border: 1px solid #ddd; margin-bottom: 10px; position:relative; 
list-style:none; padding:0}
#coll_middle .nasaPreporuka ul li .catalogueThumbImage{border-bottom: 1px solid #ddd;}
#coll_middle .nasaPreporuka ul li .catalogueTextLink{ display: block; padding:5px 10px 50px; 
	box-sizing: border-box}
#coll_middle .nasaPreporuka ul li .catalogueTextLink h3{font-weight: normal;color: var(--main); padding-bottom: 5px}
#coll_middle .nasaPreporuka ul li p{position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 14px;
color: #fff;}
#coll_middle .nasaPreporuka ul li .productPrice{background: #8cc63f; color: #fff; padding:5px;
box-sizing:border-box; display:block;width:max-content;font-size:14px}
#coll_middle .nasaPreporuka li .productPrice span{color: #fff; padding-right: 5px}




/*KONTAKT*/
.kontakt .contactBlock{margin: 10px 0; border: 1px solid var(--pg); border-radius: 5px;
padding: 10px; box-sizing: border-box}
.kontakt .fullBlock{border: none; font-size: var(--fm); padding-top: 20px}
.kontakt .contactBlock li{list-style: none}
.kontakt .contactBlock li:first-child{ font-size: 18px!important; font-weight: bold}

/*KATEGORIJE*/

.kategorije ul{display: flex; flex-wrap: wrap; justify-content: space-between;
box-sizing: border-box}
.kategorije ul a{display: block; width: 100%}
.kategorije ul .cat_item{width: 100%; margin: 10px 0;border:1px solid var(--main) }
.kategorije .cat_item .catItemLink span{background:var(--main) ; display: block; font-size: var(--fm);
padding: 10px; box-sizing: border-box; color:#fff; text-align:center}
.kategorije .cat_item img{display: block}
.kategorije .cat_item .podKategorijeCNT{box-sizing: border-box; flex-direction: column;
text-align: center}
.kategorije .cat_item li{width: 100%; margin: 0; border: 0}
.kategorije .cat_item .podKategorijeCNT li a{padding: 10px 0; border-bottom: 1px solid #ddd;
font-size: var(--fn)}

.catalogID_1 .kategorije ul .cat_item{border-radius: 10px; border: 1px solid var(--pg)}
.catalogID_1 .kategorije ul .cat_item .catItemLink{display: flex;justify-content: space-between;
}
.catalogID_1 .kategorije ul .cat_item img{display:flex; width:150px; height:150px;
}
.catalogID_1 .kategorije ul .cat_item span{width:calc(100% - 150px); background: var(--pg); display: flex;
justify-content: center;align-items: center; border-radius:0 10px 10px 0}

/*PITAJTE VETERINARA*/

.uvod{padding: 5px 0;}
.postaviPitanje label{display: block; padding: 10px 0;}
.postaviPitanje div{background: #ccc; height: 120px; resize: vertical; padding:10px; box-sizing:border-box;}
#btnPitanje{display: block;width:30%; background: #006837; color: #fff; margin: 10px 0;
	padding:5px; box-sizing: border-box; text-align: center;
border: 1px solid #fff;}


/*KATALOG PRETRAGA*/

.catalogID_1{background: #fff;}
.catalogID_1 h1{padding-top: 20px!important; font-weight: normal; text-align: center; }
.catalogID_1 .broj-rezultata-pretrage{padding: 15px 0;}
.catalogID_1 .katalog_prikaz>div{text-align:center;padding-bottom: 8px;}
.catalogID_1 .tabela-pretrage-slika img{width:48px;margin:0 8px 0 4px;}
.catalogID_1 table{ border-collapse:collapse;}
.catalogID_1 table tbody{width:100%; }
.catalogID_1 table td{border-bottom:1px solid #ddd;padding-top:4px;padding-bottom:4px; }
.catalogID_1 .tabela-pretrage-artikli{padding:4px;}
.catalogID_1 .tabela-pretrage-model{padding-right:2px;}


/*KATALOG*/

.oblast_kataloga ul{display:flex; flex-wrap:wrap; justify-content:space-between}
.oblast_kataloga ul li{width: 48%; border: 1px solid #ddd; margin-bottom: 10px; position:relative; 
list-style:none}
.oblast_kataloga ul li .catalogueThumbImage{border-bottom: 1px solid #ddd;}
.oblast_kataloga ul li .catalogueTextLink{ display: block; padding:5px 10px 50px; 
	box-sizing: border-box}
.oblast_kataloga ul li .catalogueTextLink h3{font-weight: normal;color: var(--main); padding-bottom: 5px}
.oblast_kataloga ul li p{position: absolute; bottom: 0; left: 0; width: 80%;
background: #ccc; ; padding:2px 5px; box-sizing: border-box; font-size: 14px;
color: #fff;}
.oblast_kataloga ul li .productPrice{background: #8cc63f; color: #fff; padding:5px;
box-sizing:border-box; display:block;width:max-content}
.oblast_kataloga li .productPrice span{color: #fff; padding-right: 5px}

.proizvod p{line-height: 1.6em}
.proizvod table {border-collapse:  collapse; margin: 20px auto;}
.proizvod .tabelaKarakteristika td{font-size:16px ;padding: 10px}
.proizvod table tr td, th{border: 1px solid #ccc;} 
.back_down{display: none}
.proizvod .prodMainPic{pointer-events: none}

.orderBox{display: none; text-align: center; position: fixed; top:100px; background: var(--pg);
z-index: 1000; border:1px solid #ddd; width:96%; left:2%; padding:10px; box-sizing:border-box;
box-shadow: 5px 5px 10px #ccc;}
.orderBox .tableWrapper table td{width: initial}

.proizvod .poruciButton{background:#006837;width: 200px; padding: 15px 10px; margin:0 auto;
	box-sizing: border-box; 
text-align:center; text-transform: uppercase; } 
.proizvod .poruciButton span{color: #ffffff; font-size: 16px}
.orderBox .back_up{width: 50px; height: 50px; font-size: 30px; color:#fff;
text-align: left}
.orderBox input{font-size: 14px}
.orderBox .tableWrapper table{display: table;border-collapse: collapse }
.orderBox .tableWrapper tr{display: table-row; background: #fff}
.orderBox .tableWrapper td{display: table-cell; border:1px solid #ccc!important;}
.orderBox .tableWrapper td .cenaNarudzbenica{font-size: 22px}
.katalog .prodTableTop {width: 100%}
.katalog .prodTableTop{text-align: center; margin-bottom: 10px}
.katalog .prodOpis{margin: 15px 0;}
.katalog .prodOpis ul{flex-direction: column}
.katalog .prodOpis li{border: none; width: 100%!important; list-style: disc;
	list-style-position: inside; font-size:var(--fn)}

.duziOpisPrikaz{background: #fff; width: max-content; padding: 2px 7px; 
border:1px solid #8cc63f;margin:10px 0 }
.duziOpisPrikaz p{display: inline-block; font-size: 16px;
padding-right: 5px; text-transform:uppercase;color:#8cc63f }
.duziOpisPrikaz span{color:#8cc63f; font-size: 18px}

.tabelaArtikala{box-sizing: border-box;}
.tabelaArtikala table{ display: flex; width: 100%; text-align:center; font-size: 15px}
.tabelaArtikala tr{ display:flex; margin:0 0 10px; flex-wrap: wrap; background: #ddd}
.tabelaArtikala th{display: none}
.oblast_kataloga .tabelaArtikala td,.oblast_kataloga .tabelaArtikala th{padding: 10px;  
	width: 100%; border: none;border-bottom: 1px solid #fff; box-sizing:border-box;}
.tabelaArtikala th{background: var(--pg); color:#fff; font-weight: normal}
.tabelaArtikala th span{color: #fff}
.tabelaArtikala td{display: flex; justify-content: center; align-items: center}
.tabelaArtikala td:last-child{ border: none; width: 100%; padding: 15px 0; 
	box-sizing: border-box}
.oblast_kataloga .tabelaArtikala td ul{flex-wrap: nowrap; justify-content: initial;
flex-direction:row; }
.oblast_kataloga .tabelaArtikala td ul li{width: 100%; border: none}
.tabelaArtikala td .icons{background: var(--main); color:#fff; padding:5px 10px; box-sizing: border-box;
font-size: 26px}
.tabelaArtikala .kolona_properties span:first-child{font-size: 16px; font-weight: bold; 
	padding-right: 5px; display:block;}
.tabelaArtikala .kolonaCena .oldPrice{padding-right: 5px; font-size: 12px; text-decoration: line-through}
.tabelaArtikala .cenaKg:after{content:"din/kg"; padding-left:5px}

.duziOpis{margin: 20px 0 }
.duziOpis p{font-size: 16px; line-height: 1.3rem; padding: 5px 0}
.duziOpis table{width: 100%; border-collapse: collapse; margin: 20px 0; display: flex; overflow-x: auto;
width: 100%}
.duziOpis table td{border: 1px solid #ddd; padding: 6px 10px; box-sizing: border-box;
font-size: 14px}


.tabelaKarakteristika{
	display: none
}
.naslovTabelaArtikala{
	color:var(--main);
	font-size:var(--fs);
	
}

/*FILTERI*/

.filterOuter{background:#fff; border: 1px solid #ddd;border-bottom: none; width: 90%; margin:10px auto}
.filterOuter fieldset{  border: none}
.filterOuter legend{font-size: var(--fm);  display: block; width: 100%;
padding: 10px; box-sizing: border-box; border-bottom:1px solid #ddd; position:relative}
.filterOuter legend:after{content:"";  width: 16px; height: 16px; display: inline-block;
border-right: 2px solid var(--main); border-bottom: 2px solid var(--main); transition: .3s;
transform: rotate(45deg); position:absolute; right:20px; top:10px}
.filterOuter .filter_strelica_gore:after{transform: rotate(-135deg); top:15px; transition: .3s}
.filterOuter li{padding: 5px 10px; box-sizing: border-box; font-size: var(--fn)}
.filterOuter li input{margin-right: 5px}




/*
.tabelaArtikala table tbody td{}
.tabelaArtikala .iconStatus{ position:relative;width:0;height:0; border:none;padding:0;z-index: -1;box-sizing: border-box;}
.tabelaArtikala .iconStatus img{  display:none;}
.articleTable .coll_price{display:none;}
.articleTable .kolonaCena2{display: none;}
.articleTable .iconStatus {display: none;}
.articleTable{ border-collapse: collapse;}
.articleTable th{border-left: 1px solid #fff; background: #8cc63f; color:#fff; font-size: 14px;
font-weight: normal; background-clip: padding-box; padding: 5px}
.articleTable th:first-child{border-left: none}
.articleTable th:nth-last-child(1){display: none}
.articleTable .kolona_json{padding:0;}
.tabelaArtikala .poruciArtikal .icons{font-size:14px;background: #006837;color:#fff;padding:4px 14px;border-radius:2px; }
.prodMoreDescription{margin: auto}
.prodMoreDescription ul{margin-top: 15px}
.prodMoreDescription li{list-style:disc ; padding: 5px 0; list-style-position: inside}
.modelPolje{display: none}*/

/*NARUDZBENICA*/

/*
#myaccount_style {width: 100%; margin: auto;padding: 15px;box-sizing: border-box;}
#myaccount_style .contentTABLE>tbody>tr{ display:flex; flex-direction: column;}
#myaccount_style .menuArea li{margin:4px auto;text-align: center;}
#myaccount_style .menuArea li a{padding:12px 14px; display: block; margin: auto; border:1px solid #ccc;box-sizing: border-box }
#myaccount_style label{display: block;margin: 5px 0 2px 0;}
#myaccount_style a{color: #006837;}
/*
#myaccount_style #potvrda{transform: scale(2.4); margin:15px}

#usloviProdaje .usloviCheckbox{position: relative}
#usloviProdaje .usloviCheckbox #potvrda {position: absolute; top: 100%;height: 30px; display: block;}
#myaccount_style div:last-child{text-align: center;padding: 10px 0 0 0; box-sizing:border-box;}
#myaccount_style ul{width: 80%; margin: auto; padding-top:10px;box-sizing:border-box;}
#myaccount_style h4{color: #fff;padding: 20px 0 10px 0 ;font-size: 20px; font-weight: lighter}
#myaccount_style .buttonUkljuciNapomenu{color: #fff;background: #006837;padding: 10px;width: 40%;margin: 20px auto 20px auto;text-align: center;}
#myaccount_style .buttonNapomena{color: #fff;background: #006837;padding: 10px !important;;width: 40%;margin: 20px auto 20px auto;text-align: center;}
#myaccount_style .naruciListu{color: #fff;background:#006837;padding: 10px;width: 40%;margin: 50px auto 20px auto;text-align: center;}
#myaccount_style .naruciListu a{color:#fff;}
#myaccount_style textarea{width:80%;margin:auto;display: block;}

/*REGISTRACIJA-PRIJAVA

#myaccount_style .contentTABLE input{width: 100%; padding: 10px 0; margin:5px 0; }
#myaccount_style .contentTABLE #dugme_login {background:  #006837; color: #fff; font-size: 16px; border:none;}
#registrujte_se h3{margin-top:10px}
#registrujte_se form #mail_list{width: 100%; height: 20px; position: absolute; left: -7%; bottom: 42px}
.forgot_pass input:nth-child(4){font-size: 15px; color: #fff; background: linear-gradient(#8cc63f, #006837); border: none}*/


#myaccount_style {margin:0 auto;padding: 10px 6px 60px 6px;background: #fff;
	border:1px solid #ddd;border-radius:3px;box-sizing: border-box; width: 100%}
#myaccount_style .contentTABLE{width:100%;display: block; }
#myaccount_style .contentTABLE>tbody{display: block}
#myaccount_style .contentTABLE>tbody>tr{ display:flex;  flex-direction: column;}
#myaccount_style .contentArea{ width: 100%; box-sizing:border-box;}
#myaccount_style .imate_nalog_dugme a{background: var(--pg); color: #fff; display: block;
text-align: center;padding: 10px; box-sizing: border-box}

#myaccount_style .menuArea { width: 100%; }
#myaccount_style .menuArea li{margin:4px auto;text-align: center; list-style: none}
#myaccount_style .menuArea li a{padding:12px 14px; display: block; width:88%;margin: auto; border:1px solid #006837;box-sizing: border-box }

#myaccount_style h1{ padding: 10px 0 ;text-align: center;}

#myaccount_style h3{ padding: 10px 0;text-align: center;}
#myaccount_style label{display: block;margin: 15px 0 10px 0;}

#myaccount_style a{color: #006837;}
#myaccount_style .registracijaCnt{ display: flex; flex-direction: column}
#myaccount_style .registracijaCnt>div{border:1px solid var(--main); margin-bottom: 20px;
padding: 10px; box-sizing: border-box}

#myaccount_style input{text-align: center;padding: 10px;}
#myaccount_style #potvrda{transform: scale(2.6); margin:20px}
.app_field_unos{display:block;margin:0 auto 4px auto;}
.forgot_pass_btn{background:#006837;border:none;color:#fff;width:130px;}
#myaccount_style #ulogujte_se{text-align: center;order: 2}
#myaccount_style #ulogujte_se input{width: 80%;}
#myaccount_style #ulogujte_se p a{display: block; padding-bottom: 10px; font-size: 16px}
#myaccount_style #ulogujte_se h3{font-size: 24px}
#myaccount_style #registrujte_se{text-align: center;order: 1
}
#myaccount_style #registrujte_se input{width: 80%;margin-bottom:4px;}
#myaccount_style #registrujte_se .inline_radio br{display: none}

#myaccount_style #mail_list{width: 10% !important;}

#myaccount_style ul{margin: 0 !important;text-align: left;width: 100%; padding-top:10px;box-sizing:border-box;}

#myaccount_style #dugme_login{background:#006837 ;color: #fff; letter-spacing: 1px; ;font-size:20px;border: none;border-radius: 3px;margin:22px 0;padding:16px;box-sizing: border-box;}

#myaccount_style h4{text-align: center;font-size: 21px;}

#myaccount_style .buttonUkljuciNapomenu{color: #fff;background: #006837;padding: 10px;width: 50%;margin: 20px auto 0 auto;text-align: center;border-radius:3px;}
#myaccount_style .buttonNapomena{color: #fff;background: #006837;padding: 10px !important;;width: 50%;margin: 10px auto;text-align: center;border-radius:3px;}
#myaccount_style .naruciListu{color: #fff;background: #006837;padding: 10px;width: 50%;margin: 10px auto;text-align: center;}
#myaccount_style .naruciListu a{color:#fff;}
#myaccount_style textarea{width:85%;margin:auto;display: block;}

#myaccount_style .buttonsForCheckout a{ display:block;margin-top: 10px;
padding: 10px 0; background:var(--pg); border:1px solid #fff}

#myaccount_style .kartice-banka{display: flex; flex-wrap: wrap; 
	justify-content: space-evenly; margin:10px 0}
#myaccount_style .kartice-banka span{display: block;width: 20%;margin: 10px; border:1px solid #ddd;
border-radius:6px; padding:5px; box-sizing:border-box}
#myaccount_style .kartice-banka img{display: block;width: 100%}

/**********moj_nalog**********/
.myAcc_container{width:70%;margin-left: 15%;font-size: 16px}
.myAcc_container p{text-align: left;padding:0 0 0 22px;line-height: 2;}
.myAcc_container input{background: var(--pg); color: #fff; border: none; font-size: 16px;
margin: auto; display: block; width:max-content;}
.contentTABLE p img{width:20px;height:auto;vertical-align: bottom;}

.myAcc_container label{text-align: center}
.myAcc_container #f_adresa,.myAcc_container #f_company,.myAcc_container #f_name,
.myAcc_container #f_telefon,.myAcc_container #f_oldpass,.myAcc_container #f_pass1,
.myAcc_container #f_pass2{background: #fff; border:1px solid #ddd; color:#333}
.myAcc_container .passEdit,.myAcc_container .passReset{margin-bottom: 10px; width: 150px}

#myaccount_style #wishlist_buttons{display: flex; justify-content:space-between;
flex-wrap:wrap;}
#myaccount_style #wishlist_buttons a{display: block;  width: 30%; background: var(--pg);
margin-bottom: 10px; font-size:16px; }
#myaccount_style #wishlist_buttons a img{display: block; width: 30px; margin: auto;
filter: invert(1)}
#myaccount_style #wishlist_buttons a span{ padding:10px 0 5px;color: #fff;
display: block; text-align:center}


#myaccount_style .contentArea .wpwl-container iframe{color: #333!important;}

/*****message_note************/
#myaccount_style .messages_NOTE {width:340px;box-sizing: border-box;padding:0 2%;text-align:left;}
#myaccount_style .messages_NOTE br{opacity:0;}
#myaccount_style .messages_NOTE h4{font-size:18px;padding-bottom:12px;color:#555;}
#myaccount_style .messages_NOTE p{text-align:left;}

/**********moje narudzbenice*************/
#snimljeneListe{ width: 100%; display: flex; overflow-x: auto; border-collapse:collapse}
#snimljeneListe th,#snimljeneListe td{font-size: 16px; border: 1px solid #ddd;
padding: 5px; box-sizing:border-box; text-align: center}


/*IZMENA NARUDZBENICE*/
#save_edit{ text-align:center; font-size:16px}
#save_edit input:last-child{background: var(--pg); font-size: 16px;color: #fff; border: none;
padding: 10px!important; display: block; box-sizing: border-box; margin:auto}
#save_edit #list_desc{resize: vertical; width: 300px!important;}

/*********wishlistDisplay****************/
#wishlistDisplay{background: #fff;border:2px solid #ddd; width: 100%; 
	box-sizing: border-box; display:flex; flex-wrap:wrap;  }
#wishlistDisplay .tableDiv{width: 100%}
#wishlistDisplay table{ width: 100%; display:flex; flex-wrap:wrap}
#wishlistDisplay .hederBoksa{background: #fff;border-bottom:2px solid #ddd;
	margin-bottom:12px;padding-bottom:8px; width: 100%}
#wishlistDisplay .hederBoksa span{color:#444; }
#wishlistDisplay .hederBoksa .wishlistTitle{margin-left: 10px}
#wishlistDisplay  tbody{border-collapse: collapse;display:flex; width:100%;
border-top: 1px solid #ddd; flex-wrap: wrap }
#wishlistDisplay tbody tr{display: flex;flex-direction: column;
	width:100%; border-bottom:1px solid #ddd; 
	text-align: center; margin:5px 0}
#wishlistDisplay th{border: none; }
#wishlistDisplay td, #wishlistDisplay th{padding:10px 5px;box-sizing: border-box; 
	font-size: 16px!important;;display:flex; flex-direction:column}
#wishlistDisplay tr:first-child{display: none}
#wishlistDisplay .coll_image img{display: block; width: 100px; margin:auto}
#wishlistDisplay td input{width:44px;margin: auto;}
#wishlistDisplay p{color:#505050;}
#wishlistDisplay .boxRight{font-size:18px;padding:8px 0 12px 0}
#wishlistDisplay .boxLeft{color:#0077be;}
.overallPrice{padding:4px 12px;text-align: center; margin: auto}
#wishlistDisplay .wishlistBack, #wishlistDisplay .wishlistTitle{
	display: inline-block;
}
#wishlistDisplay button{border: none; background: transparent}
#wishlistDisplay .fa{font-size: 24px}
#napomenaFakture #sendNotice{padding:8px;box-sizing: border-box}
#wishlistDisplay .wishlistBack{
	width:20%;
	vertical-align: middle

}
#napomenaFakture{display: none; margin-top:20px}
#wishlistDisplay .wishlistBack span{
	font-size:15px
}
#wishlistDisplay .wishlistTitle{
	width:70%;
	color:#aaa;
	font-size:16px;

}
#wishlistDisplay .porukaObavestenja{
	color:#777; margin: auto
}
#usloviProdaje{padding: 10px; box-sizing: border-box}
#usloviProdaje .usloviCheckbox label{color:#fff;}
#usloviProdaje .usloviCheckbox a, .mob{
	color:#fff;
	display: inline-block;
	width:auto;
	margin:4px; text-decoration: underline
}

.warningDisabled{
	background: #ffa;
	padding:0 10px;
	margin: 10px auto 0 auto;
}
.warningDisabled a,.warningDisabled label{color: #333!important;}

.cntTransakcije{
	padding:20px;
	border:1px solid var(--pg);
	border-radius: 10px;
	margin:10px 0;
}
.cntTransakcije .transOK,
.cntTransakcije .transNotOK{
	display: block;
	color:var(--pg);
	font-size:var(--fl);
	position: relative;
}
.cntTransakcije .transNotOK{
	color:#f33;
	font-size:var(--fm);
}
.transOK span,
.transNotOK span{
	position: absolute;
	top:-10px;right:0;
	color:var(--pg);
	font-size:36px
}
.transNotOK span{
	color:#f33;
}

.cntTransakcije ul{
	padding:20px 10px;
}
.cntTransakcije ul li{
	padding: 6px 0;
}
.cntTransakcije p{
	padding:10px 0;
	line-height:1.5rem
}
.cntTransakcije .buttons{
	background: var(--pg);
	margin:20px auto;
	display: block;
	width:70%;
	text-align: center;
	padding: 12px;
	box-sizing: border-box;
	color:#f3f3f3;
	border-radius:10px;
}
/*FOTO DZUNGLA*/

.embdgallery{display: flex;flex-wrap: wrap; justify-content:space-between; flex-direction: column}
.embdgallery li{width: 49%; height: max-content;margin-bottom:5px; 
	box-sizing: border-box }
.embdgallery li:nth-child(7){break-after: always}


/*FOOTER*/

.oblast_futera {background: #178140; position: relative;padding:10px 10px 30px;
	box-sizing:border-box }
.footer_blocks .footer_block{margin: 5px auto 10px;text-align: center;}
.footer_blocks .footer_block h3{color: #fff;padding: 10px 0 5px 0}
.footer_blocks .footer_block a{color: #ddd; display: block; padding: 6px 0; font-size: 15px;}
.footer_blocks .footer_block p{color: #ddd; padding-bottom: 5px}
.oblast_futera li{list-style: none}
.oblast_futera .blokoviFuter{margin:10px auto; text-align: center;display: none}
.oblast_futera .blok{margin: 10px 0}
.blokoviFuter .blok a{display: block;margin: auto;z-index: 100; position: relative }
.blokoviFuterGonji{display: none}
.blokoviFuter h4{color: #fff; font-size:20px; padding: 5px 0}
.blokoviFuter p{color:#fff; font-size: 14px}
.blokoviFuter img{width: 40px; filter: invert(1);z-index: 1}
.blokoviFuter p a{color:#fff}
.footer_linksContainer{position: relative; }
.footer_navigation{text-align: center;}
.footer_navigation a{display: block; padding: 10px;font-size: var(--fm);
border-bottom:1px solid #fff;} 
.footer_contact li, .footer_info li{padding-top: 10px; color: #fff}
.footer_links li a{color: #fff}
.footer_mob_info{margin: 20px auto; width: max-content }
.footer_mob_info a{display: block; color: #fff;font-size: 18px;position: relative; padding: 5px 0;}
.footer_mob_info a:before{ content: "";border-left: 8px solid #fff;
border-top:6px solid transparent; border-bottom:6px solid transparent; 
	position:absolute; left: -15px; top: 5px}
.futerLogo{text-align: center}
.futerLogo h4{color :#fff; font-size: 16px; padding-top: 10px; font-weight: normal;}
.footer_links p{color: #fff; margin-top: 10px}
.footer_linksContainer .logoImg {width: 180px;margin: auto;} 
.footer_contact, .footer_info{text-align: center;
	padding: 30px 0 20px 0}
.futerDrustveneMreze ul{display: flex; padding:0 0 10px }
.futerDrustveneMreze li{padding: 0 5px}
.futerDrustveneMreze img{display: inline-block; width: 40px; filter: invert(1)}
.ikoniceFoter {width: 20px; position: absolute; top: 1%; right: 2%; display: none}
.oblast_futera .kartice{display: flex; justify-content: space-evenly;
margin-top:20px; flex-wrap:wrap}
.oblast_futera .kartice span{display: block; width: 20%; margin:10px}
.oblast_futera .kartice span a{display: block; width: 100%}
.oblast_futera .kartice img{display: block; width: 100%}