@font-face {
	font-family: 'rutmapicon';
	src:url('fonts/rutmapicon.eot?ccrstk');
	src:url('fonts/rutmapicon.eot?#iefixccrstk') format('embedded-opentype'),
		url('fonts/rutmapicon.ttf?ccrstk') format('truetype'),
		url('fonts/rutmapicon.woff?ccrstk') format('woff'),
		url('fonts/rutmapicon.svg?ccrstk#rutmapicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icons-"], [class*=" icons-"] {
	font-family: 'rutmapicon';
	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;
}


.icons-circus:before {
	content: "\e600";
	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);
}
.icons-circus:hover:before {
	content: "\e600";
	display: block;
	border-radius: 3px;
	background:#d31f23;
	z-index:1;
}

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

div#framedetails.icons-circus{
    background:#d31f23;
}
div#framedetails.icons-circus:before{
    content:"";
    display:none;
}




.icons-cinema65:before {
	content: "\e601";
	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);
}
.icons-cinema65:hover:before {
	content: "\e601";
	display: block;
	border-radius: 3px;
	background:#d31f23;
	z-index:1;
}

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

div#framedetails.icons-cinema65{
    background:#d31f23;
}
div#framedetails.icons-cinema65:before{
    content:"";
    display:none;
}





.icons-herbal1:before {
	content: "\e602";
	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.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);
}
.icons-herbal1:hover:before {
	content: "\e602";
	display: block;
	border-radius: 3px;
	background:#d31f23;
	z-index:1;
}

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

div#framedetails.icons-herbal1{
    background:#d31f23;
}
div#framedetails.icons-herbal1:before{
    content:"";
    display:none;
}





.icons-vello:before {
	content: "\e602";
	display: block;
	background: #99d900;
	border-radius: 10px;
	border: 1px solid #c0ff28;
	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(117,166,0,1);
}
.icons-vello:hover:before {
	content: "\e602";
	display: block;
	border-radius: 3px;
	background:#8fa900;
	z-index:1;
}

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

div#framedetails.icons-vello{
    background:#8fa900;
}
div#framedetails.icons-vello:before{
    content:"";
    display:none;
}