/*
	
2 DO fix da nema floatinga za nav#breadcrumbz ul li::before ovaj NEW skul 

potraži u ovom fajlu keywords i sredi to:
- sredi
- 2 do

*/



/*-----------------------------------------------------------------------------------

Author:plastikfantastik
Author URL:http://www.plastikfantastik.net/

-------------------------------------------------------------------------------------
 
Site Colors

00A7D0 - ECHO blue
A8CF45 - ECHO green
727376 - ECHO grey

F7F6F3 - krem 1
F8F6F0 - krem 2
F7F5ED - krem 2b
F3F0EA - krem 3
F9F7F4 - krem 3 50% transparent
DED8C8 - krem 4
	
00A7D0 - linkz, ECHO blue
	rgba(0,167,208,
A8CF45 - linkz, ECHO green
	rgba(168,207,69,
A8CF45 - linkz, hover	
000 - footer + pf
EAEAEB - border

B9B9B9 - figcaption, ikone download

FFF4D4 - msgC bck yellow

------------------------------------------------------------------------------------ */

/* apply a natural box layout model to all elements */
*, *::after, *::before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

/* smooth scrolling */
html {
  scroll-behavior:smooth;
}


/*
PAZI:
::before i ::after imaju dvoje dvotochke!


sredi dio za img clearere! ovisi koliko imaš fotki u redu, defalt je 3, potraži

.galerijaC figure = ex .galerijaC .galerijaItem {
*/

/* eric meyer reset, v2.0 | 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* HTML5 display-role reset for older browsers */
body { line-height:1; }
/* ol,  */ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote::before, blockquote::after, q::before, q::after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
button { border:none; }
/**/
body{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}  /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */ 

/* ! ///// START ///// */
html {
	font-size:62.5%;
}
body {

	background-color:#FFF;
	text-align:center; /* ie5 */
/*
	background-position:100% 100%;
	background-repeat:no-repeat;
	background-size:50%;
	background-image:url(dizz_logo_outline@2x.png);
	background-image:url(dizz_logo_outline.svg),
	linear-gradient(transparent, transparent);
*/	
}
/* fontz */
body, td, th, h1, h2, h3, h4, h5, h6, input, textarea, select, button, .gm-style-iw .gmnoprint,
.fancybox-caption em {
	font-family:'montserratmedium', Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
body strong, .customBold, .itemContent h5 span, nav#breadcrumbz ul li.breadLast,
footer .fCol1 h5, #flags,
#enoviceInput .formCol label.bcms-form-label {  /* search:font-weight:bold; */
	font-weight:normal;
	font-family:'montserratbold', Verdana, Arial, Helvetica, sans-serif;
}
body em, .customItalic, blockquote { /* search font-style:italic; */
	font-style:normal;
	font-family:'montserratmedium_italic', Verdana, Arial, Helvetica, sans-serif;	
}
body strong em, body em strong, blockquote::before {
	font-weight:normal;
	font-style:normal;	
	font-family:'montserratbold_italic', Verdana, Arial, Helvetica, sans-serif;
}
.item h6, .iDate {
	font-family:'montserratregular', Verdana, Arial, Helvetica, sans-serif;
}

#content, #contentBttm, td, th, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-size:16px;
	font-size:1.6rem;	
}
.msgC {
	font-size:15px;
	font-size:1.5rem;	
}
.iRcol {
	font-size:14px;
	font-size:1.4rem;	
}
img {
	border:none;
}
div {
	margin-left:auto;
	margin-right:auto;
}
p, footer address, 
.iProductCatH .itemListed .itemTxtImg p {
	margin-bottom:1.2em;
}
.smanjiP p {
	margin-bottom:5px;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	clear:both;
}
h1, h2.h2FolH1 {
	font-size:34px;
	font-size:3.4rem;	
}
h1.h1Kat {
	padding-bottom:5px;
	border-bottom:2px solid transparent;
} 
h2 {
	font-size:28px;
	font-size:2.8rem;	
	margin:0;
	padding-top:1em;
}
h1, h2, h2.h2FolH1 {
	margin-bottom:33px;
}
h1.h1Kat, h2.h2Kat {
	margin-bottom:45px;
}
h2.h2Frst, h3.h3Frst {
	padding-top:0;
}
h2.h2Frst, .itemListed h3.h3Frst {
	margin-top:-7px;
}
.itemListed h3.h3Frst {
	line-height:1.25em;
}
h2.h2FolH1 {
	margin-top:0;
	padding:0;
}
.dizzCapka {
	float:left;
	display:block;
	width:100%;
	clear:both;
	padding-top:10px;
	margin:0 0 60px;
}
h1 span, h2.h2FolH1 span, .iJumpTxtW h3 span, .iNwslttrH h3 span, .dizzCapka { /* dizz capka */
	display:block;
	height:1px;
	padding-top:12px;
/* 	margin-bottom:30px;	 */ /* nepotrebno jer se tak gleda margina donja od h1 odn. h2 */
	width:100px;
	border-bottom:5px solid transparent;
}
.itemListed h2.h2FolH1 span {
	padding-top:13px;	
	margin-bottom:18px;		
	width:50px;
	border-bottom:3px solid transparent;	
}
h3, h4, h5 {
	margin:0 0 1em;
	padding-top:1.3em;
/* 	line-height:1.2em; */
}
/* ako je odmah prvi na početku texta, nema gore padding */
/*
.itemContent h2:first-child, .itemContent h3:first-child, .itemContent h4:first-child, .itemContent h5:first-child { 
	padding-top:0;
}
*/
h3 {
	font-size:25px;
	font-size:2.5rem;
}
h4 {
	font-size:23px;
	font-size:2.3rem;	
}
h5 {
	font-size:20px;
	font-size:2rem;	
}

/* more docs on 1 page - smaller titles */
.iProductCatH .itemListed h1, .iProductCatH .itemListed h2.h2FolH1 {
	font-size:28px;
	font-size:2.8rem;	
}
.itemListed h1, .itemListed h2.h2FolH1, .itemGalerije h1, .itemGalerije h2.h2FolH1 {
	font-size:25px;
	font-size:2.5rem;
}
.iProductCatH .itemListed h2 {
	font-size:25px;
	font-size:2.5rem;	
}
.itemListed h2, .itemGalerije h2, .itemListed h3.h3Frst {
	font-size:21px;
	font-size:2.1rem;
}
.iProductCatH .itemListed h3 {
	font-size:22px;
	font-size:2.2rem;	
}
.itemListed h3 {
	font-size:18px;
	font-size:1.8rem;
}
.iProductCatH .itemListed h4 {
	font-size:19px;
	font-size:1.9rem;	
}
.itemListed h4 {
	font-size:16px;
	font-size:1.6rem;
}
.iProductCatH .itemListed h4 {
	font-size:18px;
	font-size:1.8rem;	
}
.itemListed h5 {
	font-size:16px;
	font-size:1.6rem;
}
.itemListed h6 {
	font-size:16px;
	font-size:1.6rem;
}
/*
.itemListed h1 {
	margin-bottom:10px;
}
.itemListed h1.h1Smaller {
	margin-bottom:3px;
}
*/
.lytCols .itemListed .itemContent { /* .lytCols - da nije kod produkata */
	font-size:93%;
/* 	font-size:1.5rem; */
	line-height:1.5em;
}
/* more docs on 1 page END  */

.iDate { /* novice datum */
	float:left;
	display:block;
	width:100%;
}
.item h6, .iDate { /* novice datum */
	font-weight:normal;
	padding:0;
	margin:0 0 12px 0;
}
a {
	text-decoration:none;
	color:#00A7D0;
}
a:visited {
	/*color:#103E5B;*/
}
a:hover, a:focus, a:active {
/*	color:#FFF;
	background-color:#00A7D0;*/
}
.nop, #printHeader, [aria-hidden="true"] {
	display:none;
}
button {
	cursor:pointer;
}

blockquote {
/* 	float:left; */
	float:none;
	display:block;
	padding:40px 10% 40px;
	margin:0 auto;
	clear:both;
	width:100%; /* margine L i D */
/* 	font-size:19px; */
	font-size:110%;
 	line-height:1.5em;
	color:#727376;
	min-height:calc(20px + 55px); /* blockquote::before padding-top vrijednost + 55px */	
}
blockquote::before {
	vertical-align:middle;
	content:'\“';
	font-size:115px;
	float:left;
	padding-top:20px;
}
blockquote p {
	margin:0 0 8px 80px;
}
blockquote p strong {
}



/*////////////////////////////////
//	bejzik staff
////////////////////////////////*/
div#top, .w100In, #bcmsCookieInfo {
/* 	width:980px; */
	width:1200px;
}
.hPitem .w100In { /* RWD bug fix */
	width:100%;
	margin-left:0;
	margin-right:0;
}

.w100 { /* wrap 100% */
	float:left;
	display:block;
	width:100%;
}
.w100In {
	position:relative;
	clear:both; /* DODANO 19/2/2020 - Voljan bug, nisam mogao označiti dio texta na uvodnoj gdje je više takvih divova, makni ako su problemi */
}
div#top {
	text-align:left;
/* 	background-color:#FFF; */
/* 	overflow:hidden; */
}


.iRcol {
	float:right;
	display:inline;
	padding-bottom:10px;
}
#contMidd {
	float:left;
	display:block;
	width:100%;	
	padding-bottom:15px;
}
header#headMain {
	position:relative;
	margin:0 0 80px 0;
}
#headMainTop {
	float:left;
	display:block;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	
/*
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-color:#fff;
	padding:30px 0;
*/
}
#headMainTop .w100In, #meniFixed .w100In {
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element - INAČE ako je sliak nju recimo smanjuje! */ 
	flex-grow:0; /* 0 - items to keep their width and expand the empty space; 1 - items will expand the width to fit the space */ 
	gap:3rem;
	row-gap:4rem;
}
#hmeniTop {
	margin-top:3px; /* ručno još malo spustimo */
}
#meniFixed .hmeni {
	margin-top:2px; /* ručno još malo spustimo */
}
div#footerInfo {
	display:none;
}
a#home, a#home2 {
	width:186px;
	height:65px;

/*
	width:172px;
	height:60px;
*/
  	
	display:block;
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	background-image:url(logo@2x.png);
	background-image:url(logo.svg),
	linear-gradient(transparent, transparent);
}
a#home2 {
/*
	width:158px;
	height:55px;
*/
	width:145px;
	height:51px;
}
a#home span, a#home2 span {
	display:none;
}

/* soc links */
.socLinks {
	list-style-type:none;
	float:left;
	display:block;
	width:100%;
	text-align:center; /* IMP */	
	margin-top:20px;
}
.socLinks span {
	display:none;
}
.socLinks li {
	display:inline; /* IMP */
	float:left; 
	line-height:0;
	text-align:center;
	font-size:16px;
}
.socLinks a {
	display:inline-block; /* IMP */
	float:none;	
	line-height:1em;
	text-align:center;
	margin-left:0;
	margin-right:8px;
	margin-bottom:8px;
	width:40px;
	height:40px;
	padding-top:11px;
/*
	display:flex;
	align-items:center;
	justify-content:center;	
*/	
}
#toTop {
	width:50px;
	height:50px;

/* new wave, ne definiraš fixnu dimenziju, već s veličinom fonta i paddingom - POTENCIJALNI PROBLEM ako imaš soc ikonice pa != veličine fonta
	NE RADI BAŠ NAJ NAJ */	
/*	padding:10px;
	line-height:0;*/ /* imp! */	
}
#toTop {
	padding-top:13px;

/* new wave, ne definiraš fixnu dimenziju, već s veličinom fonta i paddingom - POTENCIJALNI PROBLEM ako imaš soc ikonice pa != veličine fonta
	NE RADI BAŠ NAJ NAJ */	
/*	padding:10px;
	line-height:0;*/ /* imp! */	
}
.socLinks i::before {
	vertical-align:baseline; /* bolje ako je velika ikonica, ili ako su problemi s line-heightom texta pored */
	vertical-align:middle; /* bolje ako je mala ikonica, tipa malo veća od samog fonta */
}
.socLinks .fa-facebook-f::before {
	font-size:85%;
}

/* kontakt page, pod textom */
.socLinksH {
	float:left;
	display:block;
	width:100%;
	margin-top:10px;
}
.socLinksH .socLinks, .socLinksH .socLinks li {
	text-align:left;
}
.socLinks li {
	display:inline-block;
}
.socLinksH .socLinks a {
	margin-left:0;
	margin-right:8px;
}
#content .socLinksH .socLinks {
	margin-left:0;
	float:left;
}

/*////////////////////////////////
//	footer futer
////////////////////////////////*/
footer {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	padding:0;
}

/* 2 != boje za 2 reda */
footer {
	padding:0;
}
#fR0 {
	background-position:50% 0;
	background-repeat:repeat-x;
	background-image:url(dizz_echo_dotz.svg),
	linear-gradient(transparent, transparent);	
	padding:0 0 80px;
}
#fR1 {
	padding:0 0 70px;
}
#fR2 {
	padding:0 0 35px;
}

#dizzLogoFooterC, #dizzLogoFooter {
	float:left;
	display:block;
	width:172px;
	height:60px;
}
#dizzLogoFooterC {
	background-color:#fff;
	padding:0 40px;
	width:252px;
	margin-top:-4px;
	margin-left:-40px;
}
#dizzLogoFooter {
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
	background-image:url(logo.svg),
	linear-gradient(transparent, transparent);	
}

/* 1 boja, sve skupa */
/*
footer {
	padding:50px 0;
}
#fR1 {
	background:none;
	padding:0;
}
#fR2 {
	padding:50px 0 0;
}
*/

.col, .fCol, .colSpan1 {
	float:left;
	display:block;
/* 	overflow:hidden; */
}

.fCol4 h5 {
	margin:0 0 15px;
	padding:0;
}
.fCol4 p {
	margin-bottom:20px;	
}

.infoCopy {
	float:left;
	display:block;
}
#pfH {
	float:right;
	display:block;
	text-align:right;
}
.infoCopy, #pfH {
	line-height:1.4em;
}

footer .utilNav li {
	margin-bottom:10px;
}


/*////////////////////////////////
//	navigacija
////////////////////////////////*/
.hmeni {
	float:right;
	display:inline;
	width:auto;
	margin:0;
	font-size:17px;
	font-size:1.7rem;

	font-size:18px;
	font-size:1.8rem;	
}
.hmeni span {
/*	
	padding:0 0px 14px 1px;
	color:#262626;
	font-size:21px;
	font-size:2.1rem;
*/
}
.hmeni li {
	list-style-type:none;
	float:left;
	display:block;
	padding:0 0 0 0;
	margin-left:20px;
	position:relative;
}
.hmeni li:first-of-type {
	margin-left:0;
}
.hmeni a {
	float:left;
	display:block;
	margin:0;
/* 	padding-bottom:6px; */
/* 	border-bottom:4px solid transparent; */
}

#hmeniTop {
/* 	margin-bottom:21px; */
}

/* dropdown */
.hmeni ul ul {
	display:none;
	position:absolute;
	left:0;
	top:33px;
	z-index:100;
	height:auto;
	padding:0;
	margin:0;
/*
	font-size:15px;
	font-size:1.35rem;
*/
	font-size:90%;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	width:160px;
	min-width:160px;
	width:auto;
/* 	border-top:2px solid #000; */
}
.hmeni ul ul span {
	display:none;
}
.hmeni ul ul:hover, .hmeni ul ul:focus, .hmeni ul ul:active {
}
.hmeni ul ul li {
	display:block;
	width:100%;
	border:none;
	background:none;
	line-height:1.3em;
	white-space:nowrap;
	clear:left;
	text-align:left;
	position:relative;
	padding:0;
	margin:0;
	border-bottom:1px solid rgba(255,255,255,0.1);
/*
	padding-bottom:1px;
	background:url(dotz_2.png) repeat-x 0 100%;
*/
}
.hmeni ul ul li.iLast, .hmeni ul ul li:nth-last-of-type(1) {
	padding-bottom:0;
	background:none;
	border-bottom:none;
}
.hmeni ul ul a {
	display:block;
	padding:14px 16px 12px 20px;
	background:none;
	margin:0;
	text-align:left;
	border:none;
	width:100%;
}
.hmeni ul ul a span {
	display:inline-block;
}
.hmeni ul ul a:hover, .hmeni ul ul a:focus, .hmeni ul ul a:active, 
.hmeni ul ul a.hmeniAkt:hover, .hmeni ul ul a.hmeniAkt:focus, .hmeni ul ul a.hmeniAkt:active {
}
.hmeni ul ul a.hmeniAkt {
}


