/* Fonts */

@font-face {
	font-family: 'AWConquerorInline';

	src: url('../fonts/aw-conqueror/eot/aw-conqueror-inline-regular.webfont.eot');
	src: url('../fonts/aw-conqueror/eot/aw-conqueror-inline-regular.webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/aw-conqueror/woff/aw-conqueror-inline-regular.webfont.woff') format('woff'),
		 url('../fonts/aw-conqueror/ttf/aw-conqueror-inline-regular.webfont.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AWConquerorSans';

	src: url('../fonts/aw-conqueror/eot/aw-conqueror-sans-light.webfont.eot');
	src: url('../fonts/aw-conqueror/eot/aw-conqueror-sans-light.webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/aw-conqueror/woff/aw-conqueror-sans-light.webfont.woff') format('woff'),
		 url('../fonts/aw-conqueror/ttf/aw-conqueror-sans-light.webfont.ttf') format('truetype');

	font-weight: 400;
	font-style: normal;
}

/* Base */

html {
	height: 100%;
	overflow-x: hidden;
}

body {
	width: 100%;
	overflow: hidden;
}

.hit-target {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container {
	position: relative;
}

img.placeholder + img {
	position: absolute;
	top: 0;
	left: 0;
}

/* Box model */

main, nav, article, section, header, footer, ul, li, nav li a, code, .perspective:after, .grid li span.title, .sorting + h1, .sorting, .paging, #menu.target ul, .listview h1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Seperate definition for the :target selector outside of @media queries, because IE8 chokes on it */
#menu:target ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Lists reset */

.grid, .list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid a, .list a {
	display: block;
}

/* Hide text */

head {
	text-indent: -999px;
}

/* Image fit */

li img, .showcase img, .container img {
	width: 100%;
	max-width: 100%;
}

/* Fonts */

html, .introduction a.button {
	font: 300 17px/25px 'AWConquerorSans', 'Helvetica', 'Arial', sans-serif;
}

.introduction em {
	font: 400 44px/1.3636em 'AWConquerorInline', 'Helvetica', 'Arial', sans-serif;
}

i, cite, em, var, address, dfn, strong {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 15px;
}

pre, code {
	font-family: 'Consolas', 'Monaco', monospace;
	font-size: 12px;
}

pre i, pre strong, code i, code strong {
	font-size: inherit;
	font-family: inherit;
}

/* Font features */

html, .introduction a.button {
	font: 300 17px/25px 'AWConquerorSans', 'Helvetica', 'Arial', sans-serif;

	-webkit-font-feature-settings: 'kern' 1, 'liga' 1;
	-moz-font-feature-settings: 'kern' 1, 'liga' 1;
	-ms-font-feature-settings: 'kern' 1, 'liga' 1;
	font-feature-settings: 'kern' 1, 'liga' 1;
}

.introduction em {
	font: 400 44px/1.3636em 'AWConquerorInline', 'Helvetica', 'Arial', sans-serif;

	-webkit-font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1, 'ss03' 1;
	-moz-font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1, 'ss03' 1;
	-ms-font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1, 'ss03';
	font-feature-settings: 'kern' 1, 'liga' 1, 'ss01' 1, 'ss03' 1;
}

#logo h1, #logo h2:first-letter {
	-webkit-font-feature-settings: 'kern' 1, 'liga' 1, 'ss02' 1, 'ss05' 1;
	-moz-font-feature-settings: 'kern' 1, 'liga' 1, 'ss02' 1, 'ss05' 1;
	-ms-font-feature-settings: 'kern' 1, 'liga' 1, 'ss02' 1, 'ss05' 1;
	font-feature-settings: 'kern' 1, 'liga' 1, 'ss02' 1, 'ss05' 1;
}

address {
	-webkit-font-feature-settings: 'kern' 1, 'lnum' 1;
	-moz-font-feature-settings: 'kern' 1, 'lnum' 1;
	-ms-font-feature-settings: 'kern' 1, 'lnum' 1;
	font-feature-settings: 'kern' 1, 'lnum' 1;
}

h1, h2, h3, h4, h5, h6, .introduction em {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
}

h1 {
	font-size: 30px;
	line-height: 30px;
}

h1 small {
	font-size: 60%;
}

.content section h2 {
	padding: 0;
	font-size: 25px;
	line-height: 25px;
}

.notice {
	text-align: center;
}

.content section h2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

nav li {
	text-transform: uppercase;
}

nav li a {
	font-weight: normal;
}

figcaption {
	text-align: center;
}

address {
	font-style: inherit;
}

pre {
	font-size: 85%;
	line-height: 133%;
}

blockquote {
	font-size: 115%;
	line-height: 150%;
}

a.button small {
	font-size: .7em;
	line-height: 1em;
}

#header a, #menu li.show-menu a, #menu li.hide-menu a, nav li a, .list li a, span.title {
	text-decoration: none;
}

