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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'twsrc';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home, .icon-pencil, .icon-images, .icon-music, .icon-camera, .icon-bullhorn, .icon-connection, .icon-file, .icon-phone, .icon-envelop, .icon-pushpin, .icon-download, .icon-upload, .icon-undo, .icon-redo, .icon-forward, .icon-reply, .icon-bubble, .icon-user, .icon-users, .icon-busy, .icon-spinner, .icon-search, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-expand-2, .icon-contract-2, .icon-lock, .icon-unlocked, .icon-wrench, .icon-cog, .icon-menu, .icon-switch, .icon-attachment, .icon-thumbs-up, .icon-thumbs-up-2, .icon-happy, .icon-angry, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-notification, .icon-question, .icon-info, .icon-close, .icon-checkmark, .icon-minus, .icon-plus, .icon-enter, .icon-exit, .icon-play, .icon-pause, .icon-stop, .icon-backward, .icon-forward-2, .icon-first, .icon-last, .icon-previous, .icon-next, .icon-eject, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-increase, .icon-volume-decrease, .icon-loop, .icon-loop-2, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-up-left-2, .icon-arrow-up-2, .icon-arrow-up-right-2, .icon-arrow-right-2, .icon-arrow-down-right-2, .icon-arrow-down-2, .icon-arrow-down-left-2, .icon-arrow-left-2, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-radio-checked, .icon-radio-unchecked {
	font-family: 'twsrc';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-home:before {
	content: "\e000";
}
.icon-pencil:before {
	content: "\e001";
}
.icon-images:before {
	content: "\e002";
}
.icon-music:before {
	content: "\e003";
}
.icon-camera:before {
	content: "\e004";
}
.icon-bullhorn:before {
	content: "\e005";
}
.icon-connection:before {
	content: "\e006";
}
.icon-file:before {
	content: "\e007";
}
.icon-phone:before {
	content: "\e008";
}
.icon-envelop:before {
	content: "\e009";
}
.icon-pushpin:before {
	content: "\e00a";
}
.icon-download:before {
	content: "\e00b";
}
.icon-upload:before {
	content: "\e00c";
}
.icon-undo:before {
	content: "\e00d";
}
.icon-redo:before {
	content: "\e00e";
}
.icon-forward:before {
	content: "\e00f";
}
.icon-reply:before {
	content: "\e010";
}
.icon-bubble:before {
	content: "\e011";
}
.icon-user:before {
	content: "\e012";
}
.icon-users:before {
	content: "\e013";
}
.icon-busy:before {
	content: "\e014";
}
.icon-spinner:before {
	content: "\e015";
}
.icon-search:before {
	content: "\e016";
}
.icon-zoom-in:before {
	content: "\e017";
}
.icon-zoom-out:before {
	content: "\e018";
}
.icon-expand:before {
	content: "\e019";
}
.icon-contract:before {
	content: "\e01a";
}
.icon-expand-2:before {
	content: "\e01b";
}
.icon-contract-2:before {
	content: "\e01c";
}
.icon-lock:before {
	content: "\e01d";
}
.icon-unlocked:before {
	content: "\e01e";
}
.icon-wrench:before {
	content: "\e01f";
}
.icon-cog:before {
	content: "\e020";
}
.icon-menu:before {
	content: "\e021";
}
.icon-switch:before {
	content: "\e022";
}
.icon-attachment:before {
	content: "\e023";
}
.icon-thumbs-up:before {
	content: "\e024";
}
.icon-thumbs-up-2:before {
	content: "\e025";
}
.icon-happy:before {
	content: "\e026";
}
.icon-angry:before {
	content: "\e027";
}
.icon-point-up:before {
	content: "\e028";
}
.icon-point-right:before {
	content: "\e029";
}
.icon-point-down:before {
	content: "\e02a";
}
.icon-point-left:before {
	content: "\e02b";
}
.icon-notification:before {
	content: "\e02c";
}
.icon-question:before {
	content: "\e02d";
}
.icon-info:before {
	content: "\e02e";
}
.icon-close:before {
	content: "\e02f";
}
.icon-checkmark:before {
	content: "\e030";
}
.icon-minus:before {
	content: "\e031";
}
.icon-plus:before {
	content: "\e032";
}
.icon-enter:before {
	content: "\e033";
}
.icon-exit:before {
	content: "\e034";
}
.icon-play:before {
	content: "\e035";
}
.icon-pause:before {
	content: "\e036";
}
.icon-stop:before {
	content: "\e037";
}
.icon-backward:before {
	content: "\e038";
}
.icon-forward-2:before {
	content: "\e039";
}
.icon-first:before {
	content: "\e03a";
}
.icon-last:before {
	content: "\e03b";
}
.icon-previous:before {
	content: "\e03c";
}
.icon-next:before {
	content: "\e03d";
}
.icon-eject:before {
	content: "\e03e";
}
.icon-volume-high:before {
	content: "\e03f";
}
.icon-volume-medium:before {
	content: "\e040";
}
.icon-volume-low:before {
	content: "\e041";
}
.icon-volume-mute:before {
	content: "\e042";
}
.icon-volume-mute-2:before {
	content: "\e043";
}
.icon-volume-increase:before {
	content: "\e044";
}
.icon-volume-decrease:before {
	content: "\e045";
}
.icon-loop:before {
	content: "\e046";
}
.icon-loop-2:before {
	content: "\e047";
}
.icon-arrow-up-left:before {
	content: "\e048";
}
.icon-arrow-up:before {
	content: "\e049";
}
.icon-arrow-up-right:before {
	content: "\e04a";
}
.icon-arrow-right:before {
	content: "\e04b";
}
.icon-arrow-down-right:before {
	content: "\e04c";
}
.icon-arrow-down:before {
	content: "\e04d";
}
.icon-arrow-down-left:before {
	content: "\e04e";
}
.icon-arrow-left:before {
	content: "\e04f";
}
.icon-arrow-up-left-2:before {
	content: "\e050";
}
.icon-arrow-up-2:before {
	content: "\e051";
}
.icon-arrow-up-right-2:before {
	content: "\e052";
}
.icon-arrow-right-2:before {
	content: "\e053";
}
.icon-arrow-down-right-2:before {
	content: "\e054";
}
.icon-arrow-down-2:before {
	content: "\e055";
}
.icon-arrow-down-left-2:before {
	content: "\e056";
}
.icon-arrow-left-2:before {
	content: "\e057";
}
.icon-checkbox-checked:before {
	content: "\e058";
}
.icon-checkbox-unchecked:before {
	content: "\e059";
}
.icon-radio-checked:before {
	content: "\e05a";
}
.icon-radio-unchecked:before {
	content: "\e05b";
}