footer .hmeni {
	float:left;
}
footer nav ul {
	float:left;
	text-align:left;
	width:auto;
	padding-top:2px;
}
footer nav li, footer nav.hmeni li {
	float:left;
	display:block;
	clear:both;
	width:auto;
	padding:0;
	margin:0 0 25px;
	text-align:left;
}
footer nav a {
	padding:0;
	margin:0;
	border-top:none;
}

/* util nav */
.utilNav {
	float:left;
	display:block;
}
.utilNav span {
	padding:0;
}
.utilNav ul li {
	list-style-type:none;
	float:left;
	display:block;
	position:relative;
	padding:0 0 0 0;
}
.utilNav a {
}

footer .utilNav ul li {
	margin-bottom:27px;
}


/*////////////////////////////////
//	breadcrumbz
////////////////////////////////*/
#breadcrumbzC {
	position:absolute;
	left:0;
	bottom:15px;
	z-index:1;
	width:100vw;
}
nav#breadcrumbz {
/* 	width:100%; */
	float:left;
	display:block;
	padding:0 0 0 0;
	margin-bottom:0px;
	line-height:1.3em;
	background-color:rgba(0,0,0,0.6);
	padding:15px 25px 5px 0;
	padding-left:calc((100vw - 100%)/2 + 20px); /* +20 je zbog skew transform */
	margin-left:calc((-100vw + 100%)/2 - 20px);
}
nav#breadcrumbz ul {
	float:left;
	display:block;
	margin:0!important;
	padding:0;
}
nav#breadcrumbz ul li {
	list-style-type:none;
	float:left;
	display:block;
	padding:0px 0 0px 7px;
	margin-bottom:10px; /* RWD! */
}
nav#breadcrumbz ul li::before {
	padding-right:10px;
}
nav#breadcrumbz ul li.breadFirst::before {
	padding-right:0;
}
nav#breadcrumbz ul li.breadFirst {
	padding-left:0;
}
nav#breadcrumbz ul li.breadLast {
/* 	font-weight:bold; */
}
nav#breadcrumbz ul li.breadLast::before  {
	font-weight:normal;
}
nav#breadcrumbz span {
	display:none;
}


/*////////////////////////////////
//	fixed menu sticky
////////////////////////////////*/
#meniFixed {
	padding:18px 0;
/*
F7F6F3 - krem 1
F8F6F0 - krem 2
F7F5ED - krem 2b
F3F0EA - krem 3
DED8C8 - krem 4
*/
	background:#F9F7F4;
}
#meniFixed {
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	text-align:center; /* IMP */
/* 	overflow:hidden; */
   -ms-transform:translateY(-120%);
   -webkit-transform:translateY(-120%);
   transform:translateY(-120%);	
   
/*	overflow:visible; */
}
#meniFixed.meniShow {
	top:0;
   -ms-transform:translateY(0%);
   -webkit-transform:translateY(0%);
   transform:translateY(0%);	
}
/*
#meniFixed #hmeniTop2 {
	margin-bottom:0;
}
*/

#meniFixed .hmeni {
/* 	font-size:95%; */

	font-size:17px;
	font-size:1.7rem;

}
#meniFixed .hmeni ul {
/* 	margin-top:-30px; */
}

#meniFixed .hmeni ul ul {
	display:none;
}

/*////////////////////////////////
//	mobile menu
////////////////////////////////*/
#menuRwdH, #searchBoxH {
	top:0;
	z-index:101;
	
	visibility:hidden;
	/* 2do - odkomentiraj za normalno funcioniranje */
}
.rwdMenu {
}
.rwdMenuS { /* strong, flash! */
}
#menuRwdH {
	position:fixed;
	height:100%;
	width:260px;
	right:-260px;
/* 	z-index:102; */
	z-index:2000000000; /* zbog cookie warninga, ide iznad njega */
	z-index:8005; /* zbog lightboxa, ide ispod njega */

/*  	right:0;  */
	/* 2do - zakomentiraj za normalno funcioniranje */
}
.menuRwdHscroll {
	width:100%;
	height:100%;
 /* inside scroller */
   overflow-y:auto;
}
#menuRwdH.menuAkt {
	right:0;
}
.rwdIcon {
	display:block;
	position:absolute;
	top:0;
	left:-51px;
	width:51px;
	height:51px;
/* 	padding-top:10px; */
	text-align:center;
	z-index:102;
	background:#00A7D0;
	opacity:0.8;
}
.rwdIcon, #searchBoxH {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element */	
}
#searchBoxH.show {
	display:flex!important; /* bootstrap override */
}
#searchBoxH {
/* 	justify-content:flex-start; */
}
.rwdMenuS .rwdIcon {
/* 	background:#fff; */
}
/*
#searchIcon {
	background:#fff;
}
*/
.rwdIcon:hover/* , .rwdIcon:focus */ {
	background:#A8CF45;
	opacity:1;
}
/*
#searchIcon:hover, #searchIcon:focus {
	background:#00A7D0;
}
*/
.rwdIcon:hover::before/* , .rwdIcon:focus::before */ {
	color:#fff;
}
.rwdIcon span {
/* 	visibility:hidden; */
	display:none;
}
.menuRwd, .menuRwdXtra {
	text-align:left;
}
/*
F7F6F3 - krem 1
F8F6F0 - krem 2
F7F5ED - krem 2b
F3F0EA - krem 3
DED8C8 - krem 4
*/
.menuRwd {
	font-size:18px;
	font-size:1.8rem;
	line-height:1em;
	text-transform:uppercase;
	background-color:#fff;
}
.menuRwdLow {
	text-transform:none;
}
.menuRwdXtra {
	font-size:14px;
	font-size:1.4rem;
}
.menuRwd ul ul, #menuRwdH .menuRwdXtra, .menuRwd a  {
	border-bottom-color:#F3F0EA;
}
#menuRwdH, #menuRwdH .menuRwdXtra, .menuRwd ul ul {
	background-color:#F8F6F0;
}
#menuRwdH .menuRwdXtra {
/*
	border-bottom-style:solid;
	border-bottom-width:2px;
*/
	padding:10px 0 10px;
	/* 	background-color:#f8f8f8; */
}
.menuRwd li {
	list-style-type:none;
}
.menuRwd a {
	display:block;
	padding:17px 15px 15px;
	color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.menuRwd a.meniAkt {
	color:#FFF;
	background-color:#00A7D0;
	border-bottom-color:transparent;
}
.menuRwd a:hover, .menuRwd a:focus, .menuRwd a:active {
	background:#A8CF45;
	color:#fff;
	border-bottom-color:#A8CF45;
}
.menuRwd ul ul, .menuRwdXtra ul {
	width:auto;
	padding:8px 12px 10px 30px;
	margin:0;
}
.menuRwd ul ul {
	font-size:0.8em;	
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-transform:none;
	line-height:1.5em;
}
.menuRwd ul ul li, .menuRwdXtra li {
	width:100%; /* IE */
	padding:5px 0;
}
.menuRwdXtra li {
	margin-top:5px;
}
/*
ECHO blue:00A7D0
ECHO green:A8CF45
ECHO grey:727376

F7F6F3 - krem 1
F8F6F0 - krem 2
F7F5ED - krem 2b
F3F0EA - krem 3
DED8C8 - krem 4
*/
.menuRwd ul ul li::before, .menuRwdXtra ul li::before, .hasChild::after {
	color:#DED8C8;
}
.meniAkt.hasChild::after {
/* 	color:#00A7D0; */
	color:#fff;
}
.hasChild:hover:after, .hasChild:focus:after, .hasChild:active:after, .meniAkt.hasChild:hover:after, .meniAkt.hasChild:focus:after, .meniAkt.hasChild:active:after {
	color:#fff;
}
ul ul .hasChild:hover:after, ul ul .hasChild:focus:after, ul ul .hasChild:active:after {
	color:#00A7D0;
}
.hmeni .hasChild::after {
	color:#AAA;
}
.menuRwd ul ul li.meniAkt:before, .menuRwdXtra li.meniAkt:before {
	color:#00A7D0;
}
.menuRwd ul ul a, .menuRwdXtra ul a {
/* 	text-decoration:none; */
	color:#000;
	width:auto; /* IE */
	padding:5px 0;
	margin:0;
	border-bottom:none;
	display:inline;
}
.menuRwdXtra ul a {
	color:#000;
}
.menuRwd ul ul a:hover, .menuRwd ul ul a:focus, .menuRwd ul ul a:active, .menuRwd ul ul a.meniAkt, .menuRwdXtra a:hover, .menuRwdXtra a:focus, .menuRwdXtra a:active, .menuRwdXtra ul a.meniAkt {
	background:transparent;
}
.menuRwd ul ul a:active, .menuRwd ul ul a.meniAkt, .menuRwdXtra ul a.meniAkt {
	color:#00A7D0;
}
.menuRwd ul ul a:hover, .menuRwd ul ul a:focus, .menuRwdXtra a:hover, .menuRwdXtra a:focus, .menuRwdXtra a:active {
	color:#A8CF45;
}
.menuRwd ul ul a:hover, .menuRwd ul ul a:focus, .menuRwd ul ul a:active, .menuRwdXtra a:hover, .menuRwdXtra a:focus, .menuRwdXtra a:active {
	text-decoration:underline;
}

.menuRwd ul ul ul {
	font-size:0.95em;
	border:none;
	padding:5px 15px 0px;
	margin:0;
}

/* search RWD */
#searchBoxH {
	position:fixed;
/* 	position:absolute; */ /* absolute doda skroler na ios-u kojeg nijedan overflow ne makne, JS rješenje */
	width:200px;
	height:51px;
	background-color:#000;
	background-color:rgba(0,0,0,0.6);
/* 	overflow:hidden; */
	
 	right:0;
}
#searchBoxH, #searchBoxH.iconShow {
	top:54px;
	right:-200px;
	/* 2do - odkomentiraj za normalno funcioniranje */
}
#searchBoxH.show {
	right:0;
}
#searchBoxH.iconHide {
/* 	top:0; */
	right:-260px;
}
#searchBoxH form {
/* 	position:relative; */
}
#searchBoxH form#topSearch {
/*
	float:left;
	display:block;
*/
/* 	position:relative; */
/*
	margin:0 0 0 12px;
	overflow:hidden;
*/
}
#searchBoxH form#topSearch {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	overflow:hidden;	
	margin:0;
}

#searchBoxH input.finput {
	float:left;
	display:block;
	width:135px;
	padding:9px 8px 7px;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.3em;
	border:none;
	background:#fff;
/* 	color:#00A7D0; */
/* 	color:#B9B9B9;	 */

}
#searchBoxH #topSearch button.fsubmit2 {
	float:right;
/*
	position:absolute;
	top:5px;
	right:0;
*/
	font-size:25px;
/* 	padding-top:5px; */
	padding:4px 3px 0 10px;
	background:none;
	border:none;
	cursor:pointer;
	color:#fff;
	line-height:0.9em;
}
#searchBoxH #topSearch button.fsubmit2:hover, #searchBoxH #topSearch button.fsubmit2:focus, #searchBoxH #topSearch button.fsubmit2:active {
	color:#A8CF45;
}

/*////////////////////////////////////
righty
////////////////////////////////////*/


/*////////////////////////////////////
sadrzaj
////////////////////////////////////*/
#content, #contentBttm {
	float:left;
	display:block;
	line-height:1.6em;
/* 	overflow:hidden; */
	padding-bottom:30px;
}
#contentBttm { /* newsletter + CTA */
	width:100%;
	padding-bottom:75px;
}
#content td {
	line-height:1.6em;
}

#content ul, #content ol {
	clear:both;
	margin-bottom:30px;
}
#content ul.itemHalfL, #content ul.itemHalfR { /* reset za clear */
	clear:none;
}
#content li {
	margin-bottom:8px;
}
#content ul li {
	list-style-type:none;
/* 	text-indent:-12px; */
}
#content ul ul, #content ol ol {
	margin:8px 0 5px 25px;
}
#content ul ul li {
	margin-bottom:6px;
}

/* reset - možda iskoristiti :not pravilo ?? */
/*
nav#breadcrumbz ul li, #content ul.bcmsPaging li, #content ul.cart_steps li, #content .itemDatoteke ul li {
	text-indent:0;
}
nav#breadcrumbz ul li::before, #content ul.bcmsPaging li::before, #content ul.cart_steps li::before, #content .itemDatoteke ul li::before {
	margin-right:0;
}
*/


/* sitemap */
#content ul.sitemap {
	margin-top:9px;
	margin-bottom:15px;
}
#content ul.sitemap ul {
	margin-top:12px;
	margin-bottom:16px;
}
#content ul.sitemap ul ul {
/* 	margin-top:9px; */
	margin-bottom:20px;
}
#content ul.sitemap li {
	margin-bottom:20px;
}
#content ul.sitemap ul li {
	margin-bottom:9px;
	font-weight:normal;
}

/* sve fotke u textu */
#content img {
/*
	margin-left:auto;
	margin-right:auto;	
*/
	margin:15px auto 0;
/*
	padding:3px;
	border:1px solid #EAEAEB;
*/
}
#content img.noBord {
	padding:0;
	border-width:0;
}

hr {
	border:none;
	height:1px;
	border-bottom:2px solid transparent;
/* 	margin:30px 0 20px; */
	margin:50px 0 50px;
}

/*////////////////////////////////
//	ITEMs
////////////////////////////////*/
.itemsH, .item {
	float:left;
	display:block;
	width:100%;
}
.item {
	margin:0 0 30px 0;
	clear:both;
}
.item td {
	line-height:1.5em;
}
.itemContent {
	float:left;
	display:block;
	width:100%;
	margin:5px 0 0px 0;
	padding:0 0 10px 0;
}
.itemListed .itemContent {
	margin-top:0;
}
.itemConstruct { /* v izdelavi */
/* 	margin:20px 0 30px; */
}
.itemImgs {
	float:right;
	display:inline;
	margin:0 0 0.5em 2em;
}
.itemImgs img, .galerijaC img {
	margin:0!important;
	padding:0!important;
	border-width:0!important;
	width:100%;
}
.itemImgs a, .galerijaC figure a, .itemImgs figure {
	width:100%;
	float:left;
	display:block;
}	
.itemImgs a, .galerijaC figure a {
	margin:0;
	line-height:0;
	overflow:hidden;
	position:relative;	
	height:100%;
}
.itemImgs figure {
	margin:0 0 10px 0;
}
.itemImgs figure:first-of-type {
	margin-top:5px;
}
figcaption, .pImgTxt, .bcmsFckVideoDescriptionC {
	font-size:13px;
	font-size:1.35rem;
	line-height:1.3em;
	font-weight:normal;
	font-style:normal;
	float:left;
	clear:both;
	text-align:center;
	display:inline-block;
	padding:4px 0 5px;	
	width:100%;
}
.bcmsFckVideoDescriptionC {
}
figcaption {
	margin:0;
	padding:10px 0 8px;
	background:none;
}
.pImgTxt {
	margin-top:-15px;
	margin-bottom:30px;	
}
.galerijaC figcaption {
	padding-bottom:0;
}
#content .galerijaC figcaption span {
}
figcaption em { /* autor */
	padding-left:3px;
	font-size:0.95em;
/* 	font-style:italic; */
}
#content figcaption em a {
/* 	text-decoration:none; */
	margin-top:0;
	width:auto;
	float:none;
	display:inline;
}

