.getstarted-page {
	margin: 0 auto;
	font-family: 'Lato', sans-serif;
	background-color: transparent;
	background: linear-gradient(180deg, #023147 63%, hsl(199, 95%, 12%) 100%);
	background-repeat: no-repeat;
}

.GetStarted-input.disabled {
	background-color: #f4f6fb;
	color: #8a8fa3;
	cursor: not-allowed;
}

.logo-container {
	text-align: center;
}

.logo-container img {
	max-height: 33vh;
	max-width: 100%;
}

.logo-container-small {
	text-align: center;
}

.logo-container-small img {
	width: 100%;
}

.form-field__control button,
.form-field__control select,
.form-field__control html,
.form-field__control textarea,
.form-field__control input {
	font-family: 'Lato', sans-serif;
}

.form-field__control button ::selection,
.form-field__control select ::selection,
.form-field__control html ::selection,
.form-field__control textarea ::selection,
.form-field__control input ::selection {
	background: #2675a926;
	/* WebKit/Blink Browsers */
}

.form-field__control button ::-moz-selection,
.form-field__control select ::-moz-selection,
.form-field__control html ::-moz-selection,
.form-field__control textarea ::-moz-selection,
.form-field__control input ::-moz-selection {
	background: #2675a926;
	/* Gecko Browsers */
}

md-steppers-canvas.md-paginated {
	margin: 0px;
}

.form-field__control input:-webkit-autofill,
.form-field__control input:-webkit-autofill:hover,
.form-field__control input:-webkit-autofill:focus,
.form-field__control textarea:-webkit-autofill,
.form-field__control textarea:-webkit-autofill:hover,
.form-field__control textarea:-webkit-autofill:focus,
.form-field__control select:-webkit-autofill,
.form-field__control select:-webkit-autofill:hover,
.form-field__control select:-webkit-autofill:focus {
	font-family: 'Lato', sans-serif !important;
	-webkit-text-fill-color: #023147;
	font-size: 14px;
}

	.form-field__control input:-webkit-autofill:-webkit-autofill::first-line,
	.form-field__control input:-webkit-autofill:hover:-webkit-autofill::first-line,
	.form-field__control input:-webkit-autofill:focus:-webkit-autofill::first-line,
	.form-field__control textarea:-webkit-autofill:-webkit-autofill::first-line,
	.form-field__control textarea:-webkit-autofill:hover:-webkit-autofill::first-line,
	.form-field__control textarea:-webkit-autofill:focus:-webkit-autofill::first-line,
	.form-field__control select:-webkit-autofill:-webkit-autofill::first-line,
	.form-field__control select:-webkit-autofill:hover:-webkit-autofill::first-line,
	.form-field__control select:-webkit-autofill:focus:-webkit-autofill::first-line,
	.form-field__control input:-webkit-autofill:-webkit-autofill,
	.form-field__control input:-webkit-autofill:hover:-webkit-autofill,
	.form-field__control input:-webkit-autofill:focus:-webkit-autofill,
	.form-field__control textarea:-webkit-autofill:-webkit-autofill,
	.form-field__control textarea:-webkit-autofill:hover:-webkit-autofill,
	.form-field__control textarea:-webkit-autofill:focus:-webkit-autofill,
	.form-field__control select:-webkit-autofill:-webkit-autofill,
	.form-field__control select:-webkit-autofill:hover:-webkit-autofill,
	.form-field__control select:-webkit-autofill:focus:-webkit-autofill,
	.form-field__control input:-webkit-autofill:-webkit-autofill:hover,
	.form-field__control input:-webkit-autofill:hover:-webkit-autofill:hover,
	.form-field__control input:-webkit-autofill:focus:-webkit-autofill:hover,
	.form-field__control textarea:-webkit-autofill:-webkit-autofill:hover,
	.form-field__control textarea:-webkit-autofill:hover:-webkit-autofill:hover,
	.form-field__control textarea:-webkit-autofill:focus:-webkit-autofill:hover,
	.form-field__control select:-webkit-autofill:-webkit-autofill:hover,
	.form-field__control select:-webkit-autofill:hover:-webkit-autofill:hover,
	.form-field__control select:-webkit-autofill:focus:-webkit-autofill:hover,
	.form-field__control input:-webkit-autofill:-webkit-autofill:focus,
	.form-field__control input:-webkit-autofill:hover:-webkit-autofill:focus,
	.form-field__control input:-webkit-autofill:focus:-webkit-autofill:focus,
	.form-field__control textarea:-webkit-autofill:-webkit-autofill:focus,
	.form-field__control textarea:-webkit-autofill:hover:-webkit-autofill:focus,
	.form-field__control textarea:-webkit-autofill:focus:-webkit-autofill:focus,
	.form-field__control select:-webkit-autofill:-webkit-autofill:focus,
	.form-field__control select:-webkit-autofill:hover:-webkit-autofill:focus,
	.form-field__control select:-webkit-autofill:focus:-webkit-autofill:focus,
	.form-field__control input:-webkit-autofill:-webkit-autofill:active,
	.form-field__control input:-webkit-autofill:hover:-webkit-autofill:active,
	.form-field__control input:-webkit-autofill:focus:-webkit-autofill:active,
	.form-field__control textarea:-webkit-autofill:-webkit-autofill:active,
	.form-field__control textarea:-webkit-autofill:hover:-webkit-autofill:active,
	.form-field__control textarea:-webkit-autofill:focus:-webkit-autofill:active,
	.form-field__control select:-webkit-autofill:-webkit-autofill:active,
	.form-field__control select:-webkit-autofill:hover:-webkit-autofill:active,
	.form-field__control select:-webkit-autofill:focus:-webkit-autofill:active {
		font-family: 'Lato', sans-serif !important;
		font-size: 14px;
	}

/*html {
	background: hsl(199, 81%, 13%);
}*/

#footer {
	background: hsl(199, 81%, 13%);
}

