.fl-form .fl-wrap,
[class*=" icon-"]:before,
[class^=icon-]:before {
	position: relative;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
.fl-form .fl-wrap {
	text-rendering: optimizeLegibility
}
.fl-form input.fl-input,
.fl-form select.fl-select,
.fl-form textarea.fl-textarea {
/*	width: 100%;
	outline: 0;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 3px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	box-sizing: border-box;
	transition: all .2s ease-in-out;
	margin-bottom: 1.4375rem*/
}
.fl-form input.fl-input:-moz-placeholder,
.fl-form input.fl-input::-moz-placeholder,
.fl-form select.fl-select:-moz-placeholder,
.fl-form select.fl-select::-moz-placeholder,
.fl-form textarea.fl-textarea:-moz-placeholder,
.fl-form textarea.fl-textarea::-moz-placeholder {
	color: #000;
}
.fl-form input.fl-input:-ms-input-placeholder,
.fl-form select.fl-select:-ms-input-placeholder,
.fl-form textarea.fl-textarea:-ms-input-placeholder {
	color: #000;
}
.fl-form input.fl-input::-webkit-input-placeholder,
.fl-form select.fl-select::-webkit-input-placeholder,
.fl-form textarea.fl-textarea::-webkit-input-placeholder {
	color: #000;
}
.fl-form select.fl-select {
	position: relative;
	color: #000;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}
.fl-form .fl-is-active input.fl-input,
.fl-form .fl-is-active select.fl-select,
.fl-form .fl-is-active textarea.fl-textarea {
/*	color: #444;
	background-color: #fff;
	border-color: #dfdfdf*/
}
.fl-form .fl-has-focus input.fl-input,
.fl-form .fl-has-focus select.fl-select,
.fl-form .fl-has-focus textarea.fl-textarea {
	background-color: #fff;
	border-color: #000;
}
.fl-form label.fl-label {
	opacity: 0;
	visibility: hidden;
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #bbb;
	border-radius-top-left: 3px;
	transition: all .2s ease-in-out;
	z-index: 1
}
.fl-form .fl-is-active label.fl-label {
	opacity: 1;
	visibility: visible
}
.fl-form .fl-has-focus label.fl-label {
	color: #1976d2
}
.fl-form .fl-is-required:before {
	opacity: 1;
	content: "*";
	display: block;
	position: absolute;
	top: 1px;
	right: 15px;
	font-size: 16px;
	line-height: 1.75;
	color: #d32f2f;
	transition: all .2s ease-in-out;
	padding: 6px 0 0;
	z-index: 1
}
.fl-form .fl-is-required.fl-is-active:before {
	opacity: 0
}
.fl-form.fl-style-1 input.fl-input,
.fl-form.fl-style-1 select.fl-select,
.fl-form.fl-style-1 textarea.fl-textarea {
	/*padding: 6px 12px*/
}
.fl-form.fl-style-1 select.fl-select {
	height: 38px
}
.fl-form.fl-style-1 .fl-is-active input.fl-input,
.fl-form.fl-style-1 .fl-is-active select.fl-select,
.fl-form.fl-style-1 .fl-is-active textarea.fl-textarea {
	/*padding: 6px 12px*/
}
.fl-form.fl-style-1 label.fl-label {
	top: 1px;
	left: 0px;
	background-color: transparent;
	padding: 12px 3px
}
.fl-form.fl-style-1 label.fl-label:before {
	content: "";
	display: block;
	position: absolute;
	top: 19px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #fff;
	z-index: -1
}
.fl-form.fl-style-1 .fl-is-active label.fl-label {
	top: -7px;
    padding: 0;
    color: #000;
}
.fl-form.fl-style-1 .fl-is-active label.fl-label:before {
	top: 9px
}
.fl-form.fl-style-2 input.fl-input,
.fl-form.fl-style-2 select.fl-select,
.fl-form.fl-style-2 textarea.fl-textarea {
	padding: 12px
}
.fl-form.fl-style-2 select.fl-select {
	height: 50px
}
.fl-form.fl-style-2 .fl-is-active input.fl-input,
.fl-form.fl-style-2 .fl-is-active select.fl-select,
.fl-form.fl-style-2 .fl-is-active textarea.fl-textarea {
	padding: 18px 12px 6px
}
.fl-form.fl-style-2 label.fl-label {
	top: 1px;
	left: 10px;
	padding: 6px 3px 3px
}
.fl-form.fl-style-2 .fl-is-required:before {
	padding-top: 12px
}
.fl-form .fl-wrap-select:after {
	content: "";
	position: absolute;
	display: block;
	top: 1px;
	right: 6px;
	height: calc(100% - 2px);
	width: 12px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'><path fill='#bbb' d='M 4 0 L 0 6.5 L 8 6.5 L 4 0 z M 0 9.5 L 4 16 L 4 16 L 8 9.5 z'/></svg>") no-repeat;
	background-position: 100% 50%;
	background-size: 7px 14px;
	z-index: 2
}
a {
	color: #1565c0;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
blockquote {
	border-left: 4px solid #eceff1;
	color: #455a64
}
blockquote p {
	font-size: .88887rem
}
blockquote p:not(:last-child) {
	margin-bottom: .75rem
}
blockquote pre {
	margin-bottom: 0
}
code {
	font-size: 1rem;
	border-radius: 3px;
	background-color: #eceff1;
	text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .75)
}
pre {
	line-height: 1.5rem;
	font-weight: 200;
	background-color: #263238
}
pre code {
	font-size: .88887rem;
	color: #dcedc8;
	text-shadow: 1px 1px 0 rgba(33, 33, 33, .25);
	background: none
}
.page-header {
	padding: 3rem 1.5rem;
	background-color: #263238;
	text-align: center
}
@media screen and (min-width: 42em) {
	.page-header {
		padding: 3rem 4.5rem
	}
}
@media screen and (min-width: 50em) {
	.page-header {
		padding: 6rem 4.5rem
	}
}
.page-header .button {
	background-color: rgba(69, 90, 100, .3);
	font-size: 1rem;
	padding: .75rem 1.5rem;
	margin: 1.125rem 0 0
}
.page-header .button,
.page-header .button:hover {
	color: hsla(0, 0%, 100%, .7);
	border-color: transparent
}
.page-header .button:hover {
	background-color: rgba(69, 90, 100, .5)
}
.page-header .button:active {
	background-color: rgba(69, 90, 100, .7)
}
@media screen and (min-width: 35em) {
	.page-header .button {
		margin: 1.125rem .375rem 0
	}
}
.page-footer {
	max-width: 52em;
	margin: 0 auto;
	padding: 1.5rem
}
.page-footer p:first-child {
	position: relative;
	top: 1px;
	font-weight: 700;
	border-top: 1px solid #eceff1;
	margin: -2px 0 0;
	padding-top: 1.5rem
}
.main-content {
	max-width: 52em;
	margin: 0 auto;
	padding: 2.25rem 1.5rem 0
}
.section ul {
	line-height: 1.875rem
}
.section:not(:last-child) {
	margin-bottom: 3rem
}
.project-name {
	color: #fff
}
@media screen and (min-width: 42em) {
	.project-name {
		font-size: 2.36856rem;
		line-height: 3rem
	}
}
@media screen and (min-width: 50em) {
	.project-name {
		font-size: 3.15731rem
	}
}
.project-tagline {
	color: hsla(0, 0%, 100%, .5);
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 1.5rem
}
@media screen and (min-width: 42em) {
	.project-tagline {
		font-size: 1.333rem;
		line-height: 3rem;
		line-height: 2.25rem
	}
}
.badge {
	display: inline-block;
	line-height: 2.25rem;
	margin-bottom: 1.5rem
}
.badge img {
	height: 1.5rem
}
.button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: Open Sans, sans-serif;
	font-size: 1rem;
	line-height: 1.375rem;
	padding: .375rem 1.125rem;
	margin-bottom: 1.5rem;
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
	color: #fff;
	background-color: #1565c0;
	border-color: #1565c0;
	transition: color .125s ease-in-out, background-color .125s ease-in-out, border-color .125s ease-in-out
}
.button,
.button:hover {
	text-decoration: none;
	outline: none
}
.button.disabled,
.button[disabled] {
	opacity: .7;
	cursor: default
}
.button-group {
	display: inline-block;
	vertical-align: bottom
}
.button-group .button {
	float: left;
	z-index: 1
}
.button-group .button:focus,
.button-group .button:hover {
	z-index: 2
}
.button-group .button.active,
.button-group .button:active {
	z-index: 3
}
.button-group .button:first-child {
	border-radius: 3px 0 0 3px
}
.button-group .button:last-child {
	border-radius: 0 3px 3px 0
}
.button-group .button:not(:first-child):not(:last-child) {
	border-radius: 0
}
.button-group .button:not(:first-child) {
	margin-left: -1px
}
.button:hover {
	background-color: #104d92;
	border-color: #104d92
}
.button.active,
.button:active {
	background-color: #0b3564;
	border-color: #0b3564
}
.button.disabled,
.button[disabled] {
	color: #fff;
	background-color: #1565c0;
	border-color: #1565c0
}
.button:not([disabled]):not(.disabled):active {
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0)
}
.button.secondary {
	color: #fff;
	background-color: #424242;
	border-color: #424242
}
.button.secondary:hover {
	background-color: #292929;
	border-color: #292929
}
.button.secondary.active,
.button.secondary:active {
	background-color: #0f0f0f;
	border-color: #0f0f0f
}
.button.secondary.disabled,
.button.secondary[disabled] {
	color: #fff;
	background-color: #424242;
	border-color: #424242
}
.button-group {
	display: block;
	margin-bottom: 1.5rem
}
.button-group:after {
	content: "";
	display: table;
	clear: both
}
:not(.button-group)>.button {
	width: 100%
}
@media screen and (min-width: 35em) {
	:not(.button-group)>.button {
		width: auto
	}
}