/* GALERIJA */
div.galerijaC {
	float:left;
	display:block;
	margin:40px 0 0 0;
	padding-bottom:20px;
	width:100%;
}
.galerijaC figure {
	float:left;
}
/* 3 fotke u redu */
.galerijaC figure:nth-of-type(3n), .lytCols .itemListed:nth-of-type(3n) {
	clear:right;
	margin-right:0;
}
.galerijaC figure:nth-of-type(3n+1), .lytCols .itemListed:nth-of-type(3n+1) { /* 3 fotke u redu, 4 se cleara - bitno zbog != duzine texta pod fotkom */
	clear:left;
}
/* ako su 4 fotke u redu */
/*
.galerijaC figure:nth-of-type(4n), .lytCols .itemListed:nth-of-type(4n) {
	margin-right:0;
}
.galerijaC figure:nth-of-type(4n+1), , .lytCols .itemListed:nth-of-type(4n+1) {
	clear:left;
}
*/


/* layout:rows */
.lytRows .itemListed {
	margin-bottom:60px;
}
.lytRows .itemListed:nth-last-of-type(1) {
	margin-bottom:30px;
}
/*
.lytRowsLght .itemListed {
	margin-bottom:30px;
}
*/


/**/
.divLast {
	margin-right:0!important;
}

/**/
.itemNav {
	text-align:left;
	width:100%;
	float:left;
	clear:both;
	margin:10px 0 0 0;
}
a.gVec, .bcms-form button, .bc-login button {
	padding:0 8px 0 0;
	text-decoration:none;
	border:none;
	display:block;
	float:left;
}	
a.gVec:hover, a.gVec:focus, a.gVec:active {
}
.gGumb, .bcms-form button, .bc-login button, #enoviceInput .btn-submit /* , a.gBig */  {
	display:inline-block;
	width:auto;
	padding:20px 30px;
	line-height:1em;
}
.gGumbBig, #enoviceInput .btn-submit {
	padding:20px 60px;	
}

/* LISTA + NOVICE */
.itemDokListWrap { /* drzi txt + novice, bitan zbog IE6 i 7 i prekrivanja boxova!! */
	float:left;
	display:block;
	width:100%;
}
.itemListed {
	margin:0 0 20px;
}
.itemListed, .itemListed .itemContent { /* reset */
	padding:0;
}
.itemGalerije {
	padding-bottom:20px;
}
.itemListed div.galerijaC {
	padding-bottom:0;
}
.itemListed .itemImgs figure {
	margin-top:0;
}
.itemListed, .item1 .itemInfo, .itemSearchIntro {
/*
	border-bottom:1px dashed transparent;
	padding-bottom:35px;
*/
	padding-bottom:15px;
	margin-bottom:30px;
}
.itemSearch {
	border-bottom:1px solid transparent;
	padding-bottom:45px;	
	margin-bottom:40px;
}
.itemListed:nth-last-of-type(1), .itemSearch:nth-last-of-type(1) {
	border-bottom:none;
}
.itemSearch:nth-last-of-type(1) {
	margin-bottom:20px;
}
.itemListed h1, .itemListed h2.h2FolH1, .itemGalerije h1, .itemGalerije h2.h2FolH1 {
	border-bottom:none;
/* 	margin-top:-5px; */
	padding:0;
	line-height:1.2em;
}
.itemListed h1, .itemListed h2.h2FolH1, .itemListed h3.h3Frst, .itemGalerije h1, .itemGalerije h2.h2FolH1 {
	margin-bottom:15px;	
}
.iProductCatH .itemListed h1, .iProductCatH .itemListed h2.h2FolH1 {
	margin-bottom:25px;
}
.iProductCatH .itemListed h3.h3Frst {
	margin-bottom:25px;
}
#content h1.h1News, #content .itemNews h1, #content .itemNews h2.h2FolH1 { /* datum ispod naslova */
/* 	margin-bottom:0.2em; */
}
#content h1.h1News, #content .itemNews h1, #content .itemNews h2.h2FolH1 { /* datum iznad naslova */
	
}
.itemListed h2.h2Frst {
	padding-top:5px;
	margin-bottom:8px;
}
.itemListed p, .itemGalerije p {
	margin-bottom:5px;
}
.itemListed .itemImgs {
	float:left;
	display:block;
	margin:0 10px 12px 0;
	position:relative;
}
.itemListed .itemImgs a, .iShop .itemImgs a {
	margin-top:0;
}
.iShopDetail .itemImgs a {
	margin-top:5px;
}
.itemListed figcaption {
	display:none;
}

.itemListed .itemTxtOnly p, .itemListed .itemTxtImg p,
.iDstrbtrInfo p {
	margin-bottom:5px;
}
.itemTxtOnly {
}
.itemTxtImg {
	float:right;
	display:inline;
}

/* DATOTEKE */
.itemDatoteke {
	float:left;
	display:block;
	width:100%;
	margin:45px 0 40px 0;
	clear:both;
	
	border-left:5px solid transparent;
	padding-left:25px;
}
.itemDatoteke h4, .itemDocsList h4 { /* download, pogled 3 */
/*
	font-size:12px;
	font-size:1.2rem;
*/
	/* font-weight:bold; */
	padding:0px 0 4px 0px;
	line-height:1.0;
	margin-bottom:10px;
}
.itemDatoteke span.datotekaKb {
	font-size:90%;
}

/*search*/
.itemSearch {
}
.itemSearch h1 {
	margin-bottom:5px;
}
.searchStr {
	color:#00A7D0;
	/* font-weight:bold; */
}
.itemSearch .itemContent {
	padding-bottom:5px;
}
.itemSearchIntro {
	float:left;
	display:block;
	width:100%;
	color:#858585;
	font-size:0.9em;
	padding-bottom:0;
	margin-bottom:0;	
}
.itemSearch h6.iDate {	
}
.itemSearch .iCtgr span {
	display:inline-block;
/* 	background-color:#00A7D0; */
/* 	color:#fff; */
	line-height:1;
	padding:8px 8px 5px;
	font-size:90%;	
	background-color:#F3F0EA;
/* 	color:#333; */
}


/* RWD items */
/* 2 col - sitemap */
.itemHalfL, .itemHalfR {
	float:left;
	display:block;
	width:45%;	
}
.itemHalfR {
	float:right;
	margin-right:0;
}
#content .itemHalfL, #content .itemHalfR {
}
.sitemap {
	width:40%;
}

/* msg */
.msgC {
	float:left;
	display:block;
	width:100%;
	margin:0 0 0 0;
}
.msgC, .bcms-form > .alert {
	background:#FFF4D4;
}
.bcms-form > .alert {
	border:3px solid transparent;
}
.msgInTxt {
	margin-top:25px;
	margin-bottom:15px;
}
.msg, .bcms-form > .alert {
	float:left;
	width:auto;
	width:100%;
	display:block;
	padding:2em 2em;
	line-height:1.4em;
}
.msgInTxt .msg {
	padding:25px;
}
.msgTxt {
	float:left;
	display:block;
	max-width:90%;
	padding-top:11px;
	line-height:1.4em;
}
.msg p {
	margin-bottom:6px;
}
.msg i.fa {
	float:left;
	font-size:40px;
	padding-right:12px;
	line-height:1em;
	vertical-align:middle;
}
.msgOK i.fa {
	color:#38a432;
}
.msgErr i.fa {
	color:#ed8f87;
}
.bcms-form > .alert-success {
	border-color:#38a432;
}
.msgErr, .bcms-form > .alert-danger	{
	border-color:#ed8f87;
}
/* center */
.msg i.fa, .msgTxt {
	clear:both;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.msg {
	text-align:center;
}
.msg i.fa {
	width:100%;
	padding:0 0 10px;
}
.msgTxt {
	max-width:100%; 
}		
#content .msgTxt {	
	max-width:80%;
}

/*////////////////////////////////////
listanje / paging
////////////////////////////////////*/
div.bcmsPagingCont {
/* 	color:#999;	 */
/* 	margin:40px 0 30px 0; */
	margin:2.5em 0 30px 0;	
/* 	position:relative; */ /* michemo jer je napravio cijeli layer iznad cijele stranice! vjerojatno float vs flex problem! */
	line-height:1.1em;
	font-size:16px;
	font-size:1.6rem;	
}
#content ul.bcmsPaging {
	display:flex;
	align-items:flex-start; /* align top */
	justify-content:center;
	gap:1rem; /* razmak izmedju elemenata */
	flex-wrap:wrap; /* baca u novi red a ne reže */
	margin:0;
	padding-bottom:20px;
}
#content ul.bcmsPaging li {
	background:none;
	padding:0;
	list-style-type:none;
	display:inline-block;
	margin:0 2px;
}
#content ul.bcmsPaging li, #content ul.bcmsPaging a {
	width:40px;	
	height:40px;
	text-align:center;
}
#content ul.bcmsPaging li span {
}
#content ul.bcmsPaging a {
	display:block;
}
#content ul.bcmsPaging a, #content ul.bcmsPaging li.bcmsPagingActive {
	padding:11px 0 0 0;
}
#content ul.bcmsPaging li.page-numbers a { /* strelice nisu ok ako je ovo drugaćije od ovog gore! */
/* 	padding-top:9px; */
}
#content ul.bcmsPaging a:hover, #content ul.bcmsPaging a:focus, #content ul.bcmsPaging li.bcmsPagingActive {
}
#content ul.bcmsPaging a:hover, #content ul.bcmsPaging a:focus {
}
#content ul.bcmsPaging li.bcmsPagingActive {
}
#content ul.bcmsPaging li.bcmsPagingDots {
	padding-top:6px;
}
#content ul.bcmsPaging li.bcmsPagingPrev, #content ul.bcmsPaging li.bcmsPagingNext {
	width:auto;
}
#content ul.bcmsPaging li.bcmsPagingPrev {
}
#content ul.bcmsPaging li.bcmsPagingNext {
}
#content ul.bcmsPaging li.bcmsPagingLastPage {
}

/*////////////////////////////////
//	UItoTop jQuery Plugin
// http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
////////////////////////////////*/
#toTop {
/*
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	border:none;
	font-size:22px;
	width:44px;
	padding:8px 0 12px;
	line-height:-0.3em;
*/
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	border:none;
	font-size:25px;
	z-index:3;
}
#toTop:hover, #toTop:focus, #toTop:active {
}
#toTop i em {
	display:none;
}


/*////////////////////////////////
//	dostopnost / accessibility
////////////////////////////////*/
*[role="button"], *[type="button"] {
	cursor:pointer;
}
.dstpHidden {
	position:absolute;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}


/*////////////////////////////////
//	cookie info
////////////////////////////////*/
#bcmsCookieInfoTextWrapper { /* google mobile friendly fix */
	display:none;
}
#bcmsCookieInfoWrapper {
/* 	opacity:0.98; */
	border-top:none;
	background-color:#FFF4D4;
}
#bcmsCookieInfoWrapper, #meniFixed {
	-moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15);	
	box-shadow:0 0 25px rgba(0, 0, 0, 0.15);	
}
#bcmsCookieInfoWrapper:hover, #bcmsCookieInfoWrapper:focus {
	opacity:1;
}
/*
#bcmsCookieInfo {
	width:980px;
}
*/
#bcmsCookieInfo, #bcmsCookieInfoTextWrapper {
	color:#5A5A5A;
}
#bcmsCookieInfoWrapper #bcmsCookieInfo a {
	color:#00A7D0!important;
	text-decoration:none!important;
}
#bcmsCookieInfoWrapper #bcmsCookieInfo a:hover, #bcmsCookieInfoWrapper #bcmsCookieInfo a:focus {
/* 	color:#3f9847!important; */
	color:#A8CF45!important;
	background-color:transparent!important;
	text-decoration:none!important;	
}
#bcmsCookieInfo, #bcmsCookieInfoTextWrapper, #bcmsCookieInfoTextWrapper h2, #bcmsCookieInfoTextWrapper h3, #bcmsCookieInfoText .fckTable {
	font-family:'montserratmedium', Verdana, Arial, Helvetica, sans-serif!important;
}
#bcmsCookieInfoText, #bcmsCookieInfoText .fckTable td, #bcmsCookieInfoWrapper #bcmsCookieInfo {
	font-size:14px!important;
	font-size:1.4rem!important;
	line-height:1.4em;
	color:#000!important;
}
#bcmsCookieInfo {
	text-align:left;
}
#bcmsCookieInfo p {
	text-align:left;
}
#bcmsCookieInfo, #bcmsCookieInfoTextWrapper {
	line-height:1.5em!important;
}
#bcmsCookieInfoTextWrapper h2, #bcmsCookieInfoTextWrapper h3, #bcmsCookieInfoTextWrapper h4 {
	font-weight:normal!important;
	text-shadow:none;
}
#bcmsCookieInfoTextWrapper h2 {
	font-family:'rubikbold', Verdana, Arial, Helvetica, sans-serif!important;
}
#bcmsCookieInfoTextWrapper h3 {
	font-family:'rubikmedium', Verdana, Arial, Helvetica, sans-serif!important;
}
#bcmsCookieInfoTextWrapper h4 {
	font-family:'montserratmedium', Verdana, Arial, Helvetica, sans-serif!important;
/* 	font-family:'rubikmedium', Verdana, Arial, Helvetica, sans-serif!important; */
}
#bcmsCookieInfoTextWrapper h2 {
	font-size:2.5rem!important;	
	line-height:1.1em!important;
	margin:12px 0 5px;
	color:#000!important;
}
#bcmsCookieInfoTextWrapper h3 {
	font-size:2.3rem!important;
	line-height:1.2em!important;
	color:#000!important;
	padding-top:20px;
}
#bcmsCookieInfoTextWrapper h4 {
	font-size:1.8rem!important;
	line-height:1.2em!important;	
	margin:10px 0 5px;
	color:#000!important;
	padding-top:0.2em;
	text-transform:uppercase;
}
#bcmsCookieInfoTextWrapper a {
	text-decoration:underline;
}
#bcmsCookieInfoTextWrapper a:hover, #bcmsCookieInfoTextWrapper a:focus {
/* 	text-decoration:underline; */

	color:#FFF;
	background-color:#00A7D0;	
}
#bcmsCookieInfoWrapper #bcmsCookieInfo button {
/*
	margin-right:auto!important;
	margin-left:0!important;
*/
}
#bcmsCookieInfoWrapper #bcmsCookieInfo button:hover, #bcmsCookieInfoWrapper #bcmsCookieInfo button:focus {
	text-decoration:underline;
}

body #bcmsCookieInfoWrapper #bcmsCookieInfo button {
	padding:0.9em 0.77em 0.77em;
	line-height:1em;
	text-decoration:none;
/* 	border:none; */
	display:inline-block;
	font-family:'rubikmedium', Tahoma, Arial, Helvetica, sans-serif!important;
	letter-spacing:1.35px;
	font-size:15px!important;
	font-size:1.5rem!important;
	background-color:transparent;
	background-image:none;
	text-shadow:none;
	border-radius:0;
/* 	font-variant:small-caps!important; */
	text-transform:uppercase;
/* 	border:1px solid #00A7D0; */
	border-color:transparent;
	background-color:#000;
	color:#FFF;
	margin-right:10px;
	border:none;
}
body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no {
	background-color:transparent;
	background-image:none;
	border:none;
/*
	padding-left:0;
	padding-right:0;
*/
	color:#101010;
}
body #bcmsCookieInfoWrapper #bcmsCookieInfo button:hover, body #bcmsCookieInfoWrapper #bcmsCookieInfo button:focus,
body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no:hover, body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no:focus {
	text-decoration:none;
	background-color:#00A7D0!important;
	color:#fff!important;
}
/*
body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no:hover, body #bcmsCookieInfoWrapper #bcmsCookieInfo button.no:focus {
	text-decoration:underline;
	color:#000!important;
	background-color:transparent!important;
}
*/

