@font-face {
	font-family: 'RutmapIcons';
	src:url('fonts/rutmapicons.eot?-n66q8o');
	src:url('fonts/rutmapicons.eot?#iefix-n66q8o') format('embedded-opentype'),
		url('fonts/rutmapicons.woff?-n66q8o') format('woff'),
		url('fonts/rutmapicons.ttf?-n66q8o') format('truetype'),
		url('fonts/rutmapicons.svg?-n66q8o#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'RutmapIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div.upper div.contentFlex div.categoryColor:before{
    background-image: url("/look/images/bigdetailed.png");
    background-repeat: no-repeat;
    background-position: center center;
}
div.upper div.contentFlex div.categoryColor.icon-sff:before{
    background-image: url("/look/images/bigprogram.png");
    background-repeat: no-repeat;
    background-position: center center;
}


/*NOVE IKONE*/





.icon-dom:before {
	content: "\e605";
	display: block;
	background: #d77330;
	border-radius: 10px;
	border: 1px solid #a75016;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 16px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(242,132,59,1);
}
.icon-dom:hover:before {
	content: "\e605";
	display: block;
	border-radius: 3px;
	background:#a75016;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-dom:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-dom{
    background:#a75016;
}
div#framedetails.icon-dom:before{
    content:"";
    display:none;
}


.icon-dzdravlja:before {
	content: "\e655";
}

.icon-dzdravlja:before {
	content: "\e655";
	display: block;
	background: #bb3131;
	border-radius: 10px;
	border: 1px solid #842222;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,55,55,1);
}
.icon-dzdravlja:hover:before {
	content: "\e655";
	display: block;
	border-radius: 3px;
	background:#842222;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-dzdravlja:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-dzdravlja{
    background:#842222;
}
div#framedetails.icon-dzdravlja:before{
    content:"";
    display:none;
}






.icon-ginekolog:before {
	content: "\e655";
	display: block;
	background: #bc1b76;
	border-radius: 10px;
	border: 1px solid #7f104f;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,18,155,1);
}
.icon-ginekolog:hover:before {
	content: "\e655";
	display: block;
	border-radius: 3px;
	background:#7f104f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-ginekolog:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-ginekolog{
    background:#7f104f;
}
div#framedetails.icon-ginekolog:before{
    content:"";
    display:none;
}






.icon-policija:before {
	content: "\e657";
	display: block;
	background: #0a49a6;
	border-radius: 10px;
	border: 1px solid #0a377b;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(61,137,249,1);
}
.icon-policija:hover:before {
	content: "\e657";
	display: block;
	border-radius: 3px;
	background:#0a377b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-policija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-policija{
    background:#0a377b;
}
div#framedetails.icon-policija:before{
    content:"";
    display:none;
}





.icon-bilijar:before {
	content: "\e656";
	display: block;
	background: #114559;
	border-radius: 10px;
	border: 1px solid #082935;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(40,133,169,1);
}
.icon-bilijar:hover:before {
	content: "\e656";
	display: block;
	border-radius: 3px;
	background:#082935;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-bilijar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-bilijar{
    background:#082935;
}
div#framedetails.icon-bilijar:before{
    content:"";
    display:none;
}






.icon-dzamija:before {
	content: "\e653";
	display: block;
	background: #3d8d15;
	border-radius: 10px;
	border: 1px solid #2b680d;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(112,214,60,1);
}
.icon-dzamija:hover:before {
	content: "\e653";
	display: block;
	border-radius: 3px;
	background:#2b680d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-dzamija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-dzamija{
    background:#2b680d;
}
div#framedetails.icon-dzamija:before{
    content:"";
    display:none;
}





.icon-jevrej:before {
	content: "\e654";
	display: block;
	background: #a87722;
	border-radius: 10px;
	border: 1px solid #825b16;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,180,50,1);
}
.icon-jevrej:hover:before {
	content: "\e654";
	display: block;
	border-radius: 3px;
	background:#825b16;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-jevrej:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-jevrej{
    background:#825b16;
}
div#framedetails.icon-jevrej:before{
    content:"";
    display:none;
}








.icon-crkvap:before {
	content: "\e654";
	display: block;
	background: #bc393c;
	border-radius: 10px;
	border: 1px solid #8c292b;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,45,50,1);
}
.icon-crkvap:hover:before {
	content: "\e654";
	display: block;
	border-radius: 3px;
	background:#8c292b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-crkvap:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-crkvap{
    background:#8c292b;
}
div#framedetails.icon-crkvap:before{
    content:"";
    display:none;
}







.icon-crkvak:before {
	content: "\e654";
	display: block;
	background: #2e658f;
	border-radius: 10px;
	border: 1px solid #0f4c7b;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(63,174,231,1);
}
.icon-crkvak:hover:before {
	content: "\e654";
	display: block;
	border-radius: 3px;
	background:#0f4c7b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-crkvak:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-crkvak{
    background:#0f4c7b;
}
div#framedetails.icon-crkvak:before{
    content:"";
    display:none;
}






.icon-spomenik:before {
	content: "\e652";
	display: block;
	background: #905d3a;
	border-radius: 10px;
	border: 1px solid #694228;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 19px;
	width: 18px!important;
	height: 18px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(218,116,45,1);
}
.icon-spomenik:hover:before {
	content: "\e652";
	display: block;
	border-radius: 3px;
	background:#694228;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-spomenik:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-spomenik{
    background:#694228;
}
div#framedetails.icon-spomenik:before{
    content:"";
    display:none;
}






.icon-vjerskiobjekti:before {
	content: "\e652";
	display: block;
	background: #268981;
	border-radius: 10px;
	border: 1px solid #46c4ba;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 19px;
	width: 18px!important;
	height: 18px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(14,111,95,1);
}
.icon-vjerskiobjekti:hover:before {
	content: "\e652";
	display: block;
	border-radius: 3px;
	background:#0e655e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-vjerskiobjekti:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-vjerskiobjekti{
    background:#0e655e;
}
div#framedetails.icon-vjerskiobjekti:before{
    content:"";
    display:none;
}




.icon-finansije:before {
	content: "\e606";
	display: block;
	background: #5faa07;
	border-radius: 10px;
	border: 1px solid #4b8408;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(127,223,13,1);
}
.icon-finansije:hover:before {
	content: "\e606";
	display: block;
	border-radius: 3px;
	background:#4b8408;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-finansije:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-finansije{
    background:#4b8408;
}
div#framedetails.icon-finansije:before{
    content:"";
    display:none;
}




.icon-odjeca:before {
	content: "\e607";
	display: block;
	background: #82a92a;
	border-radius: 10px;
	border: 1px solid #618415;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 19px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(154,208,33,1);
}
.icon-odjeca:hover:before {
	content: "\e607";
	display: block;
	border-radius: 3px;
	background:#618415;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-odjeca:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-odjeca{
    background:#618415;
}
div#framedetails.icon-odjeca:before{
    content:"";
    display:none;
}








.icon-benzinska:before {
	content: "\e608";
	display: block;
	background: #c22f20;
	border-radius: 10px;
	border: 1px solid #9f271a;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(254,86,69,1);
}
.icon-benzinska:hover:before {
	content: "\e608";
	display: block;
	border-radius: 3px;
	background:#9f271a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-benzinska:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-benzinska{
    background:#9f271a;
}
div#framedetails.icon-benzinska:before{
    content:"";
    display:none;
}


.icon-rentacar:before {
	content: "\e609";
	display: block;
	background: #963447;
	border-radius: 10px;
	border: 1px solid #71192a;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(180,54,78,1);
}
.icon-rentacar:hover:before {
	content: "\e609";
	display: block;
	border-radius: 3px;
	background:#71192a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-rentacar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-rentacar{
    background:#71192a;
}
div#framedetails.icon-rentacar:before{
    content:"";
    display:none;
}



.icon-automehanicar:before {
	content: "\e60a";
}




.icon-vozila:before {
	content: "\e60b";
}



.icon-askola:before {
		content: "\e60b";
	display: block;
	background: #2a51b3;
	border-radius: 10px;
	border: 1px solid #1f3d89;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(60,109,231,1);
}
.icon-askola:hover:before {
		content: "\e60b";
	display: block;
	border-radius: 3px;
	background:#1f3d89;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-askola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-askola{
    background:#1f3d89;
}
div#framedetails.icon-askola:before{
    content:"";
    display:none;
}






.icon-vozila:before {
		content: "\e60b";
	display: block;
	background: #1867bf;
	border-radius: 10px;
	border: 1px solid #1f3d89;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(60,109,231,1);
}
.icon-vozila:hover:before {
		content: "\e60b";
	display: block;
	border-radius: 3px;
	background:#1f3d89;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-vozila:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-vozila{
    background:#1f3d89;
}
div#framedetails.icon-vozila:before{
    content:"";
    display:none;
}




.icon-autodijelovi:before {
	content: "\e60b";
	display: block;
	background: #2a51b3;
	border-radius: 10px;
	border: 1px solid #1f3d89;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(60,109,231,1);
}
.icon-autodijelovi:hover:before {
	content: "\e60b";
	display: block;
	border-radius: 3px;
	background:#1f3d89;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-autodijelovi:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-autodijelovi{
    background:#1f3d89;
}
div#framedetails.icon-autodijelovi:before{
    content:"";
    display:none;
}





.icon-stomatolog:before {
	content: "\e60c";
	display: block;
	background: #0b7fc9;
	border-radius: 10px;
	border: 1px solid #096cab;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(39,164,243,1);
}
.icon-stomatolog:hover:before {
	content: "\e60c";
	display: block;
	border-radius: 3px;
	background:#096cab;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-stomatolog:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-stomatolog{
    background:#096cab;
}
div#framedetails.icon-stomatolog:before{
    content:"";
    display:none;
}






