@font-face {
	font-family: 'ranka_icon';
	src:url('fonts/ranka_icon.eot?jg9wlo');
	src:url('fonts/ranka_icon.eot?#iefixjg9wlo') format('embedded-opentype'),
		url('fonts/ranka_icon.ttf?jg9wlo') format('truetype'),
		url('fonts/ranka_icon.woff?jg9wlo') format('woff'),
		url('fonts/ranka_icon.svg?jg9wlo#ranka_icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size: 11em;
}

i {
	font-family: 'ranka_icon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 2em;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.rankaicon_01:before {
	content: "\e600";
}
.rankaicon_02:before {
	content: "\e601";
}
.rankaicon_03:before {
	content: "\e602";
}
.rankaicon_04:before {
	content: "\e603";
}
.rankaicon_05:before {
	content: "\e604";
}
.rankaicon_06:before {
	content: "\e605";
}
.rankaicon_07:before {
	content: "\e606";
}
.rankaicon_08:before {
	content: "\e607";
}