#bcmsCookieInfo form {
	background:none;
	padding-left:0;	
}

#bcmsCookieInfoWrapper #bcmsCookieInfo button {
/* 	background:url(ok.png) no-repeat 15px center; */
	padding:6px 15px 6px 30px;
	background-position:10px 10px;
	margin-top:10px;
}
#bcmsCookieInfoWrapper #bcmsCookieInfo button.no {
	margin-left:10px;
}

#bcmsCookieInfoWrapper.dark #bcmsCookieInfo button.no {
	background-color:#c2c2c2;
	border-color:#c2c2c2;
	background-position:10px 10px;
	padding-left:26px;
}

#bcmsCookieInfoSettingsWrapper #bcmsCookieInfoSettings button {
	color:#B3B3B3;
	font-size:1.0em;
/* 	font-family:Tahoma,Arial,Helvetica,sans-serif !important; */
}


#bcmsCookieInfoText .fckTable {
	margin:15px 0 15px;
}
#bcmsCookieInfoText .fckTable td, #bcmsCookieInfoText .fckTable th {
/* 	font-family:Tahoma,Arial,Helvetica,sans-serif !important; */
/* 	color:#646462; */
	padding:10px 8px;
}
#bcmsCookieInfoText .fckTable th {
	background-color:#EAEAEB;
	color:#000;
/* 	font-weight:bold; */
	text-shadow:none!important;
	font-family:'montserratbold', Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.4rem;
	letter-spacing:0.03em;
}
#bcmsCookieInfoText .fckTable .fckTR0 td {
/* 	background-color:#f4f4f4; */
}
#bcmsCookieInfoText .fckTable, #bcmsCookieInfoText .fckTable td, #bcmsCookieInfoText .fckTable th {
	border-color:#EAEAEB;
	border-width:2px;
}
#bcmsCookieInfoText .fckTable td.bcsmCookieTd1 {
	padding-right:10px;
}
#bcmsCookieInfoTextWrapper button:last-child {
	margin-top:30px;
}


/*////////////////////////////////
//	intranet
////////////////////////////////*/
.bc-login {
	float:left;
	display:block;
	width:100%;
}
.bc-login h3 {
	padding-top:0;
	margin-bottom:30px;
}
.bc-login .input-group {
	margin-bottom:15px;
}
.bc-alert {
/* 	margin-bottom:30px; */
}
#content .input-group input {
	width:100%;
	margin-left:5px;
}
.bc-login button {
/*	border:none;*/
	margin:35px 0 45px;
}
.bc-login .input-group-addon {
	display:inline-block;
	width:30px;
	text-align:center;
}
.bc-login__toolbar {
	float:left;
	display:block;
	width:100%;
}
#content ul.bc-login__toolbar { /* reset */
	margin-left:0;
}
#content ul.bc-login__toolbar li {
	text-indent:0;
}
#content ul.bc-login__toolbar li::before {
	content:'';
	width:0;
	margin-left:0;
	text-indent:0;
}
#content ul.bc-login__toolbar a, #content .bc-reset-password a, #content .cstm_bc-login_extra a {
	text-decoration:none;
}
#content ul.bc-login__toolbar a:hover, #content ul.bc-login__toolbar a:focus, #content ul.bc-login__toolbar a:active {
/* 	padding:5px 5px 3px; */
}
.bc-login__title i::before, .input-group i::before { /* ikonice */
	color:#B9B9B9;
	margin-right:5px;
}
.bc-login__title i::before {
	font-weight:300;
}
.bc-alert__icon i::before { /* password reset link sent - ne prikažemo ikonicu jer text pada u drugi red */
	display:none;
}

.bc-login__info {
	margin-bottom:40px;
}

.bc-login__alerts, .bc-alert, .bc-alert__icon, .bc-alert__content {
	float:left;
	display:block;
}
.bc-login__alerts, .bc-alert, .bc-alert__content {
	width:100%;
}
.bc-alert__icon {
	width:auto;
}
.bc-alert__icon {
	margin-bottom:10px;
}
.bc-login__alerts {
	margin-bottom:50px;
}
.bc-alert__title {
}
.alert-danger .bc-alert__title {
	font-size:120%;
	padding-top:0.5em;
	margin-bottom:1em;	
}

/*
#content ul.bc-alert__list {
}
#content ul.bc-alert__list li {
	text-indent:0;
}
#content ul.bc-alert__list li::before {
	padding-right:0;
	margin-right:0;
	content:'';
}
*/
#content .bc-login__info.well ul {
	margin-top:15px;
	margin-bottom:50px;
}

/* reset, display none */
#content .bc-reset-password ul {
	margin-left:0;
}
#content .bc-reset-password li {
	margin-bottom:0;
}
#content .bc-reset-password li::before {
	display:none;
}

.intrntMenuH {
	width:100%;
	
	padding:22px 18px 18px;
	background-color:#F9F7F4;
	margin-bottom:80px;
/* 	margin-top:-80px; */

	display:flex;
	align-items:flex-start;
	justify-content:space-between;
 	gap:2rem; /* razmak izmedju elemenata */
/*  	flex-wrap:no-wrap; */
	flex-wrap:wrap;
/* 	text-align:left; */
}
.intrntMenuUser {
	text-align:left;
	margin-left:0;	
}
.intrntMenuLogout {
	margin-right:0;
	text-align:right;
	min-width:130px;
/* 	flex-wrap:no-wrap; */
}
.intrntMenu::before {
	color:hsl(36,29%,85%);
}


.cstm_bc-login_extra {
	float:left;
	display:block;
	width:100%;
}


/*////////////////////////////////
//	FCK style
////////////////////////////////*/
/*
.customBold {
	font-weight:bold;
}
.customItalic {
	font-style:italic;
}
*/
.fckTable {
	border-top-width:1px;
	border-top-style:solid;
	/*clear:both;*/
	margin:10px 0 30px 0;
}
.fckTable td, .fckTable th {
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:6px 4px 6px 4px;
	vertical-align:top;
}
.fck_Slika_desno, fck_Slika_levo {
	float:right;
	margin:0 0 8px 10px;
/*	border:1px solid #EAEAEB;*/
}
.fck_Slika_levo {
	float:left;
	margin:0 10px 8px 0;
}
.fckTR0 td, .fckTR0 th {
/*	background:#f7f8f7;*/
}
.fck_noBorder {
   border:none!important;
}
.fck_noBorder td, .fck_noBorder th {
   border:none!important;
	padding:5px 4px;
	vertical-align:top;
}

/* o avtorjih */
.fckAvtorji, .fckAvtorji td {
	border:none!important;
	background:none;
	margin:0;
}
.fckAvtorji {
	margin-top:10px;
}
.fckAvtorji img {
	border:none!important;
	padding:0!important;
/*	margin-bottom:8px;*/
	float:right;
	margin-left:20px;
}
.fckAvtorji h2 {
	margin-bottom:20px!important;
}
.fckAvtorji td {
	vertical-align:top;
	background:none;
	padding-bottom:30px;
}

/*////////////////////////////////
//	Google Map
////////////////////////////////*/
body .iGmap {
	padding:0;
	margin-top:-50px;
	margin-bottom:0; /* newsletter prijava ispod */
}
div#googleOkvir, div.googleOkvir {
	float:left;
	display:block;
	width:100%;
	margin:0 0 10px 0;
	height:600px;
	max-height:80vh;
}
div#googleMap, div.googleMap, .bcmsGoogleMap {
	float:left;
	display:block;
	margin-bottom:2px;
}
div#googleOkvir a:hover, div#googleOkvir a:focus, div#googleOkvir a:active {
	background:transparent;
	color:#00A7D0!important;
	text-decoration:none;
}
div#googleTbar, div.googleTbar, .bcmsGoogleMapToolbar {
	margin:2px 0 15px 0;
	display:inline;
	float:right;
	width:100%;
	font-size:0.9em;
	text-align:right;
}
div#googleTbar a, div.googleTbar a, .bcmsGoogleMapToolbar a {
	display:inline;
	float:right;
	width:auto!important;
	margin-left:15px;
}
.gm-style-iw .gmnoprint {
/* 	color:#000; */
	line-height:1.4em;
	font-size:13px!important;
	height:auto;
	width:auto;
	min-width:250px;
	min-height:120px;
	text-align:left;
}
.gm-style-iw .gmnoprint strong { /* naslov */
	display:inline-block;
	padding-bottom:7px;
	font-size:111%;
}
.gm-style-iw-ch { /* close button */
/* 	text-align:right; */
}

div.googleOkvir a {
	text-decoration:underline;	
}
div.googleOkvir a:hover, div.googleOkvir a:focus, div.googleOkvir a:active {
	color:#A8CF45;
	text-decoration:none;	
}

#content div.googleOkvir img {
	margin:auto;
}

/*
a#g_satellite, a#g_map, a#g_hybrid, a#g_url {
}
*/

/* bcms video - you tube */
.bcmsFckVideo {
	float:left;
	display:block;
	width:100%;
	clear:both;
/* 	padding:40px 0 40px; */
	padding:50px 0 50px;
	text-align:center;
}
.bcmsFckVideo embed {
/* 	border:1px solid #262626; */
}
.bcmsFckVideoDescriptionC {
	display:block;
	text-align:center;
}
#content .bcmsFckVideo, #content .bcmsFckVideo iframe {
	max-width:100%;
}

/* share */
.shareBox {
	float:left;
	display:block;
	width:100%;
	clear:both;
	text-align:right;
	margin:0 0 30px;
	padding-top:30px;
}
.shareBox .at-style-responsive .at-share-btn {
	margin-bottom:0;
}
.shareBox h4 {
	margin-top:0;
	padding-top:0;
}
.addThisCont {
	float:right;
	display:inline;
}
.likeCont {
	float:left;
	display:block;
}
/*
#content .shareBox a {
	border:none;
	padding-bottom:0;
}
#content .shareBox a:hover, #content .shareBox a:focus {
	text-shadow:none;	
	border:none;
}
.facebookCont {
	float:left;
   display:inline;
   text-align:left;
   padding-right:10px;
   max-width:450px;
   overflow:hidden;
}
#socFBlike {
	margin-top:20px;
}
#socFBlike blockquote {
	display:none;
}
*/

/*////////////////////////////////
//	header slider carousel slideshow
////////////////////////////////*/
/* header img */
/*
#slidesContainer {
	position:absolute;
	top:0;
	left:0;
}
*/


#headTitleH, .hPitemProduct .txtH {
	text-align:left;
	position:absolute;
	left:0;
	right:0;
	bottom:120px;
	z-index:2;
}
.hP #headTitleH {
	bottom:60px;
}
.hPitemProduct .txtH {
	left:35px;
	padding-right:35px;
/* 	bottom:75px; */
	bottom:50px;
}
#headTitle, .slideTxt {
	width:60%; /* 700 / 1200 */
	margin-left:0;
	text-align:left;
	padding:0 0 0 0;
/* 	border-left:5px solid transparent; */
}
#headTitle h1, .slideTxt h3, .hPitemProduct .txtH h3, .hPitemProduct .txtH h4 {
	padding-top:0;
	margin:0 0 25px;
	line-height:1.2em;
}
.hPitemProduct .txtH h3 {
	margin:0 0 15px;
}
.hPitemProduct .txtH h4.h4Frst {
	margin:-8px 0 15px;
}
.headInfoTxt, .hPitemProduct .txtH {
	line-height:1.4em;
}


#slidesContainer {
	position:relative;
}
#slidesContainer, .slideHead {
	float:left;
	display:block;
}
/*
#slidesContainer, #sliderHeadH, .slideHead {
	border:0;
}
*/
#slidesContainer, .slideHead, .sliderRltv picture {
	width:100vw;
}
/* #headMainCntntW, */
#slidesContainer, 
#sliderHeadH, #sliderHeadH .headImg, 
.hP #sliderHeadH, .hP #sliderHeadH .headImg, .sliderRltv {
/* 	height:calc(100vh); */
	height:500px;
/* 	height:400px; */
}

.hP #slidesContainer, .hP #sliderHeadH { /* zbog .slick-dots da se vide ispod */
/* 	height:400px; */
}

#slidesContainer.slidesContainerBig,
.slidesContainerBig #sliderHeadH, .slidesContainerBig #sliderHeadH .headImg, 
.hP .slidesContainerBig #sliderHeadH, .hP .slidesContainerBig #sliderHeadH .headImg, .slidesContainerBig .sliderRltv {
	height:700px; /* bigger */
}

#slidesContainer {	
/* 	z-index:-1; */  /* #hmeniSek bug ako je ovo aktivno */
}
.slideHead {
	background-repeat:no-repeat;
/*
	background-position:center center;
	-webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;	
*/
/* 	z-index:-1;	 */
	height:100%;
	overflow:hidden;
}
#sliderHeadH, #sliderHeadH .headImg {
	float:left;
	display:block;
	width:100%;
}
#sliderHeadH .headImg {
	background-repeat:no-repeat;
	background-position:50% 50%;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;
}
#sliderHeadH {
	overflow:hidden;
	position:relative;
/* 	text-align:center; */
}
#sliderHeadH, .hpBckImg {
	font-size:17px;
	font-size:1.7rem;
}



#sliderHeadH::before,  #sliderHeadH::after, .sliderRltv picture::before, .sliderRltv picture::after, 
.hPitemProduct a::before {
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.hPitemProduct a::before {
	z-index:1;
}

#sliderHeadH::before, .sliderRltv picture::before {
/* 	z-index:1;	 */
/* 	background-color:rgba(0,0,0,.4); */
	background-color:rgba(0,0,0,.55);
}
.hPitemProduct a::before {
	background-color:rgba(0,0,0,.6);
}
.dizzOverlayGrad #sliderHeadH::after, .dizzOverlayGrad .sliderRltv picture::after { /* fotka ima, video ne */
/*  	z-index:1; */
/*  	background-image:linear-gradient(90deg, rgba(0,9,11,0.86) 0%, rgba(170,189,193,0.00) 84%); */
 	opacity:0.7;
 	background-image:linear-gradient(90deg, rgba(0,0,0,0.86) 0%, rgba(0,0,0,0.00) 65%);
/* 	
 	opacity:0.6;
 	background:linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); 	
*/
 	

 	
}


 #sliderHeadH::after, .sliderRltv picture::after {
/*
  background:linear-gradient(
    to right,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 7.9%,
    hsla(0, 0%, 0%, 0.951) 15%,
    hsla(0, 0%, 0%, 0.896) 21.4%,
    hsla(0, 0%, 0%, 0.825) 27.3%,
    hsla(0, 0%, 0%, 0.741) 32.8%,
    hsla(0, 0%, 0%, 0.648) 38.1%,
    hsla(0, 0%, 0%, 0.55) 43.3%,
    hsla(0, 0%, 0%, 0.45) 48.5%,
    hsla(0, 0%, 0%, 0.352) 54%,
    hsla(0, 0%, 0%, 0.259) 59.9%,
    hsla(0, 0%, 0%, 0.175) 66.2%,
    hsla(0, 0%, 0%, 0.104) 73.3%,
    hsla(0, 0%, 0%, 0.049) 81.2%,
    hsla(0, 0%, 0%, 0.013) 90%,
    hsla(0, 0%, 0%, 0) 100%
  );
*/

/*
background:linear-gradient(
    to right,
    hsla(0, 0%, 0%, 0.71) 0%,
    hsla(0, 0%, 0%, 0.701) 8.1%,
    hsla(0, 0%, 0%, 0.675) 15.5%,
    hsla(0, 0%, 0%, 0.636) 22.5%,
    hsla(0, 0%, 0%, 0.585) 29%,
    hsla(0, 0%, 0%, 0.526) 35.3%,
    hsla(0, 0%, 0%, 0.46) 41.2%,
    hsla(0, 0%, 0%, 0.39) 47.1%,
    hsla(0, 0%, 0%, 0.32) 52.9%,
    hsla(0, 0%, 0%, 0.25) 58.8%,
    hsla(0, 0%, 0%, 0.184) 64.7%,
    hsla(0, 0%, 0%, 0.125) 71%,
    hsla(0, 0%, 0%, 0.074) 77.5%,
    hsla(0, 0%, 0%, 0.035) 84.5%,
    hsla(0, 0%, 0%, 0.009) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
);
*/

};