md-step-label-wrapper {
	font-family: sans-serif;
}

	md-step-label-wrapper > span {
		font-family: 'Lato', sans-serif;
	}
/*body, html, #footer {
    background-color: #1f1e1d; //@traction-black;
}*/
::selection {
	background: #cac8c8;
	/* WebKit/Blink Browsers */
}

::-moz-selection {
	background: #cac8c8;
	/* Gecko Browsers */
}

md-steppers-canvas:focus,
.md-dummy-wrapper:focus,
md-pagination-wrapper:focus,
md-steppers-canvas:active,
.md-dummy-wrapper:active,
md-pagination-wrapper:active {
	outline: none;
}

.md-step:first-child,
.md-step:last-child {
	flex-grow: 0.75;
}

.md-step.md-complete.md-active md-step-label-wrapper::before,
.md-step.md-complete md-step-label-wrapper::before {
	content: "\00a0 ";
}

md-content.md-default-theme,
md-content {
	background-color: transparent;
}

.fixBug {
	display: inherit;
}

.navbar {
	display: none;
}

#main,
.body-content {
	padding-top: 0px;
}

md-stepper-card-content:empty {
	background-color: white;
}

.md-step.md-complete md-step-label-wrapper::before {
	background-color: #023147 !important;
}
/*Label title*/
/*Input color */
md-input-container.md-default-theme .md-input,
md-input-container .md-input,
._md-select-value ._md-text {
	color: #023147;
}
/*Changes the size of inputs when errors*/
md-input-container .md-input-message-animation,
md-input-container .md-char-counter {
	display: none;
}

.md-step.md-active md-step-label-wrapper::before,
.md-step.md-success md-step-label-wrapper::before {
	background-color: #2675a9 !important;
}
/*focused label*/
md-step-label-wrapper span,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
.md-input-focused md-select-value ._md-text {
	color: #2675a9;
}

.md-input-focused md-select-value ._md-placeholder {
	color: #2675a9;
}
/*Focused input*/
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
.md-input-focused md-select-value ._md-text {
	border-color: #2675a9;
}

._md-select-menu-container {
	margin-left: 0.8px;
	box-shadow: 0px 0px 0px 0px #02314700;
}

._md-select-menu-container._md-active {
	border-radius: 4px;
	box-shadow: 0px 7px 19px -3px #02314759;
}

._md-select-menu-container._md-active md-select-menu {
	border-radius: 5px;
	box-shadow: 0 0 1px 1px #8daec461;
}

.md-button.md-default-theme:not([disabled]).md-focused,
.md-button:not([disabled]).md-focused {
	background-color: rgba(179, 179, 179, 0.56);
}

.md-step.md-disabled md-step-label-wrapper span {
	color: #cac8c8;
}

.md-complete md-step-label-wrapper span {
	color: #023147;
}

.md-step.md-disabled md-step-label-wrapper::before {
	background: #cac8c8;
}

.lf-ng-md-file-input .lf-ng-md-file-input-preview-container {
	border: none;
	box-shadow: none;
	padding: 0;
}

.lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption .lf-ng-md-file-input-caption-text {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame .lf-ng-md-file-input-frame-caption,
.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-x {
	display: none;
}

.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag {
	border: none;
}

md-icon.lf-icon.ng-scope.material-icons.lf-browse {
	color: #343e45;
}

[md-checkbox-enabled].md-default-theme md-option ._md-text,
md-option ._md-text {
	color: #636363;
	font-size: 14px;
}

md-select-menu.md-default-theme md-content md-option:not([disabled]):focus,
md-select-menu md-content md-option:not([disabled]):focus {
	text-shadow: 0 0 0px black;
}

md-select-menu.md-default-theme md-content md-option:not([disabled]):focus,
md-select-menu md-content md-option:not([disabled]):focus,
md-select-menu.md-default-theme md-content md-option:not([disabled]):hover,
md-select-menu md-content md-option:not([disabled]):hover {
	background: #2675a926;
}

.cardImg {
	width: 55px;
	height: 33px !important;
	display: inline;
}

.lf-ng-md-file-input {
	margin-top: -10px;
}

	.lf-ng-md-file-input .lf-ng-md-file-input-container {
		border-bottom: 1px solid #dde1a7;
		box-shadow: none;
	}

		.lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower,
		.lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-remove {
			min-width: 0px;
		}

			.lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower span,
			.lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-remove span {
				color: white;
				padding-right: 40px;
			}

	.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame {
		margin: 0;
	}

	.lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower {
		border-radius: 0px;
		/*border-bottom: 1px solid white;
	margin-bottom: -1px;
	border-left: 14px solid white;*/
	}

	.lf-ng-md-file-input .lf-ng-md-file-input-container {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		display: flex;
		flex-direction: row-reverse;
		background: #2675a9;
	}

.full-width-el,
.form-content-steps {
	width: 100%;
}

.form-content-steps {
	max-width: 800px;
	margin: 0px auto;
}

.lf-ng-md-file-input-button-brower {
	width: 100%;
}

	.lf-ng-md-file-input-button-brower > .ng-binding {
		font-size: 0px;
	}

		.lf-ng-md-file-input-button-brower > .ng-binding:after {
			content: "Select Profile Picture";
			display: block;
			color: white;
			float: left;
			font-size: 3.2vw;
			padding-left: 10px;
			margin-top: 3px;
		}

.lf-ng-md-file-input-button-remove {
	background: transparent !important;
	margin-top: -4px !important;
	border-left: 2px solid white;
	padding-right: 10px !important;
	padding-left: 6px !important;
}

	.lf-ng-md-file-input-button-remove md-icon {
		filter: invert(1);
	}

	.lf-ng-md-file-input-button-remove .ng-binding {
		display: none;
	}

.lf-ng-md-file-input-drag {
	margin: auto;
}

.lf-icon {
	text-align: left;
	background-size: 100%;
	float: left;
	margin: 4px;
	width: 20px;
	height: 20px;
	margin-top: 10px;
}

.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame > img {
	height: 160px !important;
}

.lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption {
	padding: 0;
}

#alerts .alert {
	background-color: #e0e0e0;
	color: #023147;
}

	#alerts .alert .close {
		color: #2675a9;
		opacity: 1;
	}
/*
#alerts {
	margin-bottom: -17px;
	position: absolute;
	z-index: 10;
	left: 31px;
	right: 31px;
	top: 14px;

	.alert {
		border-radius: 2px;
		max-width: 772px;
		margin: auto;
	}
}*/
md-step-content md-content md-content {
	margin: -18px 0;
	/*height: 94px;*/
}

.md-padding {
	padding: 16px;
}

.height-placeholder {
	height: 121px;
}

@media (min-width: 380px) {
	.lf-ng-md-file-input-button-brower > .ng-binding:after {
		font-size: 14px;
	}
}

@media (max-width: 1199px) {
	.height-placeholder {
		display: none;
	}
}