.icon-zdravlje:before {
	content: "\e60d";
	display: block;
	background: #c32349;
	border-radius: 10px;
	border: 1px solid #9e1737;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 17px!important;
	height: 17px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,50,99,1);
}
.icon-zdravlje:hover:before {
	content: "\e60d";
	display: block;
	border-radius: 3px;
	background:#9e1737;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-zdravlje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-zdravlje{
    background:#9e1737;
}
div#framedetails.icon-zdravlje:before{
    content:"";
    display:none;
}





.icon-apoteka:before {
	content: "\e60e";
	display: block;
	background: #cb4343;
	border-radius: 10px;
	border: 1px solid #a22525;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(238,64,64,1);
}
.icon-apoteka:hover:before {
	content: "\e60e";
	display: block;
	border-radius: 3px;
	background:#a22525;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-apoteka:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-apoteka{
    background:#a22525;
}
div#framedetails.icon-apoteka:before{
    content:"";
    display:none;
}





.icon-apotekab:before {
	content: "\e60e";
	display: block;
	background: #468946;
	border-radius: 10px;
	border: 1px solid #2b662b;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(81,187,81,1);
}
.icon-apotekab:hover:before {
	content: "\e60e";
	display: block;
	border-radius: 3px;
	background:#2b662b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-apotekab:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-apotekab{
    background:#2b662b;
}
div#framedetails.icon-apotekab:before{
    content:"";
    display:none;
}



.icon-hitna:before {
	content: "\e60f";
}
.icon-bolnica:before {
	content: "\e610";
}







.icon-poliklinika:before {
	content: "\e60d";
	display: block;
	background: #c32349;
	border-radius: 10px;
	border: 1px solid #9e1737;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 17px!important;
	height: 17px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,50,99,1);
}
.icon-poliklinika:hover:before {
	content: "\e60d";
	display: block;
	border-radius: 3px;
	background:#9e1737;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-poliklinika:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-poliklinika{
    background:#9e1737;
}
div#framedetails.icon-poliklinika:before{
    content:"";
    display:none;
}



.icon-estetska:before {
	content: "\e60d";
	display: block;
	background: #9c38b1;
	border-radius: 10px;
	border: 1px solid #812e93;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 17px!important;
	height: 17px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(211,98,235,1);
}
.icon-estetska:hover:before {
	content: "\e60d";
	display: block;
	border-radius: 3px;
	background:#812e93;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-estetska:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-estetska{
    background:#812e93;
}
div#framedetails.icon-estetska:before{
    content:"";
    display:none;
}






.icon-ljubimci:before {
	content: "\e650";
	display: block;
	background: #598e0e;
	border-radius: 10px;
	border: 1px solid #456c0e;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	width: 17px!important;
	height: 17px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(142,220,31,1);
}
.icon-ljubimci:hover:before {
	content: "\e650";
	display: block;
	border-radius: 3px;
	background:#456c0e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-ljubimci:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-ljubimci{
    background:#456c0e;
}
div#framedetails.icon-ljubimci:before{
    content:"";
    display:none;
}




.icon-info31:before {
	content: "\e611";
	display: block;
	background: #5dd229;
	border-radius: 10px;
	border: 1px solid #40a712;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(122,241,69,1);
}
.icon-info31:hover:before {
	content: "\e611";
	display: block;
	border-radius: 3px;
	background:#40a712;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-info31:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-info31{
    background:#40a712;
}
div#framedetails.icon-info31:before{
    content:"";
    display:none;
}




.icon-lord:before {
	content: "\e604";
	display: block;
	background: #57b24e;
	border-radius: 10px;
	border: 2px solid #004b21;
	color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(233,246,23,1);
}
.icon-lord:hover:before {
	content: "\e604";
	display: block;
	border-radius: 3px;
	background:#004b21;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-lord:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-lord{
    background:#004b21;
}
div#framedetails.icon-lord:before{
    content:"";
    display:none;
}


.icon-info31-sff:before {
	content: "\e611";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(219,3,3,1);
}
.icon-info31-sff:hover:before {
	content: "\e611";
	display: block;
	border-radius: 3px;
	background:#ff1e1e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-info31-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-info31-sff{
    background:#ff1e1e;
}
div#framedetails.icon-info31-sff:before{
    content:"";
    display:none;
}





.icon-taxi14:before {
	content: "\e612";
}

.icon-taxi:before {
	content: "\e612";
	display: block;
	background: #16a2b2;
	border-radius: 10px;
	border: 1px solid #0e727e;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(35,217,238,1);
}
.icon-taxi:hover:before {
	content: "\e612";
	display: block;
	border-radius: 3px;
	background:#0e727e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-taxi:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-taxi{
    background:#0e727e;
}
div#framedetails.icon-taxi:before{
    content:"";
    display:none;
}









.icon-voz:before {
	content: "\e613";
	display: block;
	background: #16a2b2;
	border-radius: 10px;
	border: 1px solid #0e727e;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(35,217,238,1);
}
.icon-voz:hover:before {
	content: "\e613";
	display: block;
	border-radius: 3px;
	background:#0e727e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-voz:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-voz{
    background:#0e727e;
}
div#framedetails.icon-voz:before{
    content:"";
    display:none;
}




.icon-tram7:before {
	content: "\e614";
}



.icon-bus:before {
	content: "\e615";
	display: block;
	background: #1672b2;
	border-radius: 10px;
	border: 1px solid #0e727e;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(35,217,238,1);
}
.icon-bus:hover:before {
	content: "\e615";
	display: block;
	border-radius: 3px;
	background:#0e727e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-bus:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-bus{
    background:#0e727e;
}
div#framedetails.icon-bus:before{
    content:"";
    display:none;
}







.icon-institucije:before {
	content: "\e616";
}

.icon-institucije:before {
	content: "\e616";
	display: block;
	background: #44649d;
	border-radius: 10px;
	border: 1px solid #273f6a;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(86,126,206,1);
}
.icon-institucije:hover:before {
	content: "\e616";
	display: block;
	border-radius: 3px;
	background:#273f6a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-institucije:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-institucije{
    background:#273f6a;
}
div#framedetails.icon-institucije:before{
    content:"";
    display:none;
}






.icon-ambasada:before {
	content: "\e616";
}

.icon-ambasada:before {
	content: "\e616";
	display: block;
	background: #5a9aa2;
	border-radius: 10px;
	border: 1px solid #447b82;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(112,196,206,1);
}
.icon-ambasada:hover:before {
	content: "\e616";
	display: block;
	border-radius: 3px;
	background:#447b82;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-ambasada:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-ambasada{
    background:#447b82;
}
div#framedetails.icon-ambasada:before{
    content:"";
    display:none;
}




.icon-kulturni:before {
	content: "\e616";
	display: block;
	background: #cb5235;
	border-radius: 10px;
	border: 1px solid #a03820;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(240,101,67,1);
}
.icon-kulturni:hover:before {
	content: "\e616";
	display: block;
	border-radius: 3px;
	background:#a03820;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kulturni:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kulturni{
    background:#a03820;
}
div#framedetails.icon-kulturni:before{
    content:"";
    display:none;
}



.icon-justanova:before {
	content: "\e616";
	display: block;
	background: #4f976a;
	border-radius: 10px;
	border: 1px solid #36734d;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(75,199,121,1);
}
.icon-justanova:hover:before {
	content: "\e616";
	display: block;
	border-radius: 3px;
	background:#36734d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-justanova:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-justanova{
    background:#36734d;
}
div#framedetails.icon-justanova:before{
    content:"";
    display:none;
}






.icon-auto:before {
	content: "\e618";
}




.icon-mjenjacnica:before {
	content: "\e619";
	display: block;
	background: #4d9628;
	border-radius: 10px;
	border: 1px solid #377119;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(91,178,47,1);
}
.icon-mjenjacnica:hover:before {
	content: "\e619";
	display: block;
	border-radius: 3px;
	background:#377119;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-mjenjacnica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-mjenjacnica{
    background:#377119;
}
div#framedetails.icon-mjenjacnica:before{
    content:"";
    display:none;
}





.icon-akademija:before {
	content: "\e61a";
	display: block;
	background: #279498;
	border-radius: 10px;
	border: 1px solid #146164;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(30,223,230,1);
}
.icon-akademija:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#146164;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-akademija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-akademija{
    background:#146164;
}
div#framedetails.icon-akademija:before{
    content:"";
    display:none;
}



.icon-vskola:before {
	content: "\e61a";
	display: block;
	background: #ad1f6f;
	border-radius: 10px;
	border: 1px solid #e72b95;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(153,13,92,1);
}
.icon-vskola:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#990d5c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-vskola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-vskola{
    background:#990d5c;
}
div#framedetails.icon-vskola:before{
    content:"";
    display:none;
}




.icon-skola:before {
	content: "\e61a";
	display: block;
	background: #00a5bd;
	border-radius: 10px;
	border: 1px solid #007f92;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(16,198,222,1);
}
.icon-skola:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#007f92;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-skola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-skola{
    background:#007f92;
}
div#framedetails.icon-skola:before{
    content:"";
    display:none;
}






.icon-sskola:before {
	content: "\e61a";
	display: block;
	background: #bb3333;
	border-radius: 10px;
	border: 1px solid #9d2222;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(227,57,57,1);
}
.icon-sskola:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#9d2222;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-sskola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-sskola{
    background:#9d2222;
}
div#framedetails.icon-sskola:before{
    content:"";
    display:none;
}