.slideshowActive #sliderHeadH::before, .slideshowActive #sliderHeadH::after { /* RESET za uvodnu dok je slideshow */
/*
	background:none;
	z-index:-1;
*/
	display:none;
}




.hP #sliderHeadH {
/* 	padding-bottom:calc(560px + 40px); */
}
#headDizzDotz { /* ne uvodna, već same kategorije - isti file koji ide u overlay */
/* 	background:url(dizz_headerimg_overlay.png) repeat 0 0; */
/*
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
*/
}

#sliderHead .slick-slide {
/* 	width:980px; */ /* gore definiran */
}
.slick-slide {
	opacity:0.3;
}
.introP .slick-slide > a { /* da nije link lijevo i desno kod ovih neaktiv slajdove, već samo kod aktivnog */
	visibility:hidden;
}
.slick-active {
	opacity:1;
}
/*
.introP .slick-active > a {
	visibility:visible;
}
*/

.sliderRltv {
/* 	position:relative;	 */
	
	position:absolute;
/* 	left:0; */
/* 	z-index:100; */
			
	overflow:hidden;	
	display:flex;
	align-items:flex-end; /* align top */
	justify-content:center;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element */	
}


a.slideLink {
/* 	position:relative; */
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
/* 	background:url(dizz_bck_dotz.png) repeat 0 0; */
}
.hP #sliderHead img, .slideHead img {
	width:100%;
	height:100%;
	position:relative;
	object-fit:cover;
}

#sliderHead .slick-slide .w100In {
	position:relative;
	display:block;
	height:100%;
	
	position:absolute;
	left:0;
	right:0;
	bottom:0;	
	z-index:2;	
}
.slideTxt {
	margin:0;
	font-size:18px;
	font-size:1.8rem;	
	line-height:1.35em;
	position:absolute;
	bottom:80px;
	opacity:0;
	width:100%;
}
.slick-active .slideTxt {
	left:0;
	opacity:1;
	z-index:2;
}
.slideTxtIn {
	text-align:left;
	width:65%;
	max-width:65%;
	width:auto;
	margin-left:0;
	color:#fff;
	z-index:2;
}
.slideTxtIn a.gBig {
	margin-top:30px;
	cursor:pointer;
}
/* bullet */
/*
.slideTxt h3 i {
	margin-left:10px;
	font-size:32px;
	font-size:3.2rem;
	opacity:0.4;
}
.slideTxt:hover h3 i, .slideTxt:focus h3 i, .slideTxt:active h3 i {
	opacity:1;
}
*/
.slideTxtIn h4 {
/* 	margin-bottom:20px; */
}
.slideTxt p {
	margin-bottom:7px;
}
.slideTxt p:last-child {
	margin-bottom:0;
}
.slideTxt h3 {
		z-index:100;
}
.folLink { /* span koji glumi link */
/*
	border-bottom:3px solid transparent;
	padding-bottom:1px;
*/
	font-size:16px;
	font-size:1.6rem;
}
/*
.slideTxt h6 {
	text-transform:uppercase;
}
*/


/*
a.slideLink:hover h3, a.slideLink:focus h3, a.slideLink:active h3 {
	color:#FAA831;	
}
*/

a.slideLink:hover .slideTxt, a.slideLink:focus .slideTxt, a.slideLink:active .slideTxt {
/* 	background-color:rgba(153,0,0,0.9); */
/* 	border-left:5px solid #FAA831; */
}
a.slideLink:hover .folLink, a.slideLink:focus .folLink, a.slideLink:active .folLink {
/* 	border-bottom-color:#FAA831; */
/* 	color:#FAA831; */
}

.slick-dots {
/*
	z-index:10000;
	position:absolute;
	right:20px;	
	top:50%;
	transform:translateY(-50%);
	
	width:auto;
	
	display:flex;
	align-items:flex-start;
	justify-content:center;	
	flex-direction:column;
*/	
	
/*
	position:relative;
   bottom:0;
*/
	text-align:center;
	position:absolute;
	bottom:-50px;
/* 	left:0; */
/* 	top:410px; */
	width:100%;	
/* 	z-index:100; */	
}
.slick-dots li {
	width:auto;
	height:auto;
	margin:0 auto;
	display:inline-block;
}

.slick-dots li button {
	padding:0;
	width:20px;
	height:20px;
	margin:0 4px;
	border:none;
	cursor:pointer;
/* 	opacity:0.25; */
}
.slick-dots li:not(:last-child) button {
	margin-bottom:0.7rem;	
}
.slick-dots li button::before {
	display:none;
}

#sliderHead .slick-dots li button {
	color:transparent;
}

.slick-dots li button {
/*
	background-color:transparent;
	border:2px solid #F5F3EF;
*/
	background-color:#F3F1EF;
/* 	opacity:0.9; */
}
.slick-dots li button:hover, /* .slick-dots li button:focus, */ .slick-dots li.slick-active button {
	background-color:#FAA831;
/* 	border-color:#FAA831; */
/* 	opacity:1; */
/*
	border-color:#FAA831;
	background-color:#FAA831;
*/
}

#sliderHead .slick-prev {
	left:15px;
}
#sliderHead .slick-next {
	right:15px;
}
#sliderHead .slick-prev, #sliderHead .slick-next, #sliderHead .slick-prev::before, #sliderHead .slick-next::before {
	font-size:50px; /* ako mijenjas, mijenja i dolje width! */
}
#sliderHead .slick-prev, #sliderHead .slick-next {
	width:26px; /* ručno naštimat! */
	top:calc(50% - 50/2px);
	z-index:1;
	text-align:center;
}
#sliderHead .slick-prev::before, #sliderHead .slick-next::before {
	color:#fff;
	opacity:0.5;
}
#sliderHead .slick-prev:hover::before, #sliderHead .slick-prev:focus::before, #sliderHead .slick-prev:active::before,
#sliderHead .slick-next:hover::before, #sliderHead .slick-next:focus::before, #sliderHead .slick-next:active::before {
	color:#FAA831;
	opacity:1;
}

.slick-dotted.slick-slider {
	margin-bottom:0;
}

/*////////////////////////////////
//	header video
////////////////////////////////*/
.headVideoH {
   height:100%;
   width:100%;
   position:absolute;
   top:0;
   left:0;
   overflow:hidden;
   z-index:0; /* KLJUČNO:dok je bilo -1, safari nije prikazivao natpis na videu ok */ 
}
.headVideoH video {
   max-width:inherit; /* KLJUČNO da je uvijek fullscreen i da ne pokaže crte gore na manjoj širini ekrana */

	margin:auto;
	position:absolute;
	z-index:-1;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	visibility:visible;
	min-width:101%;
	min-height:101%;
	width:auto;
	height:auto;	
}

/*////////////////////////////////
//	dizz fore dizz stuff
////////////////////////////////*/
/* iskakanje iz okvira */
.dizzJump {
	float:none; /* BUG fix dok je odmah iza p tag koji nema u osnovi float jelte */
	display:block;
	clear:both;
	width:100%;
/* 	margin:40px 0; */
}
.dizzJumpIn {
	float:left;
	display:block;
/* 	width:calc(100% + auto); */
	background-color:#F9F7F4;
	background-color:rgba(243,240,234,0.5);
/*
	background-position:100% 30%;
	background-repeat:no-repeat;
	background-size:100%;
	background-image:url(dizz_logo_outline@2x.png);
	background-image:url(dizz_logo_outline.svg),
	linear-gradient(transparent, transparent);	
*/
}
.dizzJumpFullL .dizzJumpIn {
	margin-left:-100%;
	padding-left:100%;	
}

.dizzJumpMarginTop0 {
	margin-top:0;
}
.dizzJumpBth {
	float:left;
}

.dizzCTAwrapL {
	float:left;
	margin-top:60px;
/* 	margin-bottom:60px; */
}
/*
.hP .dizzCTAwrapL {
	margin-top:10px;
}
*/

.iJumpTxtW {
	width:100%;
	float:left;
	display:block;
	padding:50px 90px 45px 0;
	width:auto;
}
.iJumpTxtW h3, .iNwslttrH h3 {
	padding-top:0;
	margin-bottom:30px;
}
.iJumpTxt {
	display:flex;
	align-items:baseline;
	justify-content:flex-start;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element - INAČE ako je sliak nju recimo smanjuje! */ 
	flex-grow:0; /* 0 - items to keep their width and expand the empty space; 1 - items will expand the width to fit the space */ 
}
.iJumpTxt p {
	width:auto;
	margin-right:50px;
	line-height:1.4em;
/* 	float:left; */
}


.dizz100vwH /* , .bcmsFckVideo.is-vimeo */ { /* full screen width, gmap full width */
	float:left;
	display:block;
	width:100vw;
	margin-left:calc((-100vw + 100%)/2);
	overflow:hidden;
	padding:50px 0 0;
	margin-bottom:80px;
}
.hP .dizz100vwH {
	padding-top:0.5em; /* mora biti zbog H2 naslova hover, ::before */
	margin-bottom:0;
}

.dizzLajna {
}
.dizzLajna::after, .itemDocsList .dizzLajna::before { /* download */
	content:'';
	display:block;
	vertical-align:text-top;
	margin-top:10px;
	height:3px;
	width:100px;
	margin-left:0;
}
.itemDocsList .dizzLajna::after { /* reset */
	display:none;
}
.itemDocsList .dizzLajna::before {
	margin-top:10px;
	margin-bottom:40px;
}



/* izpostavljenje lastnosti a3buti, oni okrugli kao bullets, ikona + kratki info */
.iA3btsH, .iA3bt, .iA3btTxt {
	float:left;
	display:block;
}
.iA3btsH, .iA3btTxt {
	width:100%;
}
.iA3btsH { /* stupci iste visine */
	width:100%;
	display:flex;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element */
	align-items:stretch;
	margin:10px 0 0;
}
.iA3btsH { /* unutar dokumenta, ne uvodna, recimo O nas */
	margin:40px 0 0;
}
.iA3bt {
	text-align:center;
}
.iA3bt i { /* font awesome ikona */
	font-size:65px;
	font-weight:600; /* stil:solid */	
	margin-bottom:25px;
}
.iA3btTxt {
	line-height:1.5em;
	padding-bottom:40px;
	color:#3F4041;
}
.iA3btTxt p {
	width:100%;
}
.iA3bt h3 {
	margin:0 0 20px;
	padding:0;
}

.iA3btBox {
	padding:50px 33px 0;	
}


/*////////////////////////////////
//	ikone fajlova
////////////////////////////////*/
#content .itemDatoteke ul {
	width:auto;
	margin:0 0 0 45px; /* odmak od content ruba */
	padding:5px 0 0 0;
	clear:both;	
}
#content .itemDatoteke ul li {
	margin:20px 0 0;
	background:none;
}
#content .itemDatoteke ul li::before {
	font-family:'Font Awesome 6 Pro';
	font-weight:400; /* stil:far - regular */
	font-weight:600; /* stil:solid */	
	margin:0;
	content:'\f15b';
	font-size:35px;
	vertical-align:baseline; /* bolje ako je velika ikonica, ili ako su problemi s line-heightom texta pored */
/* 	vertical-align:middle; */ /* bolje ako je mala ikonica, tipa malo veća od samog fonta */
/* fix da nema floatinga oko ikone */
	display:inline-block;
	width:45px; /* PLUS gledaj gore marginu od #content .itemDatoteke ul */
	margin-left:-45px;
/* fix end */	
}
.itemDatoteke h4::before { /* download */
/*
	margin:0 12px 0 0;
	content:'\e617';
	font-size:30px;
	color:#d4d4d4;
*/
}

#content .itemDatoteke ul li.datoteke_doc::before {
	content:'\f1c2';
}
#content .itemDatoteke ul li.datoteke_pdf::before {
	content:'\f1c1';
}
#content .itemDatoteke ul li.datoteke_xls::before {
	content:'\f1c3';
}
#content .itemDatoteke ul li.datoteke_jpg::before, #content .itemDatoteke ul li.datoteke_gif::before, #content .itemDatoteke ul li.datoteke_png::before, #content .itemDatoteke ul li.datoteke_psd::before {
	content:'\f1c5';
}
#content .itemDatoteke ul li.datoteke_txt::before, #content .itemDatoteke ul li.datoteke_rtf::before {
	content:'\f15c';
}
#content .itemDatoteke ul li.datoteke_xml::before {
}
#content .itemDatoteke ul li.datoteke_ppt::before, #content .itemDatoteke ul li.datoteke_pps::before {
	content:'\f1c4';
}
#content .itemDatoteke ul li.datoteke_zip::before, #content .itemDatoteke ul li.datoteke_rar::before {
	content:'\f1c6';
}
#content .itemDatoteke ul li.datoteke_mp3::before, #content .itemDatoteke ul li.datoteke_wav::before {
	content:'\f1c7';
}
#content .itemDatoteke ul li.datoteke_avi::before, #content .itemDatoteke ul li.datoteke_wmv::before {
	content:'\f1c8';
}

/*////////////////////////////////
//	font icons stuff
////////////////////////////////*/
.menuRwd ul ul li::before, .hasChild::after, .rwdIcon::before, .menuRwdXtra li::before, nav#breadcrumbz ul li::before, #content ul li::before, a.gVec::after, .gVec2::after, .itemImgs figure > a::after, .galerijaC figure > a::after, #content ul.bcmsPaging li.bcmsPagingPrev a::before, #content ul.bcmsPaging li.bcmsPagingNext a::before, #searchBox .fsubmit2,
.iProduct h3.h3ProductSection::before,
.intrntMenu::before {
	font-family:'Font Awesome 6 Pro';
	font-weight:200; /* stil:light */	
	font-weight:400; /* stil:far - regular */
	font-weight:600; /* stil:solid */	
/* 	vertical-align:middle; */
	vertical-align:baseline;	
	line-height:1em;
}
#content ul.bcmsPaging li.bcmsPagingPrev a::before, #content ul.bcmsPaging li.bcmsPagingNext a::before {
/* 	vertical-align:bottom; */
	vertical-align:middle;
	display:block;
/* 	font-size:15px; */
}
.intrntMenu::before {
	vertical-align:middle;
/* 	vertical-align:text-bottom; */
	vertical-align:bottom;
	display:inline-block;
	font-size:28px;
	padding-right:10px;	
}
nav#breadcrumbz ul li::before, a.gVec::after/* , #content ul li::before */ {	
	content:'\f054'; /* arrow round 2 right */
}
#content ul li::before {	
	content:'\f111'; /* circle */
}
/*
.gVec2::before {
	content:'\f054\f054';
}
*/
.gVec2::after {
	content:'\f178';
}
#searchIcon::before/* , #searchBox .fsubmit2::before */ {
	content:'\f002';
}

#content ul.bcmsPaging li.bcmsPagingPrev a::before, #content ul.bcmsPaging li.bcmsPagingNext a::before {
	line-height:1em;
}
#content ul.bcmsPaging li.bcmsPagingPrev a::before {
	content:'\f053';
/* 	padding-left:2px; */
	padding-left:0px;	
}
#content ul.bcmsPaging li.bcmsPagingNext a::before {
	content:'\f054';
/* 	padding-left:7px; */
	padding-left:1px;
}
.intrntMenuUser::before {
	content:'\f007';
}
.intrntMenuLogout::before {
	content:'\f08b';
}

