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

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

.icon-bench:before {
	content: "\e600";
}
.icon-brick:before {
	content: "\e601";
}
.icon-tree .path1:before {
	content: "\e602";
	color: rgb(0, 0, 0);
}
.icon-tree .path2:before {
	content: "\e603";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path3:before {
	content: "\e604";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path4:before {
	content: "\e605";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path5:before {
	content: "\e606";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path6:before {
	content: "\e607";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path7:before {
	content: "\e608";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-tree .path8:before {
	content: "\e609";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path9:before {
	content: "\e60a";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-tree .path10:before {
	content: "\e60b";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}
.icon-trellis .path1:before {
	content: "\e60c";
	color: rgb(0, 0, 0);
}
.icon-trellis .path2:before {
	content: "\e60d";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}