.icon-fakultet:before {
	content: "\e61a";
	display: block;
	background: #659e08;
	border-radius: 10px;
	border: 1px solid #4b7801;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(125,193,14,1);
}
.icon-fakultet:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#4b7801;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-fakultet:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-fakultet{
    background:#4b7801;
}
div#framedetails.icon-fakultet:before{
    content:"";
    display:none;
}




.icon-cips:before {
	content: "\e61a";
	display: block;
	background: #9c9e08;
	border-radius: 10px;
	border: 1px solid #4b7801;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(125,193,14,1);
}
.icon-cips:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#4b7801;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-cips:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-cips{
    background:#4b7801;
}
div#framedetails.icon-cips:before{
    content:"";
    display:none;
}





.icon-poslovni:before {
	content: "\e61a";
	display: block;
	background: #2756c1;
	border-radius: 10px;
	border: 1px solid #2f4983;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(89,139,252,1);
}
.icon-poslovni:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#2f4983;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-poslovni:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-poslovni{
    background:#2f4983;
}
div#framedetails.icon-poslovni:before{
    content:"";
    display:none;
}






.icon-akademija:before {
	content: "\e61a";
	display: block;
	background: #759c29;
	border-radius: 10px;
	border: 1px solid #59781c;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(158,213,50,1);
}
.icon-akademija:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#59781c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-akademija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-akademija{
    background:#59781c;
}
div#framedetails.icon-akademija:before{
    content:"";
    display:none;
}





.icon-wine22:before {
	content: "\e61b";
	display: block;
	background: #a13131;
	border-radius: 10px;
	border: 1px solid #7d1616;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(208,44,44,1);
}
.icon-wine22:hover:before {
	content: "\e61b";
	display: block;
	border-radius: 3px;
	background:#7d1616;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-wine22:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-wine22{
    background:#7d1616;
}
div#framedetails.icon-wine22:before{
    content:"";
    display:none;
}





.icon-wine22-sff:before {
	content: "\e61b";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	text-align: center;
	line-height: 19px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(208,44,44,1);
}
.icon-wine22-sff:hover:before {
	content: "\e61b";
	display: block;
	border-radius: 3px;
	background:#d31f23;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-wine22-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-wine22-sff{
    background:#d31f23;
}
div#framedetails.icon-wine22-sff:before{
    content:"";
    display:none;
}







.icon-piva:before {
	content: "\e61c";
}





.icon-pub:before {
	content: "\e61c";
	display: block;
	background: #ad6507;
	border-radius: 10px;
	border: 1px solid #9f5f0d;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(233,158,54,1);
}
.icon-pub:hover:before {
	content: "\e61c";
	display: block;
	border-radius: 3px;
	background:#9f5f0d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-pub:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-pub{
    background:#9f5f0d;
}
div#framedetails.icon-pub:before{
    content:"";
    display:none;
}







.icon-pub-sff:before {
	content: "\e61c";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(233,158,54,1);
}
.icon-pub-sff:hover:before {
	content: "\e61c";
	display: block;
	border-radius: 3px;
	background:#b60d10;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-pub-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-pub-sff{
    background:#b60d10;
}
div#framedetails.icon-pub-sff:before{
    content:"";
    display:none;
}








.icon-atletika:before {
	content: "\e651";
	display: block;
	background: #0570ca;
	border-radius: 10px;
	border: 1px solid #07569a;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(73,168,248,1);
}
.icon-atletika:hover:before {
	content: "\e651";
	display: block;
	border-radius: 3px;
	background:#07569a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-atletika:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-atletika{
    background:#07569a;
}
div#framedetails.icon-atletika:before{
    content:"";
    display:none;
}






.icon-sport:before {
	content: "\e635";
	display: block;
	background: #0ea9b7;
	border-radius: 10px;
	border: 1px solid #23e5f6;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(11,150,161,1);
}
.icon-sport:hover:before {
	content: "\e635";
	display: block;
	border-radius: 3px;
	background:#0b95a1;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-sport:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-sport{
    background:#0b95a1;
}
div#framedetails.icon-sport:before{
    content:"";
    display:none;
}





.icons1-Maraton:before {
    content: "\e651";
    display: block;
    background: #FA446D;
    border-radius: 36px;
    border: 1px solid #FF1E51;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
    width: 31px!important;
    height: 31px!important;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index: 0;
    -webkit-box-shadow: 0px 0px 0px 1px rgb(198, 0, 59);
}
.icons1-Maraton:hover:before {
    content: "\e651";
    display: block;
    border-radius: 3px;
    background:#FF1E51;
    z-index:1;
}

div.upper div.contentFlex div.categoryColor.icons1-Maraton:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icons1-Maraton{
    background:#FF1E51;
}
div#framedetails.icons1-Maraton:before{
    content:"";
    display:none;
}

.icon-maraton:before {
	content: "\e651";
	display: block;
	background: #f3006d;
	border-radius: 15px;
	border: 1px solid #ff9fb1;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 25px;
	width: 29px!important;
	height: 24px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(219, 4, 100,1);
}
.icon-maraton:hover:before {
	content: "\e651";
	display: block;
	border-radius: 3px;
	background:#db0364;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-maraton:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-maraton{
    background:#db0364;
}
div#framedetails.icon-maraton:before{
    content:"";
    display:none;
}



/*

.icon-osvjezenje:before {
	content: "\e61b";
	display: block;
	background: #44b7fa;
	border-radius: 15px;
	border: 1px solid #9cfffe;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 25px;
	width: 24px!important;
	height: 24px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 126, 198,1);
}
.icon-osvjezenje:hover:before {
	content: "\e61b";
	display: block;
	border-radius: 3px;
	background:#007ec6;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-osvjezenje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-osvjezenje{
    background:#007ec6;
}
div#framedetails.icon-osvjezenje:before{
    content:"";
    display:none;
}
*/



.icon-kasino:before {
	content: "\e61d";
}




.icon-kladionica:before {
	content: "\e61d";
	display: block;
	background: #1b81c7;
	border-radius: 10px;
	border: 1px solid #075992;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(59,162,233,1);
}
.icon-kladionica:hover:before {
	content: "\e61d";
	display: block;
	border-radius: 3px;
	background:#075992;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kladionica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kladionica{
    background:#075992;
}
div#framedetails.icon-kladionica:before{
    content:"";
    display:none;
}



.icon-cocktail20:before {
	content: "\e61e";
	display: block;
	background: #b24277;
	border-radius: 10px;
	border: 1px solid #8c2154;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(232,106,165,1);
}
.icon-cocktail20:hover:before {
	content: "\e61e";
	display: block;
	border-radius: 3px;
	background:#8c2154;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-cocktail20:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-cocktail20{
    background:#8c2154;
}
div#framedetails.icon-cocktail20:before{
    content:"";
    display:none;
}




.icon-slasticarna:before {
	content: "\e61f";
	display: block;
	background: #c648b6;
	border-radius: 10px;
	border: 1px solid #9c338e;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(232,70,211,1);
}
.icon-slasticarna:hover:before {
	content: "\e61f";
	display: block;
	border-radius: 3px;
	background:#9c338e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-slasticarna:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-slasticarna{
    background:#9c338e;
}
div#framedetails.icon-slasticarna:before{
    content:"";
    display:none;
}






.icon-poslastice:before {
	content: "\e61f";
	display: block;
	background: #c23879;
	border-radius: 10px;
	border: 1px solid #a01e5b;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(240,60,145,1);
}
.icon-poslastice:hover:before {
	content: "\e61f";
	display: block;
	border-radius: 3px;
	background:#a01e5b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-poslastice:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-poslastice{
    background:#a01e5b;
}
div#framedetails.icon-poslastice:before{
    content:"";
    display:none;
}





.icon-pekara:before {
	content: "\e620";
	display: block;
	background: #b27b1c;
	border-radius: 10px;
	border: 1px solid #885d12;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(214,144,24,1);
}
.icon-pekara:hover:before {
	content: "\e620";
	display: block;
	border-radius: 3px;
	background:#885d12;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-pekara:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-pekara{
    background:#885d12;
}
div#framedetails.icon-pekara:before{
    content:"";
    display:none;
}





.icon-fast-food6:before {
	content: "\e621";
	display: block;
	background: #d86127;
	border-radius: 10px;
	border: 1px solid #b5420a;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(244,111,47,1);
}
.icon-fast-food6:hover:before {
	content: "\e621";
	display: block;
	border-radius: 3px;
	background:#b5420a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-fast-food6:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-fast-food6{
    background:#b5420a;
}
div#framedetails.icon-fast-food6:before{
    content:"";
    display:none;
}









.icon-fastfood6:before {
	content: "\e622";
	display: block;
	background: #cd460a;
	border-radius: 10px;
	border: 1px solid #9c3a0f;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,93,22,1);
}
.icon-fastfood6:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#9c3a0f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-fastfood6:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-fastfood6{
    background:#9c3a0f;
}
div#framedetails.icon-fastfood6:before{
    content:"";
    display:none;
}


/*
.icon-hranaipice:before {
	content: "\e623";
	display: block;
	background: #109bc3;
	border-radius: 10px;
	border: 1px solid #19c4f5;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(11,135,171,1);
}
.icon-hranaipice:hover:before {
	content: "\e623";
	display: block;
	border-radius: 3px;
	background:#0b87ab;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-hranaipice:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-hranaipice{
    background:#0b87ab;
}
div#framedetails.icon-hranaipice:before{
    content:"";
    display:none;
}

*/





.icon-restoran:before {
	content: "\e623";
	display: block;
	background: #C33610;
	border-radius: 10px;
	border: 1px solid #f56c47;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(156,38,7,1);
}
.icon-restoran:hover:before {
	content: "\e623";
	display: block;
	border-radius: 3px;
	background:#9c2607;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-restoran:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-restoran{
    background:#9c2607;
}
div#framedetails.icon-restoran:before{
    content:"";
    display:none;
}





