/* tk-icon */

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?27320827');
      src: url('./font/fontello.eot?27320827#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?27320827') format('woff'),
           url('./font/fontello.ttf?27320827') format('truetype'),
           url('./font/fontello.svg?27320827#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.demo-icon
    {
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	width: 1em;
	margin-right: 0.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 */
	margin-left: 0.2em;
	/* 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;
	color: #4b5b76;      /* Uncomment for 3D effect */      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	font-size: 120%;
    }
.demo-icon2
    {
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	width: 1em;
	margin-right: 0.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 */
	margin-left: 0.2em;
	/* 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;
	color: #999;      /* Uncomment for 3D effect */      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	font-size: 120%;
    }
.demo-icon3
    {
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	width: 1em;
	margin-right: 0.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 */
	margin-left: 0.2em;
	/* 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;
	color: #999;      /* Uncomment for 3D effect */      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	font-size: 90%;
    }