a.gVec::before {
/*
	padding-right:5px;
	font-size:90%;
*/
/* 	line-height:0; */
}
a.gVec {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element - INAČE ako je sliak nju recimo smanjuje! */	
}
a.gVec span {
}
a.gVec::after {
	padding-left:5px;
	font-size:90%;
/* 	margin-top:-1px; */
}
a.gVec2::after {
	padding-left:10px;
	font-size:120%;	
 	font-weight:300; /* stil:light */	
	vertical-align:middle;
	display:inline-block;
	margin-top:-2px;
/* 	font-size:22px; */
}

#content div.bcmsPagingCont ul li::before {
	content:none;
}
nav#breadcrumbz ul li.breadFirst::before, #content .socLinksH ul.socLinks li::before {
	content:'';
}

.iProduct h3.h3ProductSection::before {
	display:inline-block;
	content:'\f111';
	width:40px;
	margin-left:-40px;	
	font-size:22px;
	vertical-align:text-top;
}

/* fix da nema floatinga oko ikone */
#content ul li::before, nav#breadcrumbz ul li::before {
	font-size:14px;
	display:inline-block;
}
#content ul li::before {
	font-size:12px;
}
#content ul, #content ol {
/* 	margin-left:25px; */
	margin-left:35px;
}
#content ul li::before {
	width:23px;
	margin-left:-23px;
}
/* reset */
nav#breadcrumbz ul li::before {
	width:auto;
	margin-left:0;
}
/* fix end */

.menuRwd ul ul li::before, .hasChild::after, .menuRwdXtra li::before {
/* 	content:'\f105'; */
	content:'\f054'; /* arrow round 2 right */
	font-size:13px;
}
.menuRwd ul ul li, .menuRwdXtra li {
/* 	text-indent:-12px; */
}
.menuRwd ul ul li {
/* 	margin-left:10px; */
}
.menuRwd ul ul li::before, .menuRwdXtra li::before {	
/* fix da nema floatinga oko ikone */	
	display:inline-block;
	margin-left:-15px;
	width:15px;
/* fix end */
	margin-right:2px;	
}
.hasChild::after {
	float:right;
	display:block;
	padding-top:3px;
/* 	vertical-align:middle; */
}
.meniAkt.hasChild::after {
/* 	content:'\f107'; */
	content:'\f078';
	font-size:13px;
	padding-top:3px;	
}
.hmeni .hasChild::after {
	content:'\f078';
	font-size:10px;
	padding-top:3px;
	margin-left:5px;
}
.rwdIcon::before {
	color:#fff;
	font-size:30px;
	font-weight:400;	
}
#menuRwdIcon:before {
	content:'\f0c9';
}
#menuRwdIcon.menuRwdIconClose::before, #searchIcon.searchIconClose::before {
	content:'\f00d';
}

.itemImgs figure > a::after, .galerijaC figure > a::after {
	content:'\f06e'; /* oko */		
	content:'\f424';	/* expand */	
}
.itemImgs figure > a.hasLink::after, .galerijaC figure > a.hasLink::after {
	content:'\f08e';
}
.itemListed .itemImgs figure > a::after, .itemListed .galerijaC figure > a::after, .itemGalerije .galerijaC figure > a::after { /* intro, nije sami pop-up */
	content:'\f002';
	content:'\f530'; /* naocale */
	content:'\f5f5'; /* naocale okrugle */	
	content:'\f06e'; /* oko */		
	content:'\f054'; /* arrow round 2 right */		
}

.itemImgs figure > a::before, .galerijaC figure > a::before {
	content:"";
	display:inline-block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
}
.itemImgs figure > a::after, .galerijaC figure > a::after {
	font-size:40px;
	line-height:40px;
	color:rgba(255, 255, 255, 0.7);
	z-index:2;
	position:absolute;
	top:calc(50% - 20px);
	margin-left:auto;
	margin-right:auto;	
	left:0;
	right:0;	
	text-align:center;	
	-webkit-transform:scale(0);
	transform:scale(0);	
}
.itemImgs a:hover img, .itemImgs a:focus img, .itemImgs a:active img, .galerijaC figure a:hover img, .galerijaC figure a:focus img, .galerijaC figure a:active img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}


/*////////////////////////////////
//	newsletter
////////////////////////////////*/
.iNwslttrH {
	float:left;
	display:block;
	background-color:rgba(243,240,234,0.5);
	margin-bottom:0;
/*
	font-size:14px;
	font-size:1.4rem;	
*/
	margin-top:50px;
}
.iNwslttrH, .hP .iNwslttrH {
	padding:40px 0 50px;
}

.enoviceIntro {
	float:left;
	display:block;
	width:100%;
	margin-bottom:0;
	padding:0;
}
.enoviceIntro {
	margin-bottom:25px;
}
#enoviceInput {
	display:flex;
	align-items:flex-start; /* align top */
	justify-content:space-between;
	row-gap:1rem;	
	column-gap:2rem;
	
	width:100%;
}
#enoviceInput .formCol {
	width:calc(50% - (2rem / 2));
}
#enoviceInput #bcms_kepca_i {
	width:50%;
}
/* #enoviceInput input.f_input, #enoviceInput .btn-submit { */
#enoviceInput input {
	font-size:16px;
	font-size:1.6rem;
}
#enoviceInput .bcms-form-row {
	margin-bottom:20px;
	padding-bottom:0;
}
#enoviceInput input.f_input {
	width:70%;
	margin:0 0 5px 0;
	border-right:none;
}
#enoviceInput .btn-submit {
	margin-top:15px;
}
#enoviceInput input.f_input:focus {
}
#enoviceInput .btn-submit, .itemForma input.button {
	-webkit-appearance:none; /* iphone safari - da ne radi okrugli gumb od njega */
}

/*
#enoviceInput #bcms_kepca_c {
	position:relative;
}
#formEnovice #enoviceInput #bcms_kepca_cc {
	margin-left:0!important;
}
#enoviceInput .bcms-kepca-css {
	margin-bottom:0; 
	
	position:absolute;
  right:1.5rem;
  top:.25rem;
  width:auto;
  border-radius:0rem;
  padding:.3125rem;
  overflow:auto;
  height:calc(100% - 0.5rem);
  display:flex;
  align-items:center;
}
*/


#enoviceInput .checkbox-group label {
	display:flex;
	align-items:center;
	margin-bottom:6px;
}
#enoviceInput .checkbox-group input[type="checkbox"] {
	margin-right:8px;
	margin-left:0;
}
/* #enoviceInput .checkbox-group label:first-child input[type="checkbox"] */
#enoviceInput .checkbox-group input.sub-check {
	margin-left:22px;
}

#enoviceInput .formCol label.bcms-form-label {
	display:block;
	margin-bottom:6px;
}


#enews { /* holder msg-a */
	float:left;
	display:block;
	width:100%;
}
.eMsgC {
/* 	margin-top:10px; */
}

/* GDPR legal */
.f_legal {
	float:left;
	display:block;
	width:100%;
	margin-top:10px;
	line-height:1.3em;
/* 	font-size:90%; */
	padding-bottom:10px;
}
#enoviceInput .f_legal {
	margin-top:40px;
}
#formEnovice #bcms_kepca_c label, .f_legal {
	font-size:90%;
}
#enoviceInput input.f_checkbox {
	float:left;
	display:block;
	width:20px;
	margin:3px 5px 0 0;
	height:auto;
}
label.f_checkboxLabel {
	float:left;
	display:inline;
	width:calc(100% - 25px);
}

/*////////////////////////////////////
captcha
////////////////////////////////////*/
#bcms_kepca_cc, .bcms_kepca_cc, #bcms_kepca_c label {
/* 	width:68%; */
}
#bcms_kepca_cc {
	float:left;
	display:block;
	width:100%;
	margin:15px 0 5px;
}
#bcms_kepca_c label {
	float:left;
	display:block;
	width:100%;
}
#bcms_kepca_c {
	float:left;
	display:block;
	width:100%;
	margin-bottom:10px;
}
#bcms_kepca_c input {
	width:150px;
}
/*
div.msgErr {
	float:left;
	display:block;
	width:100%;
	color:#d10505;
	font-weight:bold; 
	font-size:16px;
	line-height:1;
	margin:0 0 5px 0!important;
	background:#FEF4DB;
}
div.msgErr p {
	padding:15px 15px;
	margin:0;
}
*/

#formEnovice #bcms_kepca_cc {
	margin-left:130px!important;
}
@media (max-width:1100px) and (min-width:700px) { 
	#formEnovice #bcms_kepca_cc {
		margin-left:0!important;
	}
}
#formEnovice #bcms_kepca_c label {
	width:130px;
	padding-top:15px;
/*
	float:left;
	display:block;
	text-align:left;
*/
}


/*////////////////////////////////
//	forma kontakt forma
////////////////////////////////*/
/* kontakt page - forma */
.iContact {
}
.iContactTxt {
	float:left;
	display:block;
	width:100%;
	padding-top:25px;
}
.iContact .itemHalfL, .iContact .itemHalfR {
	margin-bottom:30px;
}
.iFormaH {
}
.iFormaH h5 {
	margin-bottom:30px;
}

.bcms-form {
	float:left;
	display:inline;
	width:100%;
}
.bcms-form button, .bc-login button {
	cursor:pointer;
	border:none;
}
.bcms-form button {
	margin-top:15px;
}
.bcms-form > .alert { /* uvodni txt */
/*
	float:left;
	display:inline;
	width:100%;
	margin-bottom:20px;
*/
}
.bcms-form .alert-success {
/* 	font-weight:bold; */
	margin-bottom:40px;
}

#content .gGumbB, .bcms-form button { /* BIG! more padding */
/*
	padding:12px 15px;
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:10px;
*/
}

.formUser {
/* 	padding-top:15px; */
	padding:0;
	margin-bottom:0;
}
.itemFormIntro {
	float:left;
	display:inline;
	width:100%;
	margin-bottom:1.5em;
}
.itemFormIntro > h3	{
	padding:1em 0 0;
	margin:0 0 0.5em 0;
	display:none;
}

.bcms-form-input textarea, .bcms-form-input input, .input-group input, #bcms_kepca_c input,
#enoviceInput input {	
	color:#000;
	background:#F8F6F0;
}
#enoviceInput input {
	background:#fff;
}
.bcms-form-input textarea, .bcms-form-input input, .input-group input, #bcms_kepca_c input, 
#enoviceInput input[type="text"] {
	border:1px solid transparent;
	padding:18px 15px; /* levi odmak! */
	width:100%;
}
#enoviceInput input[type="text"] {
	width:70%;
}

.bcms-form select { /* bootstrap reset - Sanabilis, 2do test */
	padding:15px 15px;
	height:auto; 
	line-height:normal;
	--icon-caret:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path fill="rgb(180 180 200)" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
	background-image:var(--icon-caret), var(--icon-caret);
   background-repeat:no-repeat;
   background-position:center right var(--wa-form-control-padding-inline);
   background-blend-mode:hue, difference;	
}
.bcms-form-input textarea, .bcms-form-input input, .input-group input {
/* 	width:80%; */
}
.bcms-form-input textarea {
	height:500px;
	line-height:1.3em;
}
.form-fn-captcha .bcms-form-input input { /* captcha */
	width:300px;
}
/*
.input-group input {
	width:400px;
}
*/
/*
.bcms-form-input .form-type-captcha input {
	width:50%;
}
*/
.bcms-form-row {
	margin-bottom:15px;
	padding-bottom:15px;
}
.form-fn-checkbox {
	padding-bottom:0;
}
.form-fn-textarea {
	padding-top:20px;
}
.bcms-form label, .bcms-form .alert {
	padding-left:10px; /* levi odmak! */
	margin-bottom:8px;
}
.bcms-form > .alert {
	padding:2em 2em;
	margin-top:30px;
	margin-bottom:50px;
}
.formUser .bcms-form > .alert {
	margin-top:0px;
}
.bcms-kepca-css {
	margin-bottom:15px; 
	padding-left:10px; /* levi odmak! */
} 
#form-bcms_kepca_i {
	width:200px;
}
.bcms-form label {
	display:block;
}
label.bcms-form-label {
	font-size:16px;
	font-size:1.65rem;
	padding-left:0;
}
.req label.bcms-form-label::before {
	content:'*';
	padding-right:5px;
/* 	margin-left:-10px; */
	margin-bottom:5px;
}

.bcms-form-row .alert {
	margin-top:3px;
}
.f_loginC input {
/* 	padding:8px; */
}
#login input.fsubmit {
	cursor:pointer;
}
.bcms-form-input textarea:focus, .bcms-form-input input:focus,
#enoviceInput input:focus {
	background:#FFF4D4;
}

.bcms-form-input textarea {
	height:180px;
	line-height:1.5em;
}
.bcms-form-input input, .bcms-form-input textarea {
/*
	position:relative;
	width:100%;
	float:left;
	display:inline;
*/
}

.bcms-form .has-error label, .req label.bcms-form-label::before, #checkboxError {
	color:#e22b2b;
/* 	font-weight:bold; */
}
.bcms-form .alert-danger {
/*
	position:relative;
	float:left;
*/
	clear:both;
/* 	width:250px; */
	color:#e22b2b;
/* 	font-weight:bold; */
}
.bcms-form .has-error input, .bcms-form .has-error textarea {
/* 	border-color:#ed8f87; */
}

label.form-option input, div.checkbox label input {
	width:20px;
	margin-bottom:5px;
}
div.checkbox label { /* gdpr consent */
	padding-left:0;
}

label.form-option input {
	width:20px;
	margin-bottom:5px;
}


.iAccessReqH .iFormaH {
	padding-top:60px;
	margin-bottom:50px;
}

.bcms-form fieldset {
	float:left;
	display:block;
	width:100%;
	margin:0 0 50px 0;
	border:1px solid transparent;
	padding:15px 30px 0;
}
.bcms-form fieldset legend {
	width:auto;
	font-size:22px;
	line-height:22px;
	height:22px;	
	text-transform:uppercase;
	border:none;
	padding:0 10px;
	margin:0 0 20px;
}

/* BCMs forma */
.bcms-form .form-type-password input, .bcms-form .form-type-phone input {
  width:300px;
}
.bcms-form input[type="checkbox"] {
	position:relative;
	margin:5px 0 0 0;
	padding:2px 2px;
	width:20px;
}
.bcms-form-input.checkbox label p {
	display:inline;
	margin:0;
}


/*////////////////////////////////
//	produkti
////////////////////////////////*/
.iProductCatH {
	
}
.iProductCat { /* na stranici od kategorije produkata prikaz */
	
}

.iProduct {
	float:left;
	display:block;
	width:100%;
	margin-bottom:15px;
}
.iProductSection {
	float:left;
	display:block;
/* 	width:auto; */
/* 	width:100%; */
}
.iProduct h3.h3ProductSection {
	padding-top:35px;
}
.iProductSection h5 {
	margin:0 0 0.8em;
	padding-top:1.0em;	
}
.iProduct .itemDatoteke {
	margin-top:55px;
}

.iProductsKat { /* uvodna stran produktni, ne uvodna stran sajta */
	margin-bottom:0;
}
.iProductsKat .hPitemProducts {
	margin-bottom:0;
}
.iProductsKat .hPitemProducts .itemContent {
	padding-top:30px;
}
.iProductsKat .hPitemProduct {
	flex:none;
	float:left;
	width:100%;	
	margin-bottom:40px;
}


.iProductSection, .iProduct h2, .iProduct h3, .iProduct h4, .iProduct h5, #content .iProduct ul, #content .iProduct ol { /* aside bug fix da ne radi ful rupu ispod */
	clear:left;
}

/*////////////////////////////////
//	distributeri
////////////////////////////////*/
.iDstrbtrs {
	padding-top:25px;
	margin-bottom:50px;
}
.iDstrbtrs .itemContent {
	font-size:100%;
}
.iDstrbtr {
	float:left;
	display:block;
	width:100%;
}
.iDstrbtrInfo, .iDstrbtrInfo address {
/*
	float:left;
	display:block;
	width:100%;
*/
}
.iDstrbtrInfo h3 {
	padding-top:1em;
}
.iDstrbtrInfo address {
	line-height:1.6em;
	margin-bottom:20px;
}