.icon-restoran-sff:before {
	content: "\e623";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 13px;
	text-align: center;
	line-height: 20px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(156,38,7,0.8);
}
.icon-restoran-sff:hover:before {
	content: "\e623";
	display: block;
	border-radius: 3px;
	background:#c9090d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-restoran-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-restoran-sff{
    background:#c9090d;
}
div#framedetails.icon-restoran-sff:before{
    content:"";
    display:none;
}





.icon-optic:before {
  content: "\e624";
	display: block;
	background: #51b520;
	border-radius: 10px;
	border: 1px solid #3b9310;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(119,224,68,1);
}
.icon-optic:hover:before {
	content: "\e624";
	display: block;
	border-radius: 3px;
	background:#3b9310;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-optic:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-optic{
    background:#3b9310;
}
div#framedetails.icon-optic:before{
    content:"";
    display:none;
}







.icon-festival:before {
content: "\e62d";
	display: block;
	background: #c7a006;
	border-radius: 10px;
	border: 1px solid #a58509;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-festival:hover:before {
content: "\e62d";
	display: block;
	border-radius: 3px;
	background:#a58509;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-festival:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-festival{
    background:#a58509;
}
div#framedetails.icon-festival:before{
    content:"";
    display:none;
}








.icon-obuca:before {
content: "\e625";
	display: block;
	background: #c7a006;
	border-radius: 10px;
	border: 1px solid #a58509;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-obuca:hover:before {
content: "\e625";
	display: block;
	border-radius: 3px;
	background:#a58509;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-obuca:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-obuca{
    background:#a58509;
}
div#framedetails.icon-obuca:before{
    content:"";
    display:none;
}



.icon-nakit:before {
	content: "\e600";
	display: block;
	background: #dab506;
	border-radius: 10px;
	border: 1px solid #ba7703;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,216,34,1);
}
.icon-nakit:hover:before {
	content: "\e600";
	display: block;
	border-radius: 3px;
	background:#ba7703;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-nakit:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-nakit{
    background:#ba7703;
}
div#framedetails.icon-nakit:before{
    content:"";
    display:none;
}




.icon-kafa:before {
	content: "\e601";
	display: block;
	background: #d25c23;
	border-radius: 10px;
	border: 1px solid #ad430e;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(245,115,52,1);
}
.icon-kafa:hover:before {
	content: "\e601";
	display: block;
	border-radius: 3px;
	background:#ad430e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kafa:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kafa{
    background:#ad430e;
}
div#framedetails.icon-kafa:before{
    content:"";
    display:none;
}





.icon-kafa-sff:before {
	content: "\e601";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(245,115,52,1);
}
.icon-kafa-sff:hover:before {
	content: "\e601";
	display: block;
	border-radius: 3px;
	background:#ff1e1e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kafa-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kafa-sff{
    background:#ff1e1e;
}
div#framedetails.icon-kafa-sff:before{
    content:"";
    display:none;
}







.icon-smjestaj:before {
	content: "\e602";
}



.icon-pansion:before {
	content: "\e602";
	display: block;
	background: #b37810;
	border-radius: 10px;
	border: 1px solid #966104;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,146,17,1);
}
.icon-pansion:hover:before {
		content: "\e602";
	display: block;
	border-radius: 3px;
	background:#966104;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-pansion:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-pansion{
    background:#966104;
}
div#framedetails.icon-pansion:before{
    content:"";
    display:none;
}





.icon-hostel:before {
	content: "\e602";
	display: block;
	background: #3a6eb2;
	border-radius: 10px;
	border: 1px solid #22579c;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(64,131,219,1);
}
.icon-hostel:hover:before {
		content: "\e602";
	display: block;
	border-radius: 3px;
	background:#22579c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-hostel:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-hostel{
    background:#22579c;
}
div#framedetails.icon-hostel:before{
    content:"";
    display:none;
}








.icon-bicikl:before {
	content: "\e617";
	display: block;
	background: #3a6eb2;
	border-radius: 10px;
	border: 1px solid #22579c;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(64,131,219,1);
}
.icon-bicikl:hover:before {
		content: "\e617";
	display: block;
	border-radius: 3px;
	background:#22579c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-bicikl:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-bicikl{
    background:#22579c;
}
div#framedetails.icon-bicikl:before{
    content:"";
    display:none;
}








.icon-hotel:before {
	content: "\e602";
	display: block;
	background: #9ab60d;
	border-radius: 10px;
	border: 1px solid #7f9801;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(194,227,29,1);
}
.icon-hotel:hover:before {
		content: "\e602";
	display: block;
	border-radius: 3px;
	background:#7f9801;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-hotel:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-hotel{
    background:#7f9801;
}
div#framedetails.icon-hotel:before{
    content:"";
    display:none;
}





.icon-apartman:before {
	content: "\e602";
	display: block;
	background: #2aa287;
	border-radius: 10px;
	border: 1px solid #1a7a65;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(60,200,169,1);
}
.icon-apartman:hover:before {
		content: "\e602";
	display: block;
	border-radius: 3px;
	background:#1a7a65;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-apartman:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-apartman{
    background:#1a7a65;
}
div#framedetails.icon-apartman:before{
    content:"";
    display:none;
}



.icon-motel:before {
	content: "\e602";
	display: block;
	background: #982e62;
	border-radius: 10px;
	border: 1px solid #741544;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(192,52,121,1);
}
.icon-motel:hover:before {
		content: "\e602";
	display: block;
	border-radius: 3px;
	background:#741544;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-motel:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-motel{
    background:#741544;
}
div#framedetails.icon-motel:before{
    content:"";
    display:none;
}




.icon-castle:before {
	content: "\e604";
	display: block;
	background: #da6620;
	border-radius: 10px;
	border: 1px solid #b74d0e;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,138,57,1);
}
.icon-castle:hover:before {
	content: "\e604";
	display: block;
	border-radius: 3px;
	background:#da6620;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-castle:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-castle{
    background:#da6620;
}
div#framedetails.icon-castle:before{
    content:"";
    display:none;
}






.icon-marker19:before {
	content: "\e603";
}




.icon-museum33:before {
	content: "\e626";
	display: block;
	background: #da6620;
	border-radius: 10px;
	border: 1px solid #b74d0e;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,138,57,1);
}
.icon-museum33:hover:before {
		content: "\e626";
	display: block;
	border-radius: 3px;
	background:#da6620;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-museum33:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-museum33{
    background:#da6620;
}
div#framedetails.icon-museum33:before{
    content:"";
    display:none;
}






.icon-museum33-sff:before {
	content: "\e626";
	display: block;
	background: #b60d10;
	border-radius: 10px;
	border: 2px solid #ff1e1e;
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,138,57,1);
}
.icon-museum33-sff:hover:before {
		content: "\e626";
	display: block;
	border-radius: 3px;
	background:#b60d10;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-museum33-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-museum33-sff{
    background:#b60d10;
}
div#framedetails.icon-museum33-sff:before{
    content:"";
    display:none;
}






.icon-text161:before {
	content: "\e627";
	display: block;
	background: #8f6e43;
	border-radius: 10px;
	border: 1px solid #705025;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(170,121,58,1);
}
.icon-text161:hover:before {
	content: "\e627";
	display: block;
	border-radius: 3px;
	background:#705025;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-text161:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-text161{
    background:#705025;
}
div#framedetails.icon-text161:before{
    content:"";
    display:none;
}






.icon-sell2:before {
	content: "\e628";
	display: block;
	background: #328d92;
	border-radius: 10px;
	border: 1px solid #156165;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(55,183,190,1);
}
.icon-sell2:hover:before {
	content: "\e628";
	display: block;
	border-radius: 3px;
	background:#156165;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-sell2:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-sell2{
    background:#156165;
}
div#framedetails.icon-sell2:before{
    content:"";
    display:none;
}






.icon-noun_29679_cc:before {
	content: "\e629";
	display: block;
	background: #3177cd;
	border-radius: 10px;
	border: 1px solid #1e5ba5;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(47,131,235,1);
}
.icon-noun_29679_cc:hover:before {
	content: "\e629";
	display: block;
	border-radius: 3px;
	background:#1e5ba5;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-noun_29679_cc:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-noun_29679_cc{
    background:#1e5ba5;
}
div#framedetails.icon-noun_29679_cc:before{
    content:"";
    display:none;
}




.icon-mrublje:before {
	content: "\e62a";
	display: block;
	background: #3192bf;
	border-radius: 10px;
	border: 1px solid #14719c;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(63,178,232,1);
}
.icon-mrublje:hover:before {
	content: "\e62a";
	display: block;
	border-radius: 3px;
	background:#14719c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-mrublje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-mrublje{
    background:#14719c;
}
div#framedetails.icon-mrublje:before{
    content:"";
    display:none;
}









.icon-zrublje:before {
	content: "\e62b";
	display: block;
	background: #bf55cc;
	border-radius: 10px;
	border: 1px solid #92289e;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(223,96,239,1);
}
.icon-zrublje:hover:before {
	content: "\e62b";
	display: block;
	border-radius: 3px;
	background:#92289e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-zrublje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-zrublje{
    background:#92289e;
}
div#framedetails.icon-zrublje:before{
    content:"";
    display:none;
}




.icon-fabrika:before {
	content: "\e62c";
	display: block;
	background: #4471a4;
	border-radius: 10px;
	border: 1px solid #2b5483;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(79,144,219,1);
}
.icon-fabrika:hover:before {
	content: "\e62c";
	display: block;
	border-radius: 3px;
	background:#2b5483;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-fabrika:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-fabrika{
    background:#2b5483;
}
div#framedetails.icon-fabrika:before{
    content:"";
    display:none;
}