@media screen and (max-width: 420px) {
	#header h2 {
		font-size: 80%;
	}
}

#menu .show-menu, #menu .hide-menu {
	font-size: 21px;
}

.introduction {
	font-size: 32px;
	line-height: 1.875em;
	text-align: center;
}

.introduction em {
	position: relative;
	top: .1em;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
	.introduction {
		font-size: 24px;
	}

	.introduction em {
		font-size: 33px;
	}
}

@media screen and (min-width: 691px) and (max-width: 960px) {
	.introduction {
		font-size: 16px;
	}

	.introduction em {
		font-size: 22px;
	}
}

@media screen and (min-width: 561px) and (max-width: 690px) {
	.introduction {
		font-size: 12px;
	}

	.introduction em {
		font-size: 17px;
	}
}

@media screen and (max-width: 560px) {
	.introduction {
		font-size: 10px;
	}

	.introduction em {
		font-size: 14px;
	}
}

.list li span.title {
	font-weight: bold;
}

.tooltip {
	font-size: 14px;
}

/* Generated content */

blockquote:before {
	content: '”';
	font-size: 500%;
	line-height: .8em;
	float: left;
	margin-left: -.5em;
}

blockquote:after {
	content: '“';
	font-size: 500%;
	line-height: .8em;
	float: right;
	margin-right: -.5em;
}

.perspective:before {
	content: '';
	display: inline-block;
	width: 80%;
	height: 100px;
}

.perspective:after {
	content: '';
	display: table;
	width: 100%;
	height: 0;
}

.tooltip:after {
	content: '';
	display: table;
}

a.more:after {
	content: '\00a0\00bb';
}

/* Ellipsis */

.grid li span.title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Text wrap */

#logo, nav li, .call-to-action a, a.more {
	white-space: nowrap;
}

/* Layout */

head {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140px;
}

nav {
	width: auto;
}

nav ul {
	display: table;
	float: right;
}

nav li {
	display: table-cell;
	padding: 0 10px;
}

nav li a {
	display: block;
	margin: 0 -10px;
	padding: 0 10px;
	text-align: center;
}

nav span.fa {
	margin: 0;
	font-size: 24px;
	display: none;
}

.paging span.fa {
	display: block;
}

.paging span.title {
	display: none;
}

@media screen and (max-width: 800px) {
	nav span.fa {
		display: block;
	}

	nav span.title {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#menu span.fa, #menu span.title {
		display: block;
	}
}

main {
	display: block;
	clear: both;
	padding-bottom: 40px;
	margin-top: 140px;
}

article {
	margin-bottom: 40px;
}

article h1 {
	padding: 0 30px;
}

pre {
	overflow-x: auto;
}

code {
	white-space: pre;
	display: inline-block;
	width: auto;
	min-width: 100%;
}

code, blockquote, .notice {
	clear: both;
	padding: 1em;
}

@media screen and (max-width: 800px) {
	blockquote, .notice {
		margin-left: -10%;
		margin-right: -10%;
	}
}

@media screen and (max-width: 640px) {
	blockquote, .notice {
		margin-left: -20%;
		margin-right: -20%;
	}
}

@media screen and (max-width: 420px) {
	blockquote, .notice {
		margin-left: -20px;
		margin-right: -20px;
	}
}

blockquote {
	padding: 1em 4em;
}

.content .notice {
	margin: 1em -1em;
}

.content h2, .content h3, .content h4, .content h4, .content h6 {
	margin-top: 2em;
}

a.more {
	float: right;
}

a.button {
	display: inline-block;
	padding: 10px 20px;
}

a.button + a.button {
	margin-left: 10px;
}

.content a.button {
	min-width: 110px;
	text-align: center;
}

p.buttons {
	text-align: center;
}