.iDstrbtrFull {
	padding-bottom:20px;
}
 

/*////////////////////////////////
//	zajednicke stvari
////////////////////////////////*/
.clr {
	clear:both;
}
.fltL {
	float:left;
}
.fltR {
	float:right;
}
.algnC {
	margin-left:auto;
	margin-right:auto;
}
.algnTxtC {
	text-align:center;
}
.algnTxtC .itemNav {
	text-align:center;
}
.algnTxtC .itemNav a.gVec {
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:inline-block;
	margin-top:10px;	
}
.algnTxtC .dizzLajna::after, .algnTxtC .dizzDvdr {
	margin-left:auto;
	margin-right:auto;
}
.mrgBt {
	margin-bottom:20px;
}
.mrgBtLytCols {
	margin-bottom:4.166666666666667%; /* 45/1080 */	
}
#content {
	width:64.916666666666667%; /* 779/1200 */
}
#content.w100cntnt {
	width:100%;
}
.iRcol {
	width:30%; /* 366/1200 */
	margin-left:3%;
}

.col, .colSpan1 {
	width:30%;
	margin-right:5%;
}
/* .fCol, .colSpan1 {
	width:22%;
	margin-right:4%;
}*/
.fCol1 {
	margin-left:0;
}
.colLast, .fCol4 {
	margin-right:0;
}
.fCol3 {
	padding-right:80px; /* ručno pomaknemo treći stupac dalje od zadnjeg */
}
/*
.fCol4 {
	width:auto;
	float:right;
}
*/
.colSpan2 { /* 2 kolone skupa = */
	width:calc(30% * 2 + 5%);
}


#fR1 .w100In {
	display:flex;
	align-items:flex-start; /* align top */
	justify-content:space-between;
/* 	flex-wrap:wrap; */ /* RWD, da baca u novi red a ne reže element */	
}

/* SVE oko lytCols MIJENJAJ i u basic_responsive.css, "itemListed layout, stupci" */
.itemImgs, .galerijaC figure, .itemListed .itemImgs/* , .lytCols .itemListed.iW100 .itemImgs, .lytCols .itemListed */ {
	width:30%; /* 779/1020 */
}
.galerijaC figure/* , .lytCols .itemListed */ {
	margin:0 5% 3% 0; /* */
}
.wImgs, .itemTxtImg/* , .lytCols .itemListed.iW100 .itemTxtImg */ { /* itemContent w/ Imgs */
	width:calc(100% - 30% - 4em);
}
/*reset*/
/* iW50v2 - mostly 50%, nikad ne ide u one redove, znaci li 50% ili 100% */
.lytCols .itemListed.iW50v2, .itemListed.iW50v2 .itemTxtImg , .itemListed.iW50v2 .itemImgs {
	width:100%;	
}
/* SVE oko lytCols MIJENJAJ i u basic_responsive.css END */
.iRcol .itemImgs {
	width:100%;	
}

/* fontz */
h1, h2.h2FolH1, h2.h2Kat, h3, h4, .fCol2 h5, 
.iA3bt h3, h3.sbTtlLine, h3.sbTtlClan,
.bcms-form fieldset legend,
.iUsersList h2, .fCol4 h5 {
	font-family:'rubikbold', Tahoma, Arial, Helvetica, sans-serif;
}
h2.h2FolH1 em, h2.h2Kat em, h3 em, h4 em {
	font-family:'rubikbold_italic', Tahoma, Arial, Helvetica, sans-serif;	
}
h2.h2FolH1 strong, h2.h2Kat strong, h3 strong, h4 strong { /* reset */
	font-family:'rubikbold', Tahoma, Arial, Helvetica, sans-serif;
}
h2, .itemListed h3.h3Frst,
.hmeni, .menuRwd ul ul, .menuRwdXtra,
.hmeni a::after,
.itemDatoteke h4::before, .itemDatoteke h4::after, 
.itemDocsList h4::before, .itemDocsList h4::after,
.fCol2 h5::before, .fCol2 h5::after,
.hmeni ul ul a,
.hPitemProduct .txtH h4 {
	font-family:'rubikregular', Tahoma, Arial, Helvetica, sans-serif;
}
.hmeni a, a.gVec, #enoviceInput .btn-submit, .itemForma input.button, .gGumb, .bcms-form button, .bc-login button, 
.menuRwd, .bcmsPagingCont,
.iUserFull h2.h2Frst, .itemsH2 h2.h2FolH1, .itemsH2 h3.h3Frst, .bcms-form fieldset legend,
.itemDatoteke h4, .itemDocsList h4,
.iProduct h3.h3ProductSection,
.iProductSection h5,
.hPitem h3.h3Frst {
	font-family:'rubikmedium', Tahoma, Arial, Helvetica, sans-serif;
}
.bcmsPagingCont {
	font-family:'montserratmedium', Verdana, Arial, Helvetica, sans-serif;
}
nav#breadcrumbz,
figcaption, figcaption em, .pImgTxt, .bcmsFckVideoDescriptionC {
	font-family:'montserratregular', Verdana, Arial, Helvetica, sans-serif;
}
header#headMain, footer, nav#breadcrumbz, .iA3btTxt /* , .itemImgs h3, .galerijaC figure h3, .item h6, .iDate, .bcmsFckVideoDescriptionC, figcaption, .slideImgA */ {
/* 	font-family:'rubikmedium', Tahoma, Arial, Helvetica, sans-serif; */
}
/*
a.gVec, a.gVec2 {
	font-family:'rubikbold', Verdana, Arial, Helvetica, sans-serif;
}
*/
figcaption, figcaption em, .pImgTxt,
.hmeni, .menuRwd, .menuRwdXtra,
header#headMain, footer, div#breadcrumbz, .iA3btTxt,
.menuRwd ul ul a {
	/* regular */
}
.iJumpTxtW h3, .iNwslttrH h3 {
	font-size:30px;
	font-size:3.0rem;	
}
#headTitle h1, .slideTxt h3 {
	font-size:28px;
	font-size:2.8rem;	
}
.hPitemProduct .txtH h3 {
	font-size:26px;
	font-size:2.6rem;		
}
.hPitemProduct .txtH h4 {
	font-size:19px;
	font-size:1.9rem;
}
.iJumpTxt p {
	font-size:23px;
	font-size:2.3rem;		
}
.iA3bt h3 {
	font-size:24px;
	font-size:2.4rem;		
}
.iProduct h3.h3ProductSection {
	font-size:22px;
	font-size:2.2rem;		
}
.iProductSection h5 {
	font-size:19px;
	font-size:1.9rem;	
}
a.gVec2, .fCol4 h5 {
	font-size:17px;
	font-size:1.7rem;
}
a.gVec, .gGumb, .bcms-form button, .bc-login button, .gGumbBig, #enoviceInput .btn-submit,
.headInfoTxt,
.itemSearch h6.iDate {
	font-size:16px;
	font-size:1.6rem;	
}
header#headMain, footer, .iA3btTxt, .item h6, .iDate {
	font-size:14px;
	font-size:1.4rem;	
}
nav#breadcrumbz {
	font-size:14px;
	font-size:1.35rem;
}
#fR2 {
	font-size:13px;
	font-size:1.3rem;
}
.fCol4 address {
	line-height:1.65em;
}
.headInfoTxt {
	line-height:1.5em;
}
.hPitem h3.h3Frst {
	line-height:1.3em;
}
.hmeni, .item h6, .iDate {
	line-height:1em;
}
.itemImgs a, .galerijaC figure a {
	line-height:0;
}
h4, h5, .hmeni a, .gGumb, .bcms-form button, .bc-login button, #enoviceInput .btn-submit, 
h1.h1Kat, h2.h2Kat,
.iProduct h3.h3ProductSection,
.iDstrbtr h2.h2FolH1,
.itemSearch h6.iDate {
	text-transform:uppercase;
}
#headTitleH h1.h1Kat {
	text-transform:none; /* reset */
}
.fCol4 h5, .hmeni ul ul a {
	text-transform:none;
}
h1, h2 {
/* 	letter-spacing:-0.5px; */
/* 	letter-spacing:0.09em;	 */
}
.iProduct h3.h3ProductSection {
	letter-spacing:0.15em;		
}
.gGumbBig, #enoviceInput .btn-submit {
/* 	letter-spacing:3px; */
	letter-spacing:0.19em;	
}
.gGumb, .bcms-form button, .bc-login button {
/* 	letter-spacing:1.4px; */
	letter-spacing:0.1em;	
}
.itemDatoteke h4, .itemDocsList h4 {
/* 	letter-spacing:2px; */
	letter-spacing:0.09em;	
}
.hmeni a {
/* 	letter-spacing:0.5px; */
	letter-spacing:0.03em;
}
h1.h1Kat, h2.h2Kat {
/* 	letter-spacing:1.75px; */
	letter-spacing:-0.1px;
	letter-spacing:-0.005em;
}
.hmeni ul ul a {
	letter-spacing:0;
}
#headTitleH h1.h1Kat {
	line-height:1.3em;
/* 	letter-spacing:-0.5px; */
	letter-spacing:-0.018em;
}
.iJumpTxtW h3, .hPitemProduct .txtH h3, .iNwslttrH h3 {
/* 	letter-spacing:-0.5px; */
	letter-spacing:-0.017em;	
}
#content .hPitem .h2Kat, .iJumpTxt p {
/* 	letter-spacing:-0.3px; */
	letter-spacing:-0.01em;
}

/* fontz - colorz */
h1, h2.h2FolH1, .iA3bt h3 {
	color:#000;
}
h2, h3, h4 {
	color:#000;
}
#fR2 {
	color:#727376;	
}
#headTitleH, #headTitleH h1, .hPitemProduct .txtH, .hPitemProduct .txtH h3, .hPitemProduct .txtH h4 {
	color:#fff;
}
nav#breadcrumbz, nav#breadcrumbz a {
	color:#fff;
	color:rgba(255,255,255,0.9);
}
.item h6, .iDate { /* novice datum */
	color:#858585;
}
header#headMain, footer {
	color:#000;
}
#content .itemDatoteke ul li::before, /* #content ul li::before,  */#content ol li::marker, blockquote::before {
	color:#B9B9B9;
}
.iProduct h3.h3ProductSection::before {
	color:#EEF5DA;
	color:rgba(168,207,69,0.2);
}
#content ul li::before {
	color:#DED8C8;
}
figcaption, .pImgTxt, .bcmsFckVideoDescriptionC {
	color:#666;
}
.itemDatoteke span.datotekaKb {
	color:#AAA;
}
.iA3bt i, .iProduct h3.h3ProductSection {
	color:#A8CF45;
}
#content ul.bcmsPaging li.bcmsPagingDots {
	color:#727376;
}

/* colorz */
h1, h2.h2FolH1, .fckTable, .fckTable td, .fckTable th, hr, .itemDatoteke h4, .itemDocsList h4, .itemListed, .item1 .itemInfo, .itemSearchIntro, .itemSearch, .bcms-form fieldset/* , a.gVec */ {
	border-color:#EAEAEB;
}
h1 span, h2.h2FolH1 span, .iJumpTxtW h3 span, .iNwslttrH h3 span {
	border-color:#00A7D0;	
}
.itemListed h2.h2FolH1 span, h3.sbTtlLine span, .dizzCapka {
	border-color:#F1EEEC;
}
.itemDatoteke {
	border-color:#00A7D0;
}
.dizzLajna::after, .dizzLajna::before {
	background-color:#EAEAEB;
}
.itemImgs figure > a::before, .galerijaC figure > a::before {
	background-color:rgba(167,208,100,0.8);
}
nav#breadcrumbz ul li::before, a.gVec::after {
	color:#00A7D0;
}
.iA3btBox {
	background-color:#F7F6F3;
	background-color:#F7F5ED;


/* 	opacity:0.9; */
	background-color:#F8F6F0;
/* 	background-color:#F3F0EA;	 */
}
.hmeni ul ul a {
	color:#fff;
}

/* linkz */
#content a, .msgC a, nav#breadcrumbz a:hover, nav#breadcrumbz a:focus, nav#breadcrumbz a:active {
	text-decoration:underline;
}
nav#breadcrumbz a, footer a, #content a.gVec, #content .h2FolH1 a, #content ul.bcmsPaging a, #content .gGumb, #enoviceInput .btn-submit,
/* bootstrap override */
/* .bcms-cookies-consent--modal a:hover, .bcms-cookies-consent--modal a:focus, .bcms-cookies-consent--modal a:active, */
#headMain a, #headMain a:hover, #headMain a:focus, #headMain a:active,
.hmeni a, 
/* #headInfoH a, */.menuRwd a, .rwdIcon, .rwdIcon:hover, .rwdIcon:focus, .rwdIcon:active,
.gGumb:hover, .gGumb:focus, .gGumb:active, .bcms-form button:hover, .bcms-form button:focus, .bcms-form button:active, #content .gGumb:hover, #content .gGumb:focus, #content .gGumb:active/* , footer .hmeni a, .rwdIcon:hover::before */ {
	text-decoration:none;
}

.fCol4 a,
/* bootstrap override */
.btn-link {
	color:#00A7D0;	
}
#content a:hover, #content a:focus, #content a:active, .msgC a:hover, .msgC a:focus, .msgC a:active,
#contentBttm a:hover, #contentBttm a:focus, #contentBttm a:active {
	color:#A8CF45;
/* 	background-color:#00A7D0; */
}
nav#breadcrumbz a:hover, nav#breadcrumbz a:focus, nav#breadcrumbz a:active {
	color:#00A7D0;
	background-color:transparent;	
}
a.gVec {
	color:#000;
}	
#content a.gVec:hover, #content a.gVec:focus, #content a.gVec:active,
a.gVec:hover::after, a.gVec:focus::after, a.gVec:active::after {
	color:#A8CF45;
}
#content .hPitem .h2Kat a:hover, #content .hPitem .h2Kat a:focus, #content .hPitem .h2Kat a:active,
#contentBttm a.gGumb:hover, #contentBttm a.gGumb:focus, #contentBttm a.gGumb:active {
	color:#fff;
}
a.gVec:hover::after, a.gVec:focus::after, a.gVec:active::after {
	margin-left:4px;
}
.hmeni a {
	color:#000;
}
.hmeni a:hover, .hmeni a:focus, .hmeni a:active {
/* 	color:#A8CF45; */
}
.hmeni a.hmeniAkt {
	
}
/* SREDI */
.itemListed .h2FolH1 a, h2.h2Kat a {
	color:#000;
}
#content .itemListed .h2FolH1 a:hover, #content .itemListed .h2FolH1 a:focus, #content .itemListed .h2FolH1 a:active {
	text-decoration:underline;
}
/* SREDI end */
footer a {
	text-decoration:none;
	color:#000;
}
#fR2 a {
	color:#727376;	
}
footer a:hover, footer a:focus, footer a:active,
#fR2 a:hover, #fR2 a:focus, #fR2 a:active {
	color:#A8CF45;
}
figcaption em, #content figcaption em a {
	color:#888;
}
#content figcaption em a:hover, #content figcaption em a:focus, #content figcaption em a:active {
	color:#A8CF45;
}
#content ul.bcmsPaging, #content ul.bcmsPaging a {
}
#content ul.bcmsPaging a:hover, #content ul.bcmsPaging a:focus, #content ul.bcmsPaging a:active {
	color:#fff;
	background-color:#A8CF45;
}
.gGumb, .bcms-form button, .bc-login button, #enoviceInput .btn-submit, 
#content ul.bcmsPaging li.bcmsPagingActive {
	color:#fff;	
	background-color:#00A7D0;	
}
/* .gGumb:hover, .gGumb:focus, .gGumb:active, */
.bcms-form button:hover, .bcms-form button:focus, .bcms-form button:active,
.bc-login button:hover, .bc-login button:focus, .bc-login button:active/*
, 
#content .gGumb:hover, #content .gGumb:focus, #content .gGumb:active
*/ {
	color:#fff;
	background-color:#A8CF45;	
}
#content .gGumb:hover, #content .gGumb:focus, #content .gGumb:active, 
#enoviceInput .btn-submit:hover, #enoviceInput .btn-submit:focus, #enoviceInput .btn-submit:active {
	color:#fff;
}
.socLinks a, #toTop {
	color:#fff;	
	background-color:#00A7D0;
}
.socLinks a:hover, .socLinks a:focus, .socLinks a:active, 
#content .socLinks a:hover, #content .socLinks a:focus, #content .socLinks a:active, 
#toTop:hover, #toTop:focus, #toTop:active {
	color:#fff;	
	background-color:#A8CF45;
}


