body {
	background-attachment: fixed;
	background-color: #fafafa;
	color: #474747
}

a {
	color: linear-gradient(180deg, #1877F2, #1877F2);
	text-decoration: underline
}

.field-title {
	color: #e66262;
	font-size: 20px;
	font-weight: 700;
	text-align: left
}

.step {
	animation: moveUp 1s;
	-webkit-animation: moveUp 1s;
	border-radius: 10px;
	color: #555;
	padding: 20px 10px
}

form {
	margin-top: 10px
}

.step input[type=checkbox] {
	width: auto
}

.step-title {
	margin-bottom: 0
}

.step-button {
	margin-top: 20px
}

button.btn,
label.btn {
	font-weight: 700;
	width: 100%
}

.btn-lg {
	font-size: 28px
}

.btn {
	border: none
}

.btn-lg {
	padding: 15px 25px
}

.btn-secondary {
	background: #757575;
	color: #fff
}

.btn-secondary:hover {
	background-color: #5a5a5a;
	color: #fff
}

.btn-primary {
	background-image: linear-gradient(180deg, #1877F2, #1877F2)
}

.btn-primary:hover {
	background-image: linear-gradient(180deg, #e66262, #e66262)
}

.btn-light {
	background-color: #fff;
	border: 1px solid grey;
	color: #868686
}

.btn-check:checked+.btn-light {
	background-image: linear-gradient(180deg, #1877F2, #1877F2);
	color: #fff
}

.btn-light:hover,
.btn-light:hover:active {
	background-image: linear-gradient(180deg, #e66262, #e66262);
	color: #fff
}

#gSignInWrapper,
.button-next {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

button .fa-arrow-right {
	animation: animateArrow 2s infinite;
	-webkit-animation: animateArrow 2s infinite
}

@-webkit-keyframes animateArrow {
	0% {
		opacity: 60%
	}

	50% {
		opacity: 100%
	}

	to {
		opacity: 60%
	}
}

@keyframes animateArrow {
	0% {
		opacity: 60%
	}

	50% {
		opacity: 100%
	}

	to {
		opacity: 60%
	}
}

button.button-continue {
	font-size: 20px;
	padding: 15px 0;
	width: 315px
}

.progress {
	background-color: hsla(0, 0%, 100%, .7);
	left: 0;
	right: 0;
	top: 0
}

.background-images,
.progress {
	position: fixed
}

.landing-logo {
	display: none
}

.sub-title {
	font-size: 1.3em
}

.button-countdown {
	display: none
}

@media (max-width:900px) {
	.step-title h1 {
		margin-left: 120px;
		min-height: 160px
	}

	.main-title {
		font-size: 1.6em
	}

	.step-radar h1.step-title {
		margin-left: 120px
	}

	.step-radar .results-box-new-subtitle-2 {
		margin-left: 120px;
		margin-top: 30px
	}

	.step-radar .radar-container {
		margin-left: 120px
	}

	.field-title {
		font-size: 1.2em
	}
}

.click {
	text-decoration: none;
}