@media screen and (max-width: 640px) {
	a.button {
		display: block;
		width: auto;
	}

	a.button + a.button {
		margin-left: 0;
		margin-top: 10px;
	}

	a.button small {
		display: block;
	}
}

span.fa {
	margin-right: .4em;
	line-height: inherit;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 40px 20px 0;
	width: 100%;
	min-width: 320px;
	max-width: 1560px;
}

#header {
	display: inline-block;
	position: relative;
	float: left;
	height: 60px;
	z-index: 5000;
}

#logo {
	display: inline-block;
	padding: 0 10px 0 70px;
}

#logo img {
	float: left;
	margin: 0 10px 0 -70px;
}

#logo h1 {
	position: relative;
	margin: 3px 0 0;
	height: 1.1em;
}

#menu {
	position: absolute;
	top: 0;
	right: 10px;
	height: 40px;
	line-height: 40px;
	float: right;
	z-index: 5000;
	padding-top: 40px;
}

#menu li.show-menu, #menu li.hide-menu {
	position: absolute;
	top: 40px;
	right: 0;
	display: none;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 640px) {
	#menu.target li.hide-menu, #menu:target li.hide-menu {
		right: 10px;
	}

	#menu {
		float: right;
	}

	#menu.target, #menu:target {
		float: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9000;
	}
	
	#menu ul {
		display: block;
	}

	#menu.target ul, #menu:target ul {
		float: none;
		padding: 120px 0;
		width: 100%;
		height: 100%;
	}

	#menu li {
		display: none;
	}

	#menu.target li, #menu:target li {
		display: block;
	}

	#menu li.show-menu {
		display: block;
	}

	#menu.target li.show-menu, #menu:target li.show-menu {
		display: none;
	}

	#menu.target li.hide-menu, #menu:target li.hide-menu {
		display: block;
	}

	#menu li.show-menu span.title, #menu li.hide-menu span.title {
		display: none;
	}

	#menu.target span.fa, #menu:target span.fa {
		font-size: 200%;
		color: #fff;
		padding-top: .5em;
	}

	#menu.target li.show-menu span.fa, #menu.target li.hide-menu span.fa, #menu:target li.show-menu span.fa, #menu:target li.hide-menu span.fa {
		font-size: 24px;
		color: inherit;
		padding: 0;
	}
}

@media screen and (max-height: 640px) {
	#menu.target ul, #menu:target ul {
		padding: 80px 0;
	}

	#menu.target span.fa, #menu:target span.fa {
		display: none;
	}

	#menu.target li.show-menu span.fa, #menu.target li.hide-menu span.fa, #menu:target li.show-menu span.fa, #menu:target li.hide-menu span.fa {
		display: inline-block;
	}
}

@media screen and (max-width: 420px) {
	#menu.target ul, #menu:target ul {
		padding: 80px 0;
	}
}

.block {
	position: relative;
}

.block.big {
	width: 66.66%;
}

.block.small {
	width: 33.33%;
}

.block.left {
	float :left;
	padding-right: 20px;
}