@media (max-width: 500px) {
	md-step-label-wrapper span {
		display: none;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.start-over {
		margin-left: 70px;
	}

	.already-member {
		margin-right: 70px;
	}
}

.already-member,
.start-over {
	color: rgba(255, 255, 255, 0.4) !important;
	-moz-transition: ease 0.2s color;
	-o-transition: ease 0.2s color;
	-webkit-transition: ease 0.2s color;
	transition: ease 0.2s color;
	text-decoration: none;
}

	.already-member:hover,
	.start-over:hover {
		color: rgba(255, 255, 255, 0.6) !important;
	}

video {
	-moz-transition: ease 20.5s opacity;
	-o-transition: ease 20.5s opacity;
	-webkit-transition: ease 20.5s opacity;
	transition: ease 20.5s opacity;
	-moz-transform: translate(-50%, -50%) rotate(180deg) !important;
	-ms-transform: translate(-50%, -50%) rotate(180deg) !important;
	-o-transform: translate(-50%, -50%) rotate(180deg) !important;
	-webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
	transform: translate(-50%, -50%) rotate(180deg) !important;
	opacity: 0 !important;
}

	video.semitrans {
		opacity: 0.2 !important;
	}

img.fixBug {
	width: 0px;
	height: 160px !important;
}

.guarantee {
	padding-top: 0px;
	color: #999999;
	text-align: center;
	width: 70%;
	margin: auto;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	margin-bottom: 25px;
}

	.guarantee .focused {
		font-size: 28px;
		padding: 22px 0;
		font-family: 'Lato', sans-serif;
	}

	.guarantee .titlebar {
		padding-bottom: 12px;
		font-size: 20px;
	}

		.guarantee .titlebar .bar {
			width: 100%;
			height: 2px;
			background-color: #999999;
			position: relative;
			top: -14px;
			z-index: 1;
		}

		.guarantee .titlebar .title {
			padding: 0 10px;
			background-color: #023147;
			z-index: 2;
			animation: guaranteeColor;
			animation-duration: 1.25s;
			animation-delay: 2.75s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;
			font-family: 'Lato', sans-serif;
			position: relative;
		}

		.guarantee .titlebar .sparkle {
			width: 7px;
			height: 2px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50,0+100 */
			background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
			/* FF3.6-15 */
			background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
			/* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
			/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
			/* IE6-9 */
			-moz-animation-name: sparkle;
			-o-animation-name: sparkle;
			-webkit-animation-name: sparkle;
			animation-name: sparkle;
			-moz-animation-duration: 1.5s;
			-o-animation-duration: 1.5s;
			-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
			-moz-animation-delay: 2.5s;
			-o-animation-delay: 2.5s;
			-webkit-animation-delay: 2.5s;
			animation-delay: 2.5s;
			-moz-animation-timing-function: ease-in;
			-o-animation-timing-function: ease-in;
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			position: absolute;
			-moz-animation-iteration-count: 1;
			-o-animation-iteration-count: 1;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
			opacity: 0;
			animation-fill-mode: forwards;
		}

@keyframes fadein {
	0% {
		opacity: 0;
	}
}

@keyframes sparkle {
	0% {
		left: 0px;
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		left: 98%;
		opacity: 0;
	}
}

@keyframes guaranteeColor {
	from {
		color: gray;
	}

	to {
		color: #DDDDDD;
	}
}

.guarantee {
	-webkit-animation: fadein 1s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s;
	/* Firefox < 16 */
	-ms-animation: fadein 1s;
	/* Internet Explorer */
	-o-animation: fadein 1s;
	/* Opera < 12.1 */
	animation: fadein 1s;
}

#formContainer {
	min-height: 396px;
	padding-top: 61px;
	/*max-width: 40%;*/
}

.onLoadFinished#formContainer {
	opacity: 0;
}

.finishedLoading#formContainer {
	-webkit-animation: fadein 1.5s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1.5s;
	/* Firefox < 16 */
	-ms-animation: fadein 1.5s;
	/* Internet Explorer */
	-o-animation: fadein 1.5s;
	/* Opera < 12.1 */
	animation: fadein 1.5s;
}

#local {
	opacity: 0;
}

#footer {
	-webkit-animation: fadein 8s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 8s;
	/* Firefox < 16 */
	-ms-animation: fadein 8s;
	/* Internet Explorer */
	-o-animation: fadein 8s;
	/* Opera < 12.1 */
	animation: fadein 8s;
	color: #808080;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/* Firefox < 16 */
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/* Internet Explorer */
@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/* Opera < 12.1 */
@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Two-step flow styles */
.SignUp-step-indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	margin-bottom: 10px;
}

.SignUp-step-indicator .step {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #e0e0e0;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
}

.SignUp-step-indicator .step.active {
	background-color: #2675a9;
	color: white;
}

.SignUp-step-indicator .step.completed {
	background-color: #023147;
	color: white;
}

.SignUp-step-indicator .step-line {
	width: 60px;
	height: 2px;
	background-color: #e0e0e0;
	margin: 0 10px;
}

.SignUp-step-indicator .step-line.completed {
	background-color: #023147;
}

.SignUp-button-secondary {
	background-color: transparent;
	border: 1px solid #2675a9;
	color: #2675a9;
	padding: 12px 24px;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
}

.SignUp-button-secondary:hover {
	background-color: rgba(38, 117, 169, 0.1);
}

.hubspot-form-container {
	padding: 20px 0;
}

.hubspot-form-container form {
	font-family: 'Lato', sans-serif;
}

.hubspot-form-container input,
.hubspot-form-container select,
.hubspot-form-container textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 15px;
	font-size: 14px;
}

.hubspot-form-container label {
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
	color: #023147;
}

.hubspot-form-container .hs-button {
	background-color: #2675a9;
	color: white;
	padding: 12px 24px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
}

.hubspot-form-container .hs-button:hover {
	background-color: #1d5a80;
}

.GetStarted-back {
	background: none;
	border: none;
	padding: 4px 0;
	color: #0BBF9E;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.2s;
}

.GetStarted-back--top {
	display: inline-flex;
	align-items: center;
	margin-bottom: 12px;
}

.GetStarted-back:hover:not(:disabled) {
	color: #09A98C;
	text-decoration: underline;
}

.GetStarted-back:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}