/* anim border bottom efekt animation */
.hmeni li a, footer a, .msgC a, ul#flags a, .folLink, #bcmsCookieInfoWrapper #bcmsCookieInfo a, a.slideLink,
.hmeni ul ul li a::before,
#content .hPitem .h2Kat a
/*
, .hmeni ul ul a, 
.dizzGreenGradBck a.gVec, .iconW a, #headRightH a
*/ {
	position:relative;
}
.msgC a:hover, .msgC a:focus, .msgC a:active,
footer a, footer a:hover, footer a:focus, footer a:active {
	text-decoration:none;
}
#hmeniTop li a::before, #meniFixed .hmeni li a::before {
   top:0;
   left:0;
   height:100%;
}
.hmeni li a::after, .hmeni ul ul li a::before, .msgC a::after, footer a::after, ul#flags a::after, .folLink::after, #bcmsCookieInfoWrapper #bcmsCookieInfo a::after, a.slideLink::after
/* , .iconW a::after */ {
	content:"";
	position:absolute;
   bottom:-9px;
   left:-5px;
   width:0;
   display:block;
   height:4px;
   background-color:#A8CF45;
}

.hmeni a.hmeniAkt::after,
.hmeni ul ul li a.hmeniAkt::before {
	background-color:#00A7D0;
}
footer .hmeni li a::after {
	bottom:-7px;
	height:3px;
}
#hmeniTop li a::after, #meniFixed .hmeni li a::after {
   bottom:-8px;
/*	left:-5px; */
	background-color:#00A7D0;
}
.hmeni ul ul li a::before {
   height:100%;
   bottom:0; 
   width:0;  
}

.hmeni li a:hover::after, .hmeni li a:focus::after, .hmeni li a:active::after, .hmeni a.hmeniAkt::after,
footer a:hover::after, footer a:focus::after,
.msgC a:hover::after, .msgC a:focus::after,
ul#flags a:hover::after, ul#flags a:focus::after,
a.slideLink:hover .folLink::after, a.slideLink:focus .folLink::after, 
a.slideLink:active .folLink::after,
#bcmsCookieInfoWrapper #bcmsCookieInfo a:hover::after, #bcmsCookieInfoWrapper #bcmsCookieInfo a:focus::after,
a.slideLink:hover::after, a.slideLink:focus::after, a.slideLink:active::after
/*
#hmeniTop li a:hover::after, #hmeniTop li a:focus::after, #hmeniTop li a:active::after, #hmeniTop li a.hmeniAkt::after, 
#meniFixed .hmeni li a:hover::after, #meniFixed .hmeni li a:focus::after, #meniFixed .hmeni li a:active::after, #meniFixed .hmeni li a.hmeniAkt::after
*/
/*
, .iconW a:hover::after, .iconW a:focus::after
*/
/* .folLink:hover::after, .folLink:focus::after */ {
   left:0;
   width:100%;  
}
.hmeni ul ul li a:hover::before, .hmeni ul ul li a:focus::before, .hmeni ul ul li a:active::before, .hmeni ul ul a.hmeniAkt::before {
	width:5px;
}
.hmeni li a:hover, .hmeni li a:focus, .hmeni li a:active, .hmeni a.hmeniAkt/* , ul#flags a:hover, ul#flags a:focus, ul#flags a:active */ {
/* 	color:#000; */
}
footer .fCol1 { /* veci padding da se vidi anim border na hover */
/* 	padding-bottom:10px; */
}
footer a::after, ul#flags a::after, .msgC a::after, #bcmsCookieInfoWrapper #bcmsCookieInfo a::after  /*, .iconW a::after , #headRightH a::after */ {
   bottom:-5px;
   height:2px;
}
/*
.iconW a::after , #headRightH a::after {
   bottom:-5px;
}
*/
ul#flags a::after, a.slideLink::after {
	bottom:-6px;
}


/* anim background color efekt animation */
#content .hPitem .h2Kat a::before, .gGumb::before, .bcms-form button::before, .bc-login button::before, #enoviceInput .btn-submit::before
/* , .iconW a::after */ {
	content:"";
	position:absolute;
   bottom:-0.2em;
   left:-0.6em;
   height:calc(100% + 0.5em);
   width:0;
   display:block;
   background-color:#A8CF45;
   z-index:-1;
}
.gGumb::before, .bcms-form button::before, .bc-login button::before, #enoviceInput .btn-submit::before {
   bottom:0;
   left:0;
/*	width:0; */
   height:100%;
}
#content .hPitem .h2Kat a:hover::before, #content .hPitem .h2Kat a:focus::before, #content .hPitem .h2Kat a:active::before {
   width:calc(100% + 1.2em);
}
.gGumb:hover::before, .gGumb:focus::before, .gGumb:active::before,
.bcms-form button:hover::before, .bcms-form button:focus::before, .bcms-form button:active::before,
.bc-login button:hover::before, .bc-login button:focus::before, .bc-login button:active::before,
#enoviceInput .btn-submit:hover::before, #enoviceInput .btn-submit:focus::before, #enoviceInput .btn-submit:active::before,
.hPitemProduct a:hover .gGumb::before, .hPitemProduct a:focus .gGumb::before, .hPitemProduct a:active .gGumb::before /* uvodna, produkti */ {
   width:100%;
}

/* reset anim border bottom efekt */
/* #fLogos a::after,  */.socLinks a::after, .aLogo::after, /* .fCoFinance a::after,  */.hmeni ul ul li a::after,
.gGumbBig:hover::after, .gGumbBig:focus::after, .gGumbBig:active::after, 
/* #enoviceInput .btn-submit:hover::after, #enoviceInput .btn-submit:focus::after, #enoviceInput .btn-submit:active::after,  */
.hmeni .iDoniraj a::after {
	display:none;
}

/*////////////////////////////////
//	uvodna
////////////////////////////////*/
.hP {
}
.hP #content {
	padding-top:20px;
}
#content .hPitem .h2Kat {
	line-height:1em;
}
.hPitem {
	float:left;
	display:block;
	width:100%;
	margin-bottom:110px;
}
.hPNewsH { /* ispod distributeri, prevelika rupa */
	margin-bottom:50px;
}
.hPitem:nth-last-child(2) { /* 2 jer ispod još ide CTA box */
/* 	margin-bottom:50px; */
}
.hPitem h2.h2Kat {
	padding-top:0;
}
.hPitem h3.h3Frst {
}
.hPitemSmaller .item { /* uži element */
	width:90%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:inline-block;
}

.hP .colSpan2 { /* pored je onaj a3but fora */
	padding-top:10px;
}

.hPitem h1.h1Kat, .hPitem h2.h2Kat {
	text-align:center;
}
.hPitem h1 span, .hPitem h2.h2Kat span, .iJumpTxtW h3 span, .iNwslttrH h3span, .dizzCapka { /* dizz capka */
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
.iJumpTxtW h3 span, .iNwslttrH h3 span {
	margin-left:0;
	padding-top:15px;	
}

.hPitemDistributors {
	background:url(world_map_raster@2x.png) no-repeat 50% 50%;
	background-size:100%;
	width:1200px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	min-height:586px;

	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element - INAČE ako je sliak nju recimo smanjuje! */ 	
/*
	
	border:1px solid red;
*/
}
.hPitemDistributors .itemContent {
	width:60%;
	margin-left:auto;
	margin-right:auto;	
	float:none;
	display:inline-block;	
/* 	padding-top:60px;	 */
	padding-bottom:0;
}

.hPitemProducts .itemContent {
	display:flex;
	width:100%;
	padding:0;

	align-items:center;
	align-items:flex-start; /* align top */
	justify-content:center;
	flex-wrap:wrap; /* RWD, da baca u novi red a ne reže element - INAČE ako je sliak nju recimo smanjuje! */ 	
	
}
.hPitemProduct .txtInfo {
	margin-bottom:35px;
}
.hPitemProduct {
	overflow:hidden;	
	position:relative;
	text-decoration:none;
	flex:1;	
/* 	display:flex; */
	height:490px;
}
.hPitemProduct a {
	width:100%;
	height:100%;
/*
	position:absolute;
	left:0;
	top:0;
*/
}
.hPitemProduct img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover; /* This ensures the image covers the container */
}
#content .hPitemProduct img {
	margin-top:0;
}
.hPitemProduct:hover img, .hPitemProduct:focus img, .hPitemProduct:active img {
	transform:scale(1.1); /* Slightly enlarge the image on hover */
}



/*////////////////////////////////
//	css3 stuff
////////////////////////////////*/
.socLinks a, #toTop, #content ul.bcmsPaging a, #content ul.bcmsPaging li {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
}
.iA3btBox {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.bcms-form fieldset, .bcms-form-input input, .bcms-form-input textarea,
#enoviceInput input,
.bcms-form > .alert, .bcms-form .alert,
/* bootstrap override */
#content .input-group input {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#searchBoxH input.finput {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.xyz {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#toTop:hover, #toTop:focus, #toTop:active {
	transform:scale(1.2);	
}
.socLinks a:hover, .socLinks a:focus, .socLinks a:active {
	transform:scale(1.1);	
}
a#home:hover, a#home:focus, a#home:active,
a#home2:hover, a#home2:focus, a#home2:active {
	transform:scale(1.05);	
}

.xyz {
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.8);	
}

.headInfoTxt {
	text-shadow:1px 1px 0 rgba(0,0,0,0.3);
}
.gGumb, .bcms-form button, .bc-login button, #enoviceInput .btn-submit, 
#content .hPitem .h2Kat a:hover, #content .hPitem .h2Kat a:focus, #content .hPitem .h2Kat a:active {
	text-shadow:1px 1px 0 rgba(0,0,0,0.3);
}
#headTitle h1.h1Kat {
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
#headTitle h1, .hPitemProduct .txtH h3 {
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
}
.headInfoTxt {
	text-shadow:1px 1px 0 rgba(0,0,0,0.05);
}



.gGumb, .bcms-form button, .bc-login button, #enoviceInput .btn-submit, #content .hPitem .h2Kat a::before {
	transform:skewX(-20deg);
}
.gGumb span, .bcms-form button span, .bc-login button span, #enoviceInput .btn-submit span { /* reset na 0 */
	transform:skewX(20deg);
}
.gGumb span, .bcms-form button span, .bc-login button span, #enoviceInput .btn-submit span {
	display:block;
	z-index:1000;
}
.RESET {
	transform:skewX(0);
}

.itemImgs figure > a::before, .galerijaC figure > a::before, .itemImgs figure > a::after, .galerijaC figure > a::after {
	opacity:0;
}
#toTop {
	opacity:0.6;
}
#toTop:hover, #toTop:focus, #toTop:active, .itemImgs figure > a:hover::before, .itemImgs figure > a:focus::before, .itemImgs figure > a:active::before, .galerijaC figure > a:hover::before, .galerijaC figure > a:focus::before, .galerijaC figure > a:active::before, .itemImgs figure > a:hover::after, .itemImgs figure > a:focus::after, .itemImgs figure > a:active::after, .galerijaC figure > a:hover::after, .galerijaC figure > a:focus::after, .galerijaC figure > a:active::after {
	opacity:1;
}

.itemImgs figure > a:hover::after, .itemImgs figure > a:focus::after, .itemImgs figure > a:active::after, .galerijaC figure > a:hover::after, .galerijaC figure > a:focus::after, .galerijaC figure > a:active::after {
	-webkit-transform:scale(1);
	transform:scale(1);
}

nav#breadcrumbz {
	transform:skewX(-20deg);
}
nav#breadcrumbz ul {
	transform:skewX(20deg);
}

button, .msgC a, header a, #top a, footer a, #toTop, .itemImgs figure > a::after, .galerijaC figure > a::after,
#bcmsCookieInfoWrapper, #bcmsCookieInfoWrapper a, #bcmsCookieInfoWrapper #bcmsCookieInfo button, #bcmsCookieInfoTextWrapper a, 
#menuRwdH, #searchBoxH, .menuRwd, .menuRwd a, .hasChild::after, .rwdIcon, .rwdIcon::before, .menuRwdXtra a,
#meniFixed, #meniFixed a, #searchIconHead::before, 
.hPitemProduct, .hPitemProduct img {
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.shareBox,
.itemImgs img, .galerijaC figure img, .itemImgs figure > a::before, .galerijaC figure > a::before,
.hmeni li a::after, footer a::after, .msgC a::after, .hmeni ul ul a::after,
.itemImgs figure > a.thumbLast span, .galerijaC figure > a.thumbLast span,
#bcmsCookieInfoWrapper #bcmsCookieInfo a::after,
a.gVec::after,
ul#flags a::after, .folLink::after, a.slideLink::after,
#content .hPitem .h2Kat a::before,
.gGumb::before, .bcms-form button::before, .bc-login button::before, #enoviceInput .btn-submit::before { /* faster */
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
#top .shareBox a,
.hmeni ul ul li a::before {
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.itemImgs figure > a::after, .galerijaC figure > a::after {
   -webkit-transition-delay:0.1s;
   -moz-transition-delay:0.1s;
   -o-transition-delay:0.1s;
	transition-delay:0.1s;
}

#pfH i.fa-heart {
	color:#A8CF45;
	padding:0 3px;	
}
#pfH i.fa-heart {
	animation:5s ease 0s normal none infinite running heart-pulse;
}
#pfH i.fa-heart:hover, #pfH i.fa-heart:focus, #pfH i.fa-heart:active {
	animation:none;
}
@keyframes heart-pulse {
	10% {
		color:#A8CF45;
	}
	50% {
	   color:#00A7D0;
	}
	90% {
	   color:#A8CF45;
	}	
}

::selection {
	background:#00A7D0;
	color:#fff;
}
::-moz-selection {
	background:#00A7D0;
	color:#fff;
}


/*////////////////////////////////
//	bootstrap override
////////////////////////////////*/
a:hover {
	color:inherit;
}
button, input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
}
.btn { /* gumb */
	padding:inherit;
	font-size:inherit;
	line-height:inherit;
	border:inherit;
	border-radius:inherit;	
}
.btn-primary /* #enoviceInput .btn-submit */ { /* gumb */
}
.form-control { /* forma polja */
	font-size:inherit;
	line-height:inherit;
	height:inherit;
	-webkit-box-shadow:inherit;
	box-shadow:inherit;
	display:inherit;
}
.form-control:focus {
	border-color:#0061F5;
	-webkit-box-shadow:inherit;
	box-shadow:inherit;	
}
/*
::placeholder {
	color:inherit;
	opacity:inherit;
}
*/

/* login forma */
.input-group-addon { /* login forma, ikonica pored */
	padding:inherit;
	font-size:inherit;
	line-height:inherit;
	border:inherit;
	border-radius:inherit;
	background-color:inherit;
	font-weight:inherit;
	color:inherit;
}
.input-group-addon:first-child {
	margin-right:inherit;
	border-right:inherit;
	border-radius:0;
}

.input-group-addon:first-child,
.input-group .form-control:last-child, .input-group-addon:last-child {
/* 	border-radius:inherit; */
}

.input-group {
	display:inherit;
}
.input-group .form-control {
	float:inherit;
}
.checkbox input[type="checkbox"] {
	position:inherit;
	margin:inherit;
}


/*////////////////////////////////
//	GSAP anim elementi
////////////////////////////////*/
/*
.test {
	border:1px solid red;
}
*/