@font-face {
  font-family: 'badges';
  src: url('../font/badges.eot?9636191');
  src: url('../font/badges.eot?9636191#iefix') format('embedded-opentype'),
       url('../font/badges.woff?9636191') format('woff'),
       url('../font/badges.ttf?9636191') format('truetype'),
       url('../font/badges.svg?9636191#badges') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'badges';
    src: url('../font/badges.svg?9636191#badges') format('svg');
  }
}
*/
 
 [class^="iconB-"], [class*=" iconB-"] {
  font-family: "badges";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */

 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /*text-shadow: 3px 3px 3px rgba(127, 127, 127, 0.3);*/
  
  	font-size:35px;
  	width:55px;
	height:55px;
	padding:10px;
	color:rgb(252,252,252);
  	border-radius:50%;
	margin-bottom:7px;
}
.iconB-:hover,
a.iconB-:hover{
	text-decoration:none;
	color:rgb(252,252,252);
}
.icon-badge-01:before,
a.icon-badge-01:before{
	content: '\e800'; 
}
.icon-badge-01,
a.icon-badge-01 { 
	text-shadow: 3px 3px 3px rgba(39, 64, 139, 0.9);
	background:rgb(65,105,225);
	
} /* '' */
.icon-badge-02:before,
a.icon-badge-02:before{
	content: '\e801'; 
}
.icon-badge-02,
a.icon-badge-02 { 
	text-shadow: 3px 3px 3px rgba(128, 128, 0, 0.9);
	background:rgb(205,205,0);
} /* '' */
.icon-badge-03:before,
a.icon-badge-03:before{
	content: '\e802'; 
}
.icon-badge-03,
a.icon-badge-03 { 
	text-shadow: 3px 3px 3px rgba(139, 90, 0, 0.9);
	background:rgb(238,173,14);
} /* '' */
.icon-badge-04:before,
a.icon-badge-04:before{
	content: '\e803'; 
}
.icon-badge-04,
a.icon-badge-04{ 
	text-shadow: 3px 3px 3px rgba(48, 128, 20, 0.9);
	background:rgb(124,205,124);
} /* '' */
.icon-badge-05:before,
a.icon-badge-05:before{
	content: '\e804'; 
}
.icon-badge-05,
a.icon-badge-05 {
	text-shadow: 3px 3px 3px rgba(139, 35, 35, 0.9);
	background:rgb(238,99,99);
} /* '' */
.icon-badge-06:before,
a.icon-badge-06:before{
	content: '\e805'; 
}
.icon-badge-06,
a.icon-badge-06{ 
	text-shadow: 3px 3px 3px rgba(72, 61, 139, 0.9);
	background:rgb(147,112,219);
} /* '' */
.icon-badge-07:before,
a.icon-badge-07:before{
	content: '\e806'; 
}
.icon-badge-07,
a.icon-badge-07 { 
	text-shadow: 3px 3px 3px rgba(108, 123, 139, 0.9);
	background:rgb(185,211,238);
} /* '' */
.icon-badge-08:before,
a.icon-badge-08:before{
	content: '\e807'; 
}
.icon-badge-08,
a.icon-badge-08 { 
	text-shadow: 3px 3px 3px rgba(128, 0, 128, 0.7);
	background:rgb(186,85,211);
} /* '' */
.icon-badge-09:before,
a.icon-badge-09:before{
	content: '\e808'; 
}
.icon-badge-09,
a.icon-badge-09 { 
	text-shadow: 3px 3px 3px rgba(0, 85, 85, 0.9);
	background:rgb(56,142,142);
} /* '' */
.icon-badge-10:before,
a.icon-badge-10:before{
	content: '\e809'; 
}
.icon-badge-10,
a.icon-badge-10 { 
	text-shadow: 3px 3px 3px rgba(139,76,57, 0.7);
	background:rgb(255,140,105);
} /* '' */
.icon-badge-11:before,
a.icon-badge-11:before{
	content: '\e80a'; 
}
.icon-badge-11,
a.icon-badge-11 { 
	text-shadow: 3px 3px 3px rgba(205, 173, 0, 0.9);
	background:rgb(227,207,87);
} /* '' */
.icon-badge-12:before,
a.icon-badge-12:before{
	content: '\e80b';
}
.icon-badge-12,
a.icon-badge-12 { 
	text-shadow: 3px 3px 3px rgba(107, 142, 35, 0.7);
	background:rgb(179,238,58);
} /* '' */
.icon-badge-13:before,
a.icon-badge-13:before{
	content: '\e80c'; 
}
.icon-badge-13,
a.icon-badge-13 { 
	text-shadow: 3px 3px 3px rgba(139, 35, 35, 0.9);
	background:rgb(255,48,48);
} /* '' */
.icon-badge-14:before,
a.icon-badge-14:before{
	content: '\e80d'; 
}
.icon-badge-14,
a.icon-badge-14{ 
	text-shadow: 3px 3px 3px rgba(205, 155, 29, 0.9);
	background:rgb(255,240,0);
} /* '' */
.iconB-.bronze{
	text-shadow: 3px 3px 3px rgba(123, 63, 0, 0.9);
	background:rgb(205,127,50);
}
.iconB-.silver{
	text-shadow: 3px 3px 3px rgba(120, 120, 120, 0.9);
	background:rgb(192,192,192);
}
.iconB-.gold{
	text-shadow: 3px 3px 3px rgba(212, 175, 55, 0.9);
	background:rgb(255,204,0);
}
.iconB-.blank{
	color:rgb(30,30,30);
	text-shadow: 3px 3px 3px rgba(212, 175, 55, 0.9);
	text-shadow: 3px 3px 3px rgba(255, 255, 255, 0);
	background:transparent;
	background:rgba(255,255,255,0);
}