.icon-aero:before {
	content: "\e65d";
	display: block;
	background: #166bbb;
	border-radius: 10px;
	border: 1px solid #225a8d;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(23,193,255,1);
}
.icon-aero:hover:before {
	content: "\e65d";
	display: block;
	border-radius: 3px;
	background:#225a8d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-aero:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-aero{
    background:#225a8d;
}
div#framedetails.icon-aero:before{
    content:"";
    display:none;
}





.icon-foto:before {
	content: "\e62d";
	display: block;
	background: #802e51;
	border-radius: 10px;
	border: 1px solid #5d1332;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(187,68,119,1);
}
.icon-foto:hover:before {
	content: "\e62d";
	display: block;
	border-radius: 3px;
	background:#5d1332;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-foto:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-foto{
    background:#5d1332;
}
div#framedetails.icon-foto:before{
    content:"";
    display:none;
}







.icon-sat:before {
	content: "\e62e";
	display: block;
	background: #3397c1;
	border-radius: 10px;
	border: 1px solid #127198;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,184,241,1);
}
.icon-sat:hover:before {
	content: "\e62e";
	display: block;
	border-radius: 3px;
	background:#127198;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-sat:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-sat{
    background:#127198;
}
div#framedetails.icon-sat:before{
    content:"";
    display:none;
}






.icon-telekomunikacije:before {
	content: "\e62f";
	display: block;
	background: #d6a510;
	border-radius: 10px;
	border: 1px solid #a87e00;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(249,201,55,1);
}
.icon-telekomunikacije:hover:before {
	content: "\e62f";
	display: block;
	border-radius: 3px;
	background:#a87e00;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-telekomunikacije:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-telekomunikacije{
    background:#a87e00;
}
div#framedetails.icon-telekomunikacije:before{
    content:"";
    display:none;
}






.icon-vrtic:before {
	content: "\e65a";
	display: block;
	background: #a93069;
	border-radius: 10px;
	border: 1px solid #811f4d;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255,38,140,1);
}
.icon-vrtic:hover:before {
	content: "\e65a";
	display: block;
	border-radius: 3px;
	background:#811f4d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-vrtic:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-vrtic{
    background:#811f4d;
}
div#framedetails.icon-vrtic:before{
    content:"";
    display:none;
}








.icon-bazen:before {
	content: "\e65c";
	display: block;
	background: #008ad2;
	border-radius: 10px;
	border: 1px solid #146995;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(59,183,247,1);
}
.icon-bazen:hover:before {
	content: "\e65c";
	display: block;
	border-radius: 3px;
	background:#146995;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-bazen:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-bazen{
    background:#146995;
}
div#framedetails.icon-bazen:before{
    content:"";
    display:none;
}






.icon-kids1:before {
	content: "\e65b";
	display: block;
	background: #189872;
	border-radius: 10px;
	border: 1px solid #12684f;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(55,277,175,1);
}
.icon-kids1:hover:before {
	content: "\e65b";
	display: block;
	border-radius: 3px;
	background:#12684f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kids1:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kids1{
    background:#12684f;
}
div#framedetails.icon-kids1:before{
    content:"";
    display:none;
}






.icon-football160:before {
	content: "\e659";
	display: block;
	background: #0b76c8;
	border-radius: 10px;
	border: 1px solid #18507b;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(118,192,249,1);
}
.icon-football160:hover:before {
	content: "\e659";
	display: block;
	border-radius: 3px;
	background:#18507b;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-football160:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-football160{
    background:#18507b;
}
div#framedetails.icon-football160:before{
    content:"";
    display:none;
}






.icon-tv:before {
	content: "\e62f";
	display: block;
	background: #4a9124;
	border-radius: 10px;
	border: 1px solid #336a14;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(112,239,44,1);
}
.icon-tv:hover:before {
	content: "\e62f";
	display: block;
	border-radius: 3px;
	background:#336a14;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-tv:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-tv{
    background:#336a14;
}
div#framedetails.icon-tv:before{
    content:"";
    display:none;
}






.icon-mobitel:before {
	content: "\e630";
	display: block;
	background: #47b281;
	border-radius: 10px;
	border: 1px solid #279060;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(85,216,155,1);
}
.icon-mobitel:hover:before {
	content: "\e630";
	display: block;
	border-radius: 3px;
	background:#279060;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-mobitel:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-mobitel{
    background:#279060;
}
div#framedetails.icon-mobitel:before{
    content:"";
    display:none;
}






.icon-posta:before {
	content: "\e631";
	display: block;
	background: #de8f29;
	border-radius: 10px;
	border: 1px solid #b36d13;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(252,173,70,1);
}
.icon-posta:hover:before {
	content: "\e631";
	display: block;
	border-radius: 3px;
	background:#b36d13;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-posta:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-posta{
    background:#b36d13;
}
div#framedetails.icon-posta:before{
    content:"";
    display:none;
}






.icon-parfem:before {
	content: "\e632";
	display: block;
	background: #8f56e6;
	border-radius: 10px;
	border: 1px solid #6a30c2;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(176,129,247,1);
}
.icon-parfem:hover:before {
	content: "\e632";
	display: block;
	border-radius: 3px;
	background:#6a30c2;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-parfem:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-parfem{
    background:#6a30c2;
}
div#framedetails.icon-parfem:before{
    content:"";
    display:none;
}





.icon-kozmetika:before {
	content: "\e642";
	display: block;
	background: #b948ce;
	border-radius: 10px;
	border: 1px solid #912fa3;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(217,86,241,1);
}
.icon-kozmetika:hover:before {
	content: "\e642";
	display: block;
	border-radius: 3px;
	background:#912fa3;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kozmetika:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kozmetika{
    background:#912fa3;
}
div#framedetails.icon-kozmetika:before{
    content:"";
    display:none;
}





.icon-atm:before {
	content: "\e633";
	display: block;
	background: #4c9a29;
	border-radius: 10px;
	border: 1px solid #337815;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(113,207,71,1);
}
.icon-atm:hover:before {
	content: "\e633";
	display: block;
	border-radius: 3px;
	background:#337815;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-atm:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-atm{
    background:#337815;
}
div#framedetails.icon-atm:before{
    content:"";
    display:none;
}





.icon-cvijet:before {
	content: "\e634";
	display: block;
	background: #78ac08;
	border-radius: 11px;
	border: 1px solid #5e8704;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(176,231,51,1);
}
.icon-cvijet:hover:before {
	content: "\e634";
	display: block;
	border-radius: 3px;
	background:#5e8704;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-cvijet:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-cvijet{
    background:#5e8704;
}
div#framedetails.icon-cvijet:before{
    content:"";
    display:none;
}






.icon-gym:before {
content: "\e635";
	display: block;
	background: #20a7c0;
	border-radius: 10px;
	border: 1px solid #067d92;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(50,202,230,1);
}
.icon-gym:hover:before {
	content: "\e635";
	display: block;
	border-radius: 3px;
	background:#067d92;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-gym:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-gym{
    background:#067d92;
}
div#framedetails.icon-gym:before{
    content:"";
    display:none;
}








.icon-frizer:before {
content: "\e636";
	display: block;
	background: #da3f3f;
	border-radius: 10px;
	border: 1px solid #ac2626;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(249,104,104,1);
}
.icon-frizer:hover:before {
	content: "\e636";
	display: block;
	border-radius: 3px;
	background:#ac2626;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-frizer:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-frizer{
    background:#ac2626;
}
div#framedetails.icon-frizer:before{
    content:"";
    display:none;
}







.icon-komp:before {
content: "\e637";
	display: block;
	background: #31957c;
	border-radius: 10px;
	border: 1px solid #18705a;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(77,205,173,1);
}
.icon-komp:hover:before {
	content: "\e637";
	display: block;
	border-radius: 3px;
	background:#18705a;
	z-index:1;

}

div.upper div.contentFlex div.categoryColor.icon-komp:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-komp{
    background:#18705a;
}
div#framedetails.icon-komp:before{
    content:"";
    display:none;
}







.icon-agencija:before {
content: "\e638";
	display: block;
	background: #2e65d4;
	border-radius: 10px;
	border: 1px solid #1d4eb1;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(77,131,236,1);
}
.icon-agencija:hover:before {
	content: "\e638";
	display: block;
	border-radius: 3px;
	background:#1d4eb1;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-agencija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-agencija{
    background:#1d4eb1;
}
div#framedetails.icon-agencija:before{
    content:"";
    display:none;
}






.icon-knjiga:before {
content: "\e639";
	display: block;
	background: #b57f38;
	border-radius: 10px;
	border: 1px solid #895b1f;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-knjiga:hover:before {
	content: "\e639";
	display: block;
	border-radius: 3px;
	background:#895b1f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-knjiga:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-knjiga{
    background:#895b1f;
}
div#framedetails.icon-knjiga:before{
    content:"";
    display:none;
}




.icon-knjizara:before {
content: "\e639";
	display: block;
	background: #b57f38;
	border-radius: 10px;
	border: 1px solid #895b1f;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-knjizara:hover:before {
	content: "\e639";
	display: block;
	border-radius: 3px;
	background:#895b1f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-knjizara:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-knjizara{
    background:#895b1f;
}
div#framedetails.icon-knjizara:before{
    content:"";
    display:none;
}






.icon-muzicka:before {
content: "\e63a";
	display: block;
	background: #b57f38;
	border-radius: 10px;
	border: 1px solid #895b1f;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-muzicka:hover:before {
	content: "\e63a";
	display: block;
	border-radius: 3px;
	background:#895b1f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-muzicka:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-muzicka{
    background:#895b1f;
}
div#framedetails.icon-muzicka:before{
    content:"";
    display:none;
}