.block.right {
	float: right;
	padding-left: 20px;
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	.block.small, .block.big {
		width: 50%;
	}

	.block.left {
		clear: left;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px) {
	.block.left, .block.right {
		padding: 0 10px;
	}

	.block.big, .block.small {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.block.left, .block.right {
		padding: 0 10px;
	}

	.block.big, .block.small {
		width: 100%;
	}
}

.grid {
	margin: -10px -10px 0;
}

.grid li {
	float: left;
	padding: 10px;
	width: 33.33%;
}

@media screen and (min-width: 1440px) {
	.block .grid li:nth-child(n+7) {
		display: none;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.block .grid li {
		width: 50%;
	}

	.block .grid li:nth-child(n+5) {
		display: none;
	}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	.block .grid li {
		width: 100%;
	}

	.block .grid li:nth-child(n+3) {
		display: none;
	}
}

@media screen and (min-width: 481px) and (max-width: 800px) {
	.block .grid li {
		width: 50%;
	}

	.block .grid li:nth-child(n+5) {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.block .grid li {
		width: 100%;
	}

	.block .grid li:nth-child(n+3) {
		display: none;
	}
}

.grid li a {
	position: relative;
}

.grid li span.title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 10px;
}

.grid li a:hover, a.button:hover {
	position: relative;
	top: -2px;
	left: -2px;
}

.grid li a:focus, a.button:focus {
	position: relative;
	top: 2px;
	left: 2px;
}

.list {
	margin: 0 0 10px;
	padding: 20px 30px;
}

.list li + li {
	margin-top: 20px;
}

.list li a {
	margin: -10px -30px;
	padding: 10px 30px;
}

.list li span {
	display: block;
}

.list li p {
	margin-top: .5em;
}

.overview h1, .content h1, .listview h1 {
	float: left;
}

.listview h1 {
	width: 100%;
}

.listview h1 small {
	float: right;
}

.content section h1 {
	float: none;
}

.overview .grid, .overview .list {
	clear: both;
	margin: 0 -10px;
}

.listview.half {
	width: 50%;
	float: left;
}

@media screen and (max-width: 800px) {
	.listview.half {
		width: 100%;
		float: none;
	}

	.listview.half + .listview.half {
		padding-top: 0;
	}
}

.listview .list {
	clear: both;
}

.listview.half .list {
	margin: 0 10px;
}

@media screen and (min-width: 799px) and (max-width: 1024px) {
	.overview .grid li {
		width: 50%;
	}
}

@media screen and (max-width: 800px) {
	.overview .grid li {
		width: 100%;
	}
}

.content > section {
	clear: both;
}

.showcase {
	position: relative;
	text-align: center;
	padding: 40px 5% 0;
}

@media screen and (max-width: 1024px) {
	.showcase {
		margin-bottom: 5%;
	}
}

.perspective {
	margin-top: -5%;
} html.ie9 .perspective {
	margin-top: -2%;
	margin-bottom: -2%;
} html.ie8 .perspective {
	margin-top: -2%;
	margin-bottom: -2%;
}

.perspective, .perspective .container {
	display: inline-block;
} html.ie8 .perspective, html.ie8 .perspective .container {
	display: block;
}

.perspective:before {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin-left: 10%;
	z-index: -2;
}

.perspective:after {
	margin-bottom: 0;
} html.ie9 .perspective:after {
	display: none;
} html.ie8 .perspective:after {
	display: none;
}

.perspective + .hit-target {
	width: 80%;
	margin-left: 10%;
}

.call-to-action {
	position: absolute;
	top: 20%;
	right: 0;
	width: 30%;
	padding: 20px;
	text-align: left;
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	.call-to-action {
		width: 40%;
	}
}

@media screen and (max-width: 800px) {
	.call-to-action {
		width: 45%;
	}
	
	.call-to-action h1 {
		display: none;
	}
}

.call-to-action h1 {
	padding: 0;
	margin-bottom: .5em;
}

.introduction {
	margin: -40px 0 40px;
	padding: 40px 0;
}

@media screen and (max-width: 560px) {
	.introduction {
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
}

.introduction p {
	position: relative;
	display: inline-block;
	max-width: 1250px;
	margin-bottom: 20px;
}

.buttons > span {
	display: inline-block;
	padding: 0 .5em;
}

@media screen and (max-width: 560px) {
	.buttons > span {
		display: block;
		text-indent: -999px;
	}

	.buttons a.button {
		min-width: 50%;
	}
}

.sorting {
	display: inline-block;
	float: right;
	margin-bottom: 25px;
	padding-right: 30px;
	width: 220px;
	max-width: 35%;
}

.paging {
	float: left;
	margin-left: -150px;
	text-align: right;
	width: 149px;
	line-height: 30px;
}

@media screen and (max-width: 420px) {
	.paging {
		float: none;
		left: 0;
		top: -10px;
		margin-bottom: 10px;
		width: auto;
		text-align: left;
	}

	.paging ul {
		float: left;
	}

	.paging a {
		padding: 0;
	}

	.paging .fa {
		display: none;
	}

	.paging .title {
		display: block;
	}
}

.paging + section {
	clear: none;
}

select.sort {
	display: none;
}

.sorting select {
	width: 100%;
}

.sorting + h1 {
	float: left;
	max-width: 60%;
}

.tooltip {
	display: inline-block;
	position: absolute;
	top: -35px;
	left: 0;
	z-index: -1;
	padding: 5px 10px;
}

.tooltip:after {
	position: absolute;
	bottom: -10px;
	left: 10px;
}

@media screen and (max-width: 420px) {
	.tooltip, .tooltip:after {
		display: none;
	}
}

*:hover + .tooltip {
	top: -40px;
	z-index: 9000;
}

.content, .blog .overview, .code .overview {
	width: 50%;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	.content, .blog .overview, .code .overview {
		width: 75%;
	}
}

@media screen and (max-width: 420px) {
	.content, .blog .overview, .code .overview {
		width: 100%;
	}
}

@media print {
	.content, .blog .overview, .code .overview {
		width: 100%;
	}
}

.content section + section {
	margin-top: 40px;
}

.content h1 {
	padding: 0;
}

figure {
	margin-bottom: 40px;
}

figure img {
	margin-bottom: 10px;
}

.progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	display: none;
}

.progress .fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
}

/* Colors */

html {
	background: #f6f6f6;
	color: #333;
}

head {
	background: #fff;
	border-bottom: 1px solid #eee;
}

blockquote {
	background: #eee;
}

code {
	background: #fff;
	border-left: 5px solid #4faece;
}

a, a:link, a:visited {
	color: #4faece;
}

.notice a, .notice a:link, .notice a:visited {
	color: inherit;
}

a:hover, a:focus, .list > ul a:visited, ul.list li p, .notice a:hover, .notice a:focus {
	color: #333;
}

#header a, #header a:hover, #header a:focus, .call-to-action a {
	color: inherit;
}

.call-to-action a:hover, .call-to-action a:focus {
	color: #ef4837;
}

a.button {
	background: #333;
	color: #fff;
}

a.button:hover, a.button:focus {
	background: #4faece;
	color: #fff;
}

#menu li.selected a {
	color: inherit;
}

@media screen and (max-width: 800px) {
	#menu.target, #menu:target {
		background: rgba(0, 0, 0, .8);
	}

	#menu.target li.selected, #menu.target li.selected:hover, #menu:target li.selected, #menu:target li.selected:hover {
		background: rgba(255, 255, 255, .3);
		color: #fff;
	}

	#menu.target li:hover, #menu:target li:hover {
		background: #4faece;
	}

	#menu.target li.hover a, #menu:target li:hover a {
		color: #fff;
	}

	#menu.target li.hide-menu, #menu:target li.hide-menu {
		background: transparent;
	}

	#menu.target li.hide-menu a:hover, #menu.target li.hide-menu a:focus, #menu:target li.hide-menu a:hover, #menu:target li.hide-menu a:focus {
		color: #fff;
	}

	#menu.target ~ main .perspective:after, #menu:target ~ main .perspective:after {
		border-top-width: 0;
		border-bottom-width: 10px;
	}
}

.perspective:before {
	background: rgba(0, 0, 0, .3);
}

.perspective:after {
	border: 5px solid transparent;
	border-top-color: #333;
}

.call-to-action, .grid li span.title, .tooltip {
	border: 1px solid rgba(0, 0, 0, .1);
	background: rgba(0, 0, 0, .6);
	color: #fff;
} html.ie8 .call-to-action, html.ie8 .grid li span.title, html.ie8 .tooltip {
	background: #333;
}

.list {
	border: 1px solid #eee;
	background: #fff;
}

.list li a:hover, .list li a:focus {
	background: #fafafa;
}

.introduction {
	background: #ef4837;
	color: #fff;
	border-left: 1000px solid #ef4837;
	border-right: 1000px solid #ef4837;
	margin-left: -1000px;
	margin-right: -1000px;
}

.tooltip:after {
	border: 5px solid transparent;
	border-top-color: rgba(0, 0, 0, .7);
}

.notice {
	background: #ef4837;
	color: #fff;
}

.progress {
	background: rgba(246, 246, 246, .6); /* #f6f6f6 */
}

.progress .fill {
	background: #ef4837;
}

/* Images */

.hit-target {
	/* IE8/IE9/IE10 doesn't allow events on transparant elements without content */
	background: url('../images/placeholders/60x60.png');
}

/* Cursors */

.loading, .loading * {
	cursor: progress !important;
}

/* Gradients */

.perspective .container {
	background: #555;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%), -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, .3) 100%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%), -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, .3) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%), linear-gradient(135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, .3) 100%);
}

/* Opacity */

.tooltip {
	opacity: 0;
} html.ie8 .tooltip {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

*:hover + .tooltip {
	opacity: 1;
} html.ie8 *:hover + .tooltip {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

/* Border-radius */

#logo img, .grid li img, .call-to-action, .grid li span.title, .list, .tooltip, a.button, .screenshots img {
	border-radius: 2px;
}

/* Outline */

.screenshots img {
	outline: 1px solid #eee;
}

/* Box-shadow */

.grid li a:hover img, a.button:hover {
	-webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .1);
	box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .1);
}

.grid li a:focus img, a.button:focus {
	-webkit-box-shadow: -4px -4px 0 0 rgba(0, 0, 0, .1);
	box-shadow: -4px -4px 0 0 rgba(0, 0, 0, .1);
}

.perspective:before {
	-webkit-box-shadow: 0 0 30px 30px rgba(0, 0, 0, .3);
	box-shadow: 0 0 30px 30px rgba(0, 0, 0, .3);
}

/* Text shadows */

a.button i.fa {
	text-shadow: 4px 2px 0 rgba(0, 0, 0, .1);
}

/* Transitions */

.perspective, .perspective:after, .tooltip, #menu li, #menu a, a.button, .progress, #menu.target {
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	transition: .25s ease-out;
}

/* Seperate definition for the :target selector outside of @media queries, because IE8 chokes on it */
#menu:target {
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	transition: .25s ease-out;
}

img {
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;
}

.progress .fill {
	-webkit-transition: width .1s ease-out;
	-moz-transition: width .1s ease-out;
	transition: width .1s ease-out;
}

/* Transforms */

.perspective {
	-webkit-transform: perspective(360px) rotateX(15deg);
	-moz-transform: perspective(360px) rotateX(15deg);
	-ms-transform: perspective(360px) rotateX(15deg);
	transform: perspective(360px) rotateX(15deg);
}

@media screen and (max-width: 800px) {
	#menu.target ~ main .perspective, #menu:target ~ main .perspective {
		/* Due to chrome transform stacking index bug: https://code.google.com/p/chromium/issues/detail?id=126479 */
		-webkit-transform: none;
	}
}

/* Highlight.JS Colors */

.hljs-comment {
	color: #aaa;
}

.hljs-variable, .hljs-attribute, .hljs-tag, .hljs-regexp, .xml .hljs-tag .hljs-title, .xml .hljs-pi, .xml .hljs-doctype, .html .hljs-doctype, .css .hljs-id, .css .hljs-class, .css .hljs-pseudo, .hljs-number, .hljs-preprocessor, .hljs-pragma, .hljs-built_in, .hljs-literal, .hljs-params, .hljs-constant, .css .hljs-hexcolor, .hljs-reserved {
	color: #4faece;
}

.hljs-string, .hljs-value, .hljs-inheritance, .hljs-header, .xml .hljs-cdata {
	color: #ef5d42;
}

.hljs-keyword, .hljs-function, .css .hljs-tag {
	color: #e71790;
}

.coffeescript .javascript, .javascript .xml, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata {
	opacity: 0.5;
}

.hljs span:not(.hljs-rules):not(.hljs-rule):hover {
	margin: -3px -2px;
	padding: 3px 2px;
	background: rgba(255, 255, 255, .4);
	box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

.hljs span:not(.hljs-rules):not(.hljs-rule):hover span:hover {
	background: transparent;
	box-shadow: none;
}

/* Font-Face Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome - License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */

@font-face {
	font-family: 'FontAwesome';

	src: url('../fonts/font-awesome/eot/font-awesome.webfont.eot');
	src: url('../fonts/font-awesome/eot/font-awesome.webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/font-awesome/woff/font-awesome.webfont.woff') format('woff'),
		 url('../fonts/font-awesome/ttf/font-awesome.webfont.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

.fa-fw {
	width: 1.2857142857142858em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.142857142857143em;
	list-style-type: none;
}

.fa-ul > li {
	position: relative;
}

.fa-li {
	position: absolute;
	left: -2.142857142857143em;
	width: 2.142857142857143em;
	top: 0.14285714285714285em;
	text-align: center;
}

.fa-li.fa-lg {
	left: -1.8571428571428572em;
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}

.pull-right { float: right; }
.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-ms-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(359deg); }
}

@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(359deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}

.fa-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-reply-all:before { content: "\f122"; }
.fa-mail-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }