@font-face {
	font-family: typography;
	src: url("typography.woff") format("woff"), url("typography.ttf") format("truetype");
}
.typography-004-editorial-design:before {
	content: '\e800';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-005-scale:before {
	content: '\e801';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-006-horizontal:before {
	content: '\e802';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-001-paint-bucket:before {
	content: '\e803';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-007-computer:before {
	content: '\e804';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-008-photo:before {
	content: '\e805';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-009-photo:before {
	content: '\e806';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-010-recycle-bin:before {
	content: '\e807';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-011-colors:before {
	content: '\e808';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-012-crop:before {
	content: '\e809';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-013-colors:before {
	content: '\e80a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-014-text:before {
	content: '\e80b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-015-printing-machine:before {
	content: '\e80c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-016-editorial-design:before {
	content: '\e80d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-017-vertical:before {
	content: '\e80e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-018-camera:before {
	content: '\e80f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-019-camera:before {
	content: '\e810';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-020-italic:before {
	content: '\e811';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-021-graphic-designer:before {
	content: '\e812';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-022-graphic-tablet:before {
	content: '\e813';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-023-pen:before {
	content: '\e814';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-024-magazine:before {
	content: '\e815';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-025-eyedropper:before {
	content: '\e816';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-026-highlighter:before {
	content: '\e817';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-027-paint:before {
	content: '\e818';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-002-red-eye:before {
	content: '\e819';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-003-editorial-design:before {
	content: '\e81a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-028-alignment:before {
	content: '\e81b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-029-graphic-design:before {
	content: '\e81c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-030-pencil:before {
	content: '\e81d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-031-colors:before {
	content: '\e81e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-032-compass:before {
	content: '\e81f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-033-pencil-and-ruler:before {
	content: '\e820';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-034-design:before {
	content: '\e821';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-035-idea:before {
	content: '\e822';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-036-alignment:before {
	content: '\e823';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-037-pen:before {
	content: '\e824';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-038-sketch:before {
	content: '\e825';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-039-pen:before {
	content: '\e826';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-040-colors:before {
	content: '\e827';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-041-document:before {
	content: '\e828';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-042-scissors:before {
	content: '\e829';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-043-crop:before {
	content: '\e82a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-045-type:before {
	content: '\e82b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-046-reflect:before {
	content: '\e82c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-047-magic-wand:before {
	content: '\e82d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-048-type:before {
	content: '\e82e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-049-layers:before {
	content: '\e82f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-050-lasso:before {
	content: '\e830';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-044-pen:before {
	content: '\e831';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-001-text-editor:before {
	content: '\e832';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-002-layers:before {
	content: '\e833';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-003-gallery:before {
	content: '\e834';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-004-typography:before {
	content: '\e835';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-005-compass:before {
	content: '\e836';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-006-zoom-in:before {
	content: '\e837';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-007-spacing:before {
	content: '\e838';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-008-color-picker:before {
	content: '\e839';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-009-agenda:before {
	content: '\e83a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-010-photo-size:before {
	content: '\e83b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-011-view:before {
	content: '\e83c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-012-printer:before {
	content: '\e83d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-013-laptop:before {
	content: '\e83e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-014-color-palette:before {
	content: '\e83f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-015-rgb:before {
	content: '\e840';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-016-monitor:before {
	content: '\e841';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-017-file:before {
	content: '\e842';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-018-layout:before {
	content: '\e843';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-019-lasso:before {
	content: '\e844';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-020-layout:before {
	content: '\e845';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-021-idea:before {
	content: '\e846';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-022-typography:before {
	content: '\e847';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-023-settings:before {
	content: '\e848';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-024-italic:before {
	content: '\e849';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-025-tracking:before {
	content: '\e84a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-026-scale:before {
	content: '\e84b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-027-sketch:before {
	content: '\e84c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-028-crop:before {
	content: '\e84d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-029-book:before {
	content: '\e84e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-030-highlighter:before {
	content: '\e84f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-031-selection:before {
	content: '\e850';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-032-flip:before {
	content: '\e851';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-033-graphic-tablet:before {
	content: '\e852';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-034-proof-reading:before {
	content: '\e853';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-035-move:before {
	content: '\e854';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-036-maximize:before {
	content: '\e855';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-037-drawing:before {
	content: '\e856';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-038-typography:before {
	content: '\e857';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-039-intersection:before {
	content: '\e858';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-040-photo-camera:before {
	content: '\e859';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-041-vector:before {
	content: '\e85a';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-042-pencil:before {
	content: '\e85b';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-043-magic-wand:before {
	content: '\e85c';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-044-magazine:before {
	content: '\e85d';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-045-bin:before {
	content: '\e85e';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-046-search:before {
	content: '\e85f';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-047-margin:before {
	content: '\e860';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-048-jpg-file:before {
	content: '\e861';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-049-resize:before {
	content: '\e862';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.typography-050-camera-shutter:before {
	content: '\e863';
	font-family: typography;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}