.icon-rock:before {
content: "\e63a";
	display: block;
	background: #36558d;
	border-radius: 10px;
	border: 1px solid #28406a;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(76,116,188,1);
}
.icon-rock:hover:before {
	content: "\e63a";
	display: block;
	border-radius: 3px;
	background:#28406a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-rock:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-rock{
    background:#28406a;
}
div#framedetails.icon-rock:before{
    content:"";
    display:none;
}




.icon-namjetaj:before {
content: "\e63b";
	display: block;
	background: #ab660b;
	border-radius: 10px;
	border: 1px solid #7d4904;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-namjetaj:hover:before {
	content: "\e63b";
	display: block;
	border-radius: 3px;
	background:#7d4904;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-namjetaj:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-namjetaj{
    background:#7d4904;
}
div#framedetails.icon-namjetaj:before{
    content:"";
    display:none;
}





.icon-antik:before {
content: "\e63c";
	display: block;
	background: #ab660b;
	border-radius: 10px;
	border: 1px solid #7d4904;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(220,161,81,1);
}
.icon-antik:hover:before {
content: "\e63c";
	display: block;
	border-radius: 3px;
	background:#7d4904;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-antik:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-antik{
    background:#7d4904;
}
div#framedetails.icon-antik:before{
    content:"";
    display:none;
}





.icon-gift:before {
content: "\e63d";
	display: block;
	background: #6949c5;
	border-radius: 10px;
	border: 1px solid #47299d;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(129,95,227,1);
}
.icon-gift:hover:before {
content: "\e63d";
	display: block;
	border-radius: 3px;
	background:#47299d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-gift:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-gift{
    background:#47299d;
}
div#framedetails.icon-gift:before{
    content:"";
    display:none;
}







.icon-udruzenje:before {
content: "\e63e";
	display: block;
	background: #4794a7;
	border-radius: 10px;
	border: 1px solid #296b7c;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(85,181,205,1);
}
.icon-udruzenje:hover:before {
content: "\e63e";
	display: block;
	border-radius: 3px;
	background:#296b7c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-udruzenje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-udruzenje{
    background:#296b7c;
}
div#framedetails.icon-udruzenje:before{
    content:"";
    display:none;
}






.icon-market:before {
content: "\e63f";
	display: block;
	background: #1da4a9;
	border-radius: 10px;
	border: 1px solid #118589;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(51,216,222,1);
}
.icon-market:hover:before {
content: "\e63f";
	display: block;
	border-radius: 3px;
	background:#118589;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-market:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-market{
    background:#118589;
}
div#framedetails.icon-market:before{
    content:"";
    display:none;
}






.icon-prodavnica:before {
content: "\e640";
	display: block;
	background: #ce4439;
	border-radius: 10px;
	border: 1px solid #9f2f27;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(246,92,80,1);
}
.icon-prodavnica:hover:before {
content: "\e640";
	display: block;
	border-radius: 3px;
	background:#9f2f27;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-prodavnica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-prodavnica{
    background:#9f2f27;
}
div#framedetails.icon-prodavnica:before{
    content:"";
    display:none;
}







.icon-tcentar:before {
content: "\e640";
	display: block;
	background: #ca236a;
	border-radius: 10px;
	border: 1px solid #951e51;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(254,39,130,1);
}
.icon-tcentar:hover:before {
content: "\e640";
	display: block;
	border-radius: 3px;
	background:#951e51;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-tcentar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-tcentar{
    background:#951e51;
}
div#framedetails.icon-tcentar:before{
    content:"";
    display:none;
}






.icon-park:before {
content: "\e658";
	display: block;
	background: #399637;
	border-radius: 10px;
	border: 1px solid #2a7728;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(73,225,70,1);
}
.icon-park:hover:before {
content: "\e658";
	display: block;
	border-radius: 3px;
	background:#2a7728;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-park:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-park{
    background:#2a7728;
}
div#framedetails.icon-park:before{
    content:"";
    display:none;
}






.icon-parking:before {
content: "\e60b";
	display: block;
	background: #0086e5;
	border-radius: 10px;
	border: 1px solid #61bdff;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,103,176,1);
}
.icon-parking:hover:before {
content: "\e60b";
	display: block;
	border-radius: 3px;
	background:#0063a9;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-parking:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-parking{
    background:#0063a9;
}
div#framedetails.icon-parking:before{
    content:"";
    display:none;
}














.icon-usluge:before {
content: "\e641";
	display: block;
	background: #40737c;
	border-radius: 10px;
	border: 1px solid #2a5962;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(87,158,170,1);
}
.icon-usluge:hover:before {
content: "\e641";
	display: block;
	border-radius: 3px;
	background:#2a5962;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-usluge:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-usluge{
    background:#2a5962;
}
div#framedetails.icon-usluge:before{
    content:"";
    display:none;
}






.icon-gas:before {
content: "\e643";
	display: block;
	background: #2a99e0;
	border-radius: 10px;
	border: 1px solid #1c82c3;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(74,181,249,1);
}
.icon-gas:hover:before {
content: "\e643";
	display: block;
	border-radius: 3px;
	background:#1c82c3;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-gas:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-gas{
    background:#1c82c3;
}
div#framedetails.icon-gas:before{
    content:"";
    display:none;
}





.icon-kopirnica:before {
content: "\e644";
	display: block;
	background: #658ba3;
	border-radius: 10px;
	border: 1px solid #4e6b7d;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(138,181,209,1);
}
.icon-kopirnica:hover:before {
content: "\e644";
	display: block;
	border-radius: 3px;
	background:#4e6b7d;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kopirnica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kopirnica{
    background:#4e6b7d;
}
div#framedetails.icon-kopirnica:before{
    content:"";
    display:none;
}





.icon-kljuc:before {
content: "\e645";
	display: block;
	background: #0060a9;
	border-radius: 10px;
	border: 1px solid #003965;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(24,135,219,1);
}
.icon-kljuc:hover:before {
content: "\e645";
	display: block;
	border-radius: 3px;
	background:#003965;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kljuc:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kljuc{
    background:#003965;
}
div#framedetails.icon-kljuc:before{
    content:"";
    display:none;
}






.icon-soprema:before {
content: "\e646";
	display: block;
	background: #15b1c3;
	border-radius: 10px;
	border: 1px solid #0e91a0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(47,212,231,1);
}
.icon-soprema:hover:before {
content: "\e646";
	display: block;
	border-radius: 3px;
	background:#0e91a0;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-soprema:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-soprema{
    background:#0e91a0;
}
div#framedetails.icon-soprema:before{
    content:"";
    display:none;
}






.icon-galerija:before {
content: "\e647";
	display: block;
	background: #ac7515;
	border-radius: 10px;
	border: 1px solid #8b5f11;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(214,149,37,1);
}
.icon-galerija:hover:before {
content: "\e647";
	display: block;
	border-radius: 3px;
	background:#8b5f11;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-galerija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-galerija{
    background:#8b5f11;
}
div#framedetails.icon-galerija:before{
    content:"";
    display:none;
}






.icon-osiguranje:before {
content: "\e648";
	display: block;
	background: #158aac;
	border-radius: 10px;
	border: 1px solid #136b84;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(57,194,237,1);
}
.icon-osiguranje:hover:before {
content: "\e648";
	display: block;
	border-radius: 3px;
	background:#136b84;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-osiguranje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-osiguranje{
    background:#136b84;
}
div#framedetails.icon-osiguranje:before{
    content:"";
    display:none;
}





.icon-teatar:before {
content: "\e649";
	display: block;
	background: #ac6e15;
	border-radius: 10px;
	border: 1px solid #80510e;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(228,143,21,1);
}
.icon-teatar:hover:before {
content: "\e649";
	display: block;
	border-radius: 3px;
	background:#80510e;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-teatar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-teatar{
    background:#80510e;
}
div#framedetails.icon-teatar:before{
    content:"";
    display:none;
}





.icon-carape:before {
content: "\e64a";
	display: block;
	background: #b33412;
	border-radius: 10px;
	border: 1px solid #8c250a;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(228,80,41,1);
}
.icon-carape:hover:before {
content: "\e64a";
	display: block;
	border-radius: 3px;
	background:#8c250a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-carape:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-carape{
    background:#8c250a;
}
div#framedetails.icon-carape:before{
    content:"";
    display:none;
}



.icon-heli:before {
	content: "\e65e";
}


.icon-sky:before {
content: "\e65e";
	display: block;
	background: #0fa4f1;
	border-radius: 20px;
	border: 1px solid #1695d7;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	width: 26px!important;
	height: 26px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 3px rgba(27,212,250,0.8);
}
.icon-sky:hover:before {
content: "\e65e";
	display: block;
	border-radius: 8px;
	background:#1695d7;
	z-index:1;
}


.icon-kapa:before {
content: "\e64b";
	display: block;
	background: #b33412;
	border-radius: 10px;
	border: 1px solid #8c250a;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(228,80,41,1);
}
.icon-kapa:hover:before {
content: "\e64b";
	display: block;
	border-radius: 3px;
	background:#8c250a;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kapa:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kapa{
    background:#8c250a;
}
div#framedetails.icon-kapa:before{
    content:"";
    display:none;
}






.icon-firma:before {
content: "\e64c";
	display: block;
	background: #236a9c;
	border-radius: 10px;
	border: 1px solid #18557f;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(42,156,237,1);
}
.icon-firma:hover:before {
content: "\e64c";
	display: block;
	border-radius: 3px;
	background:#18557f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-firma:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-firma{
    background:#18557f;
}
div#framedetails.icon-firma:before{
    content:"";
    display:none;
}




.icon-ostale:before {
	content: "\e604";
}

.icon-ostale:before {
	content: "\e604";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-ostale:hover:before {
	content: "\e604";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-ostale{
    background:#9520a2;
}
div#framedetails.icon-ostale:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-ostale:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}






.icon-advokat:before {
content: "\e64c";
	display: block;
	background: #9c234e;
	border-radius: 10px;
	border: 1px solid #f34683;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(178,44,92,1);
}
.icon-advokat:hover:before {
content: "\e64c";
	display: block;
	border-radius: 3px;
	background:#b22c5c;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-advokat:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-advokat{
    background:#b22c5c;
}
div#framedetails.icon-advokat:before{
    content:"";
    display:none;
}





.icon-hcistiona:before {
content: "\e64d";
	display: block;
	background: #236a9c;
	border-radius: 10px;
	border: 1px solid #18557f;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(42,156,237,1);
}
.icon-hcistiona:hover:before {
content: "\e64d";
	display: block;
	border-radius: 3px;
	background:#18557f;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-hcistiona:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-hcistiona{
    background:#18557f;
}
div#framedetails.icon-hcistiona:before{
    content:"";
    display:none;
}





.icon-kino:before {
content: "\e64e";
	display: block;
	background: #836849;
	border-radius: 10px;
	border: 1px solid #574735;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(187,162,133,1);
}
.icon-kino:hover:before {
content: "\e64e";
	display: block;
	border-radius: 3px;
	background:#574735;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-kino:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-kino{
    background:#574735;
}
div#framedetails.icon-kino:before{
    content:"";
    display:none;
}






.icon-sff:before {
content: "\e64e";
	display: block;
	background: #23d3da;
	border-radius: 10px;
	border: 2px solid #5cf4fa;
	color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 20px!important;
	height: 20px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(6,171,177,1);
}
.icon-sff:hover:before {
content: "\e64e";
	display: block;
	border-radius: 3px;
	background:#06abb1;
	z-index:1;
	color: rgba(255, 255, 255, 1);
}

div.upper div.contentFlex div.categoryColor.icon-sff:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-sff{
    background:#06abb1;
}
div#framedetails.icon-sff:before{
    content:"";
    display:none;
}






.icon-vatrogasci:before {
content: "\e64f";
	display: block;
	background: #d37019;
	border-radius: 10px;
	border: 1px solid #ca3906;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(227,149,13,1);
}
.icon-vatrogasci:hover:before {
content: "\e64f";
	display: block;
	border-radius: 3px;
	background:#ca3906;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-vatrogasci:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-vatrogasci{
    background:#ca3906;
}
div#framedetails.icon-vatrogasci:before{
    content:"";
    display:none;
}




.icon-def:before {
	 content: "\e604";
}
.icon-def:before {
	 content: "\e604";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-def:hover:before {
	 content: "\e604";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-def{
    background:#9520a2;
}
div#framedetails.icon-def:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-def:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


/*-----------------------------------------------------*/
/* Kategorije */

/*
.icon-marker:before {
	content: "\e624";
}

.icon-hotel:before {
	content: "\e623";
	display: block;
	background: #31c0e1;
	border-radius: 10px;
	border: 1px solid #47ddff;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.8);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
.icon-hotel:hover:before {
	content: "\e623";
	display: block;
	border-radius: 3px;
	background:#1ca0bf;
	z-index:1;
}

div#framedetails.icon-hotel{
    background:#1ca0bf;
}
div#framedetails.icon-hotel:before{
    content:"";
    display:none;
}

div.upper div.contentFlex div.categoryColor.icon-hotel:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-dom:before {
	content: "\e600";
}

.icon-dom:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-dom:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-dom{
    background:#9520a2;
}
div#framedetails.icon-dom:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-dom:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}
.icon-finansije:before {
	content: "\e601";
	display: block;
	background: #38E81C;
	border-radius: 10px;
	border: 1px solid #D3FC18;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(33, 179, 16, 1);
}
.icon-finansije:hover:before {
	content: "\e601";
	display: block;
	border-radius: 3px;
	background:#559d13;
	z-index:1;
}
div#framedetails.icon-finansije{
    background:#559d13;
}
div#framedetails.icon-finansije:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-finansije:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-odjeca:before {
	content: "\e602";
}
.icon-odjeca:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-odjeca:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-odjeca{
    background:#9520a2;
}
div#framedetails.icon-odjeca:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-odjeca:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}
.icon-benzinska:before {
	content: "\e603";
}
.icon-benzinska:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-benzinska:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-benzinska{
    background:#9520a2;
}
div#framedetails.icon-benzinska:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-benzinska:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-rentacar:before {
	content: "\e604";
}
.icon-rentacar:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-rentacar:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-rentacar{
    background:#9520a2;
}
div#framedetails.icon-rentacar:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-rentacar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-automehanicar:before {
	content: "\e605";
}
.icon-automehanicar:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-automehanicar:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-automehanicar{
    background:#9520a2;
}
div#framedetails.icon-automehanicar:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-automehanicar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}




.icon-def:before {
	 content: "\e624";
}
.icon-def:before {
	 content: "\e624";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-def:hover:before {
	 content: "\e624";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-def{
    background:#9520a2;
}
div#framedetails.icon-def:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-def:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-vozila:before {
	content: "\e606";
}

.icon-vozila:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-vozila:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-vozila{
    background:#9520a2;
}
div#framedetails.icon-vozila:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-vozila:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-stomatolog:before {
	content: "\e607";
}

.icon-stomatolog:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-stomatolog:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-stomatolog{
    background:#9520a2;
}
div#framedetails.icon-stomatolog:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-stomatolog:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-zdravlje:before {
	content: "\e608";
}

.icon-zdravlje:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-zdravlje:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-zdravlje{
    background:#9520a2;
}
div#framedetails.icon-zdravlje:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-zdravlje:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-apoteka:before {
	content: "\e609";
}

.icon-apoteka:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-apoteka:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-apoteka{
    background:#9520a2;
}
div#framedetails.icon-apoteka:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-apoteka:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-hitna:before {
	content: "\e60a";
}

.icon-hitna:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-hitna:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-hitna{
    background:#9520a2;
}
div#framedetails.icon-hitna:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-hitna:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-bolnica:before {
	content: "\e60b";
}

.icon-bolnica:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-bolnica:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-bolnica{
    background:#9520a2;
}
div#framedetails.icon-bolnica:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-bolnica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-info:before {
	content: "\e60c";
}

.icon-info:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-info:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-info{
    background:#9520a2;
}
div#framedetails.icon-info:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-info:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-taxi:before {
	content: "\e60d";
}

.icon-taxi:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-taxi:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-taxi{
    background:#9520a2;
}
div#framedetails.icon-taxi:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-taxi:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-voz:before {
	content: "\e60e";
}

.icon-voz:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-voz:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-voz{
    background:#9520a2;
}
div#framedetails.icon-voz:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-voz:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-tram:before {
	content: "\e60f";
}

.icon-tram:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-tram:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-tram{
    background:#9520a2;
}
div#framedetails.icon-tram:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-tram:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-javniprezov {
	content: "\e60f";
}



.icon-bus:before {
	content: "\e610";
}

.icon-bus:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-bus:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-bus{
    background:#9520a2;
}
div#framedetails.icon-bus:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-bus:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


.icon-ambasada:before {
	content: "\e611";
}

.icon-ambasada:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-ambasada:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-ambasada{
    background:#9520a2;
}
div#framedetails.icon-ambasada:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-ambasada:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-bicikl:before {
	content: "\e612";
}

.icon-bicikl:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-bicikl:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-bicikl{
    background:#9520a2;
}
div#framedetails.icon-bicikl:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-bicikl:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-auto:before {
	content: "\e613";
}

.icon-auto:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-auto:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-auto{
    background:#9520a2;
}
div#framedetails.icon-auto:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-auto:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-mjenjacnica:before {
	content: "\e614";
}

.icon-mjenjacnica:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-mjenjacnica:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-mjenjacnica{
    background:#9520a2;
}
div#framedetails.icon-mjenjacnica:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-mjenjacnica:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-skola:before {
	content: "\e615";
}

.icon-skola:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-skola:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-skola{
    background:#9520a2;
}
div#framedetails.icon-skola:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-skola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-wine:before {
	content: "\e616";
}

.icon-wine:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-wine:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-wine{
    background:#9520a2;
}
div#framedetails.icon-wine:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-wine:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-piva:before {
	content: "\e617";
}

.icon-piva:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-piva:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-piva{
    background:#9520a2;
}
div#framedetails.icon-piva:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-piva:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-kasino:before {
	content: "\e618";
}

.icon-kasino:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-kasino:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-kasino{
    background:#9520a2;
}
div#framedetails.icon-kasino:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-kasino:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-cocktail:before {
	content: "\e619";
}

.icon-cocktail:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-cocktail:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-cocktail{
    background:#9520a2;
}
div#framedetails.icon-cocktail:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-cocktail:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}





.icon-trzni-centar:before {
	content: "\e61b";
}

.icon-trzni-centar:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-trzni-centar:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-trzni-centar{
    background:#9520a2;
}
div#framedetails.icon-trzni-centar:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-trzni-centar:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-crkva:before {
	content: "\e61b";
}

.icon-crkva:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-crkva:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-crkva{
    background:#9520a2;
}
div#framedetails.icon-crkva:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-crkva:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}




.icon-dzamija:before {
	content: "\e61b";
}

.icon-dzamija:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-dzamija:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-dzamija{
    background:#9520a2;
}
div#framedetails.icon-dzamija:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-dzamija:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}





.icon-ostalea:before {
	content: "\e61b";
}

.icon-ostalea:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-ostalea:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-ostalea{
    background:#9520a2;
}
div#framedetails.icon-ostalea:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-ostalea:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-slasticarna:before {
	content: "\e61a";
	display: block;
	background: #B63EC3;
	border-radius: 10px;
	border: 1px solid #FF71F8;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(149,32,160,1);
}
.icon-slasticarna:hover:before {
	content: "\e61a";
	display: block;
	border-radius: 3px;
	background:#9520a2;
	z-index:1;
}
div#framedetails.icon-slasticarna{
    background:#9520a2;
}
div#framedetails.icon-slasticarna:before{
    content:"";
    display:none;
}

div.upper div.contentFlex div.categoryColor.icon-slasticarna:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}
.icon-pekara:before {
	content: "\e61b";
}

.icon-pekara:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-pekara:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-pekara{
    background:#9520a2;
}
div#framedetails.icon-pekara:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-pekara:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-fastfood:before {
	content: "\e61c";
}

.icon-fastfood:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-fastfood:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-fastfood{
    background:#9520a2;
}
div#framedetails.icon-fastfood:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-fastfood:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-fastfood2:before {
	content: "\e61d";
}

.icon-fastfood2:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-fastfood2:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-fastfood2{
    background:#9520a2;
}
div#framedetails.icon-fastfood2:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-fastfood2:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-restoran:before {
	content: "\e61e";
	display: block;
	background: #C33610;
	border-radius: 10px;
	border: 1px solid #f56c47;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(156,38,7,1);
}
.icon-restoran:hover:before {
	content: "\e61e";
	display: block;
	border-radius: 3px;
	background:#9c2607;
	z-index:1;
}

div.upper div.contentFlex div.categoryColor.icon-restoran:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

div#framedetails.icon-restoran{
    background:#9c2607;
}
div#framedetails.icon-restoran:before{
    content:"";
    display:none;
}

.icon-optic:before {
	content: "\e61f";
display: block;
	background: #37b042;
	border-radius: 10px;
	border: 1px solid #29db3a;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(23,152,35,1);
}
.icon-optic:hover:before {
	content: "\e61f";
	display: block;
	border-radius: 3px;
	background:#179823;
	z-index:1;
}
div#framedetails.icon-optic{
    background:#179823;
}
div#framedetails.icon-optic:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-optic:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-obuca:before {
	content: "\e620";
display: block;
	background: #967c20;
	border-radius: 10px;
	border: 1px solid #d0ab2a;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(127,103,15,1);
}
.icon-obuca:hover:before {
	content: "\e620";
	display: block;
	border-radius: 3px;
	background:#7f6711;
	z-index:1;
}
div#framedetails.icon-obuca{
    background:#9520a2;
}
div#framedetails.icon-obuca:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-obuca:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-nakit:before {
	content: "\e621";
}

.icon-nakit:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-nakit:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-nakit{
    background:#9520a2;
}
div#framedetails.icon-nakit:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-nakit:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}



.icon-kafa:before {
	content: "\e622";
display: block;
	background: #884426;
	border-radius: 10px;
	border: 1px solid #c15d30;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(120,52,25,1);
}
.icon-kafa:hover:before {
	content: "\e622";
	display: block;
	border-radius: 3px;
	background:#763418;
	z-index:1;
}
div#framedetails.icon-kafa{
    background:#9520a2;
}
div#framedetails.icon-kafa:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-kafa:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-smjestaj:before {
	content: "\e623";
}
.icon-kino:before {
	content: "\e615";
	display: block;
	background: #C2880E;
	border-radius: 10px;
	border: 1px solid #F5D918;
	color: #fff;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
	width: 16px!important;
	height: 16px!important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(173, 129, 15, 1);
}
.icon-kino:hover:before {
	content: "\e615";
	display: block;
	border-radius: 3px;
	background:#a87407;
	z-index:1;
}
div#framedetails.icon-kino{
    background:#9520a2;
}
div#framedetails.icon-kino:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-kino:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}


*/

/*NASELJA*/

.icon-naselja:before {
    content: "\e604";
    display: block;
    background: #31c0e1;
    border-radius: 10px;
    border: 1px solid #47ddff;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
    width: 16px!important;
    height: 16px!important;
    text-shadow: 1px 1px 0px rgba(172,139,5, 0.8);
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index:0;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}

/* Naselja - Ulice - Transport*/


div.upper div.contentFlex div.categoryColor.icon-naselja:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}
#framegal ul li span.tramvaj{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(198, 38, 22);
}
.tramvaj {
stroke: rgb(198, 38, 22);
stroke-opacity: 0.9;
}

#framegal ul li span.tramvaj2{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(65, 220, 100);
}
.tramvaj2 {
stroke: rgb(65, 220, 100);
  stroke-opacity: 0.9;
}

#framegal ul li span.tramvaj3{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(241, 196, 15);
}
.tramvaj3 {
stroke: rgb(241, 196, 15);
  stroke-opacity: 0.9;
}

#framegal ul li span.tramvaj4{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(25, 181, 254);
}
.tramvaj4 {
stroke: rgb(25, 181, 254);
stroke-opacity: 0.9;
}

#framegal ul li span.tramvaj5{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(155, 89, 182);
}
.tramvaj5 {
stroke: rgb(155, 89, 182);
stroke-opacity: 0.9;
}

#framegal ul li span.tramvaj6{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(249, 105, 14);
}
.tramvaj6 {
stroke: rgb(249, 105, 14);
stroke-opacity: 0.9;
}
/*OtokaTrgAustije*/
#framegal ul li span.trola101{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(249, 105, 14);
}
.trola101 {
stroke: rgb(249, 105, 14);
stroke-opacity: 0.7;
}
/*OtokaTrgAustije*/
#framegal ul li span.trola102{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(155, 89, 182);
}
.trola102 {
stroke: rgb(155, 89, 182);
stroke-opacity: 0.7;
}

#framegal ul li span.trola103{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 1.7px;
    border-radius: 10px;
    background-color: rgb(65, 220, 100);
}
.trola103 {
stroke: rgb(65, 220, 100);
stroke-opacity: 0.7;
}

#framegal ul li span.trola104{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 2px;
    border-radius: 10px;
    background-color: rgb(241, 196, 15);
}
.trola104 {
stroke: rgb(241, 196, 15);
stroke-opacity: 0.7;
}
#framegal ul li span.trola107{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 2px;
    border-radius: 10px;
    background-color: rgb(193, 39, 79);
}
.trola107 {
stroke: rgb(193, 39, 79);
stroke-opacity: 0.9;
}
#framegal ul li span.trola108{
    display:inline-block;
    width:6px;
    height:6px;
    margin-bottom: 2px;
    border-radius: 10px;
    background-color: rgb(51, 202, 245);
}
.trola108 {
stroke: rgb(51, 202, 245);
stroke-opacity: 0.9;
}

.icon-naselja:hover:before {
    content: "\e604";
    display: block;
    border-radius: 3px;
    background:#1ca0bf;
    z-index:1;
}

.icon-ulice:before {
    content: "\e604";
    display: block;
    background: #31c0e1;
    border-radius: 10px;
    border: 1px solid #47ddff;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
    width: 16px!important;
    height: 16px!important;
    text-shadow: 1px 1px 0px rgba(172,139,5, 0.8);
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index:0;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}


div.upper div.contentFlex div.categoryColor.icon-ulice:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-ulice:hover:before {
    content: "\e604";
    display: block;
    border-radius: 3px;
    background:#1ca0bf;
    z-index:1;
}





.streetnum:before {
    
   display: block;
    opacity: 0.9;
    z-index:2;
    transition: opacity 2s;
    background: dodgerblue;
    border-radius: 10px;
   
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
    width: 16px!important;
    height: 16px!important;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(60,200,169,1);
}


div.upper div.contentFlex div.categoryColor.streetnum:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}




.icon-javniprezov:before {
    content: "\e614";
    display: block;
    background: #1f619f;
    border-radius: 10px;
    border: 2px solid #f3e82a;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
    width: 20px!important;
    height: 20px!important;
    /*text-shadow: 1px 1px 0px rgba(13,75,132, 0.8);*/
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index:0;
   /* -webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);*/
}


div.upper div.contentFlex div.categoryColor.icon-javniprezov:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-javniprezov:hover:before {
    content: "\e614";
    display: block;
    border-radius: 3px;
    background:#3485d2;
    z-index:1;
}

div#framedetails.icon-javniprezov{
    background:#1f619f;
}
div#framedetails.icon-javniprezov:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-javniprezov:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}






.icon-trola:before {
    content: "\e615";
    display: block;
    background: #6fb8fc;
    border-radius: 10px;
    border: 2px solid #f3e82a;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
    width: 20px!important;
    height: 20px!important;
    /*text-shadow: 1px 1px 0px rgba(13,75,132, 0.8);*/
    transition-property: background, border-radius;
    transition-duration: .1s, .3s;
    transition-timing-function: linear, ease-out;
    z-index:0;
   /* -webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);*/
}


div.upper div.contentFlex div.categoryColor.icon-trola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}

.icon-trola:hover:before {
    content: "\e615";
    display: block;
    border-radius: 3px;
    background:#3d8fdc;
    z-index:1;
}
div#framedetails.icon-trola{
    background:#3d8fdc;
}
div#framedetails.icon-trola:before{
    content:"";
    display:none;
}
div.upper div.contentFlex div.categoryColor.icon-trola:before{
    content:"";
    display: block;
    border-radius: 0;
    border:0;
    width:70px!important;
    height:72px!important;
}