.QuizComponent {
	background-size: cover;
	background-position: 50% 00%;
	min-height: 100vh;
	color: white;
	display: flex;
	align-items: stretch;
	position: relative
}

.QuizComponent__loadOverlay {
	transition: opacity .2s ease-out;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.QuizComponent--loading {
	pointer-events: none
}

.QuizComponent--loading .QuizComponent__loadOverlay {
	opacity: .7
}

.QuizComponentView {
	min-height: 600px;
	width: 100%
}

.QuizComponentView--alignMiddle {
	display: flex;
	align-items: center
}

.QuizComponentView__content {
	margin: 0 auto;
	max-width: 962px;
	padding: 0 20px;
	text-align: center;
	width: 100%;
	margin: 140px auto 80px
}

@media (min-width: 768px) {
	.QuizComponentView__content {
		max-width: 962px;
		padding: 0 40px
	}
}

@media (min-width: 768px) {
	.QuizComponentView__content {
		margin: 170px auto 100px
	}
}

.QuizComponentView__content--alignMiddle {
	margin: 60px auto 30px
}

@media (min-width: 768px) {
	.QuizComponentView__content--alignMiddle {
		margin: 120px auto 60px
	}
}

.QuizTimer__text {
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.067rem;
	margin-bottom: -1.52rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTimer__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

@media (min-width: 992px) {
	.QuizTimer__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

.QuizQuestion {
	background-color: rgba(0, 0, 0, 0.9);
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 57%, #000 100%)
}

.QuizQuestion__title {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__title {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__title {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.QuizQuestion__body {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5;
	margin-top: 30px;
	text-transform: none
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__body {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__body {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.QuizQuestion__header {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	margin-bottom: -.89rem;
	color: #2A2A2A;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__header {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__header {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

.QuizQuestion__freetextWrapper {
	width: 100%
}

.QuizQuestion__freetext {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	box-shadow: none !important;
	color: #e6e6e6;
	height: 40px;
	padding: 0 14px;
	background: none;
	border: 1px #3B4450 solid;
	border-radius: 0;
	text-transform: none;
	width: 100%;
	max-width: 400px
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__freetext {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__freetext {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizQuestion__freetext.invalid {
	border-color: rgba(255, 0, 0, 0.3) !important
}

.QuizQuestion__freetext::placeholder {
	opacity: .3
}

.QuizQuestion__divider {
	width: 120px;
	height: 1px;
	background: #83734A;
	margin: 21px auto 15px
}

.QuizQuestion__image {
	max-height: 300px;
	width: auto;
	height: 100%;
	margin: 30px 0 20px
}

.QuizQuestion__answers {
	display: flex;
	flex-wrap: wrap;
	max-width: 700px;
	margin: 40px auto 0;
	justify-content: center
}

.QuizQuestion__answerButtonChar {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: .9rem;
	line-height: 1.5rem;
	letter-spacing: -.013rem;
	margin-bottom: -.87rem;
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%)
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__answerButtonChar {
		font-size: 1.1rem;
		line-height: 1.5rem;
		letter-spacing: -.016rem;
		margin-bottom: -.73rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__answerButtonChar {
		font-size: 1.1rem;
		line-height: 1.5rem;
		letter-spacing: -.016rem;
		margin-bottom: -.73rem
	}
}

.QuizQuestion__answerButtonText {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Med, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.067rem;
	margin-bottom: -1.52rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__answerButtonText {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__answerButtonText {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

.QuizQuestion__answerButton {
	text-align: left;
	position: relative;
	background: rgba(255, 255, 255, 0.05);
	border: 0;
	border-radius: 0;
	min-width: 120px;
	min-height: 50px;
	padding: 10px 14px 10px 50px;
	width: 100%;
	margin: 10px 10px
}

.QuizQuestion__answerButton:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 20px;
	left: 35px;
	top: calc(50% - 10px);
	background: #83734A
}

@media (min-width: 992px) {
	.QuizQuestion__answerButton:hover {
		background: rgba(255, 255, 255, 0.3)
	}
}

@media (max-width: 991px) {
	.QuizQuestion__answerButton:active {
		background: rgba(255, 255, 255, 0.3)
	}
}

@media (min-width: 768px) {
	.QuizQuestion__answerButton {
		margin: 20px 20px;
		width: calc(50% - 40px)
	}
}

.QuizQuestion__submitButton {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizQuestion__submitButton {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizQuestion__submitButton {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizQuestion__submitButton:hover {
	background: #73bdd3
}

.QuizQuestion__buttonWrapper {
	display: inline-block;
	margin: 10px
}

.QuizFeedback {
	background-color: rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 57%, #000 100%)
}

.QuizFeedback__title {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizFeedback__title {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.158rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 992px) {
	.QuizFeedback__title {
		font-size: 7.2rem;
		line-height: 6.4rem;
		letter-spacing: -.235rem;
		margin-bottom: -1.36rem
	}
}

.QuizFeedback__content {
	margin-top: 30px
}

.QuizFeedback__content p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.06rem;
	font-weight: 300;
	color: #66686b;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizFeedback__content p {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.06rem
	}
}

@media (min-width: 992px) {
	.QuizFeedback__content p {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.06rem
	}
}

.QuizFeedback--nobg {
	background-color: #000
}

.QuizFeedback__submitButton {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizFeedback__submitButton {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizFeedback__submitButton {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizFeedback__submitButton:hover {
	background: #73bdd3
}

.QuizFeedback__buttonWrapper {
	margin-top: 40px
}

.QuizResult {
	background-color: rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 57%, #000 100%)
}

.QuizResult__headerText {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	color: #BFD0D8
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__headerText {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.QuizResult__headerText {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.QuizResult__score {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5;
	margin-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__score {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.158rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 992px) {
	.QuizResult__score {
		font-size: 7.2rem;
		line-height: 6.4rem;
		letter-spacing: -.235rem;
		margin-bottom: -1.36rem
	}
}

.QuizResult__bottomBlock {
	margin-top: 60px
}

.QuizResult__title {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.03rem;
	margin-bottom: -1.28rem;
	color: #3B4450;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__title {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.03rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.QuizResult__title {
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -.86rem
	}
}

.QuizResult__body {
	margin-top: 20px;
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.06rem;
	font-weight: 300;
	color: #66686b;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__body {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.06rem
	}
}

@media (min-width: 992px) {
	.QuizResult__body {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.06rem
	}
}

.QuizResult__ctaWrapper {
	margin-top: 40px
}

.QuizResult__cta {
	cursor: pointer;
	color: #f5f5f5;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .9rem;
	line-height: 1.1rem;
	letter-spacing: .215rem;
	margin-bottom: -.47rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__cta {
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.47rem
	}
}

@media (min-width: 992px) {
	.QuizResult__cta {
		font-size: 1.3rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.19rem
	}
}

.QuizResult__cta:hover {
	color: #f5f5f5;
	text-decoration: none
}

.QuizResult__cta:active {
	color: #f5f5f5;
	text-decoration: none
}

.QuizResult__cta:visited {
	color: #f5f5f5;
	text-decoration: none
}

.QuizResult__newBadgeTitle {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	color: #BFD0D8
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult__newBadgeTitle {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.QuizResult__newBadgeTitle {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.QuizResult__badge:not(:first-child) {
	margin-top: 20px
}

.QuizResult__badges {
	margin: 20px 0 40px 0
}

.QuizResult__Badge {
	display: inline-flex;
	margin: 20px;
	animation: badgeAnim 0.4s cubic-bezier(0.52, 0.13, 0.38, 4.03) 0.7s backwards
}

@keyframes badgeAnim {
	0% {
		opacity: 0;
		transform: scale(0.9)
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1)
	}
}

.QuizResult__Badge__badgeText {
	color: #f5f5f5
}

.QuizResult__Badge__badgeDescription {
	color: #f5f5f5
}

.QuizResult__shareWrapper {
	margin-top: 15px;
	display: flex;
	justify-content: center
}

.QuizResult__shareIcon {
	cursor: pointer;
	display: inline-block
}

.QuizResult__shareIcon:not(:last-child) {
	margin-right: 20px
}

.QuizResult__shareIcon:hover {
	filter: brightness(1.1)
}

.QuizResult__share {
	margin-top: 40px
}

.QuizResult button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizResult button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizResult button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizResult button:hover {
	background: #73bdd3
}

.SlideGallery__wrapper {
	overflow: hidden
}

.SlideGallery__inner {
	width: calc(100% + 10px);
	margin-left: -5px
}

@media (min-width: 768px) {
	.SlideGallery__inner {
		width: calc(100% + 20px);
		margin-left: -10px
	}
}

.SlideGallery:not(.SlideGallery--noHover) .SlideGallery__item {
	cursor: pointer
}

.SlideGallery:not(.SlideGallery--noHover) .SlideGallery__item:hover .SlideGallery__backgroundImage {
	opacity: .9
}

.SlideGallery__backgroundImage {
	background-size: cover;
	background-position: 50% 0
}

.SlideGallery__backgroundImage:before {
	content: '';
	float: left;
	padding-bottom: 100%
}

.SlideGallery__backgroundImage:after {
	content: '';
	display: table;
	clear: both
}

.SlideGallery .slick-track {
	display: flex;
	margin: 0
}

.SlideGallery .slick-slide {
	padding: 5px
}

@media (min-width: 768px) {
	.SlideGallery .slick-slide {
		padding: 10px
	}
}

.ProfilePage .ProfilePageNotLoggedIn {
	position: relative;
	padding-top: 60px;
	background: #000;
	width: 100%;
	min-height: 400px
}

@media (min-width: 768px) {
	.ProfilePage .ProfilePageNotLoggedIn {
		padding-top: 120px
	}
}

.ProfilePage .ProfilePageNotLoggedIn__inner {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px;
	margin: 0 auto;
	width: 100%
}

@media (min-width: 768px) {
	.ProfilePage .ProfilePageNotLoggedIn__inner {
		max-width: 1290px;
		padding: 0 40px
	}
}

.ProfilePage .ProfilePageNotLoggedIn__content {
	padding: 40px 0
}

.ProfilePage .ProfilePageNotLoggedIn h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	margin-bottom: -.89rem;
	color: #2A2A2A;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageNotLoggedIn h2 {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageNotLoggedIn h2 {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

.ProfilePage .ProfilePageDivider {
	background: #C7C4BC;
	opacity: .27;
	width: 100%;
	height: 1px;
	margin-top: 90px
}

.ProfilePage .ProfilePageBlock {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px;
	margin: 90px auto 0
}

@media (min-width: 768px) {
	.ProfilePage .ProfilePageBlock {
		max-width: 1290px;
		padding: 0 40px
	}
}

.ProfilePage .ProfilePageBlock:first-child {
	margin-top: 120px
}

.ProfilePage .ProfilePageBlock:last-child {
	margin-bottom: 120px
}

.ProfilePage .ProfileBadges__body {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	max-width: 600px;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileBadges__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileBadges__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.ProfilePage .ProfileBadges__inner {
	margin-top: 50px
}

.ProfilePage .ProfileBadges__header {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileBadges__header {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileBadges__header {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfileBadges__list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: -50px;
	justify-content: left
}

.ProfilePage .ProfileBadges__badge {
	width: 50%;
	margin-top: 50px
}

@media (min-width: 768px) {
	.ProfilePage .ProfileBadges__badge {
		width: 25%
	}
}

.ProfilePage .ProfileBadges .Badge {
	align-items: center;
	max-width: initial
}

.ProfilePage .ProfileBadges .Badge>div {
	width: 50%;
	padding-right: 20px
}

.ProfilePage .ProfileBadges .Badge__badgeImg {
	height: auto;
	width: 100%
}

@media (min-width: 992px) {
	.ProfilePage .ProfileBadges .Badge__badgeImg {
		width: 100%
	}
}

.ProfilePage .ProfileCurrentTier__inner {
	margin-top: 50px
}

.ProfilePage .ProfileCurrentTier__header {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCurrentTier__header {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCurrentTier__header {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.ProfilePage .ProfileCurrentTier__name {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCurrentTier__name {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCurrentTier__name {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfileScore {
	padding-bottom: 50px
}

.ProfilePage .ProfileScore__graphScaleItem {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.03rem;
	margin-bottom: -1.28rem;
	color: #3B4450;
	color: #B0B0B0
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileScore__graphScaleItem {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.03rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileScore__graphScaleItem {
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -.86rem
	}
}

.ProfilePage .ProfileScore__graphScaleItem--min {
	float: left
}

.ProfilePage .ProfileScore__graphScaleItem--max {
	float: right
}

.ProfilePage .ProfileScore__graphScaleNum {
	color: #1A1B1C
}

.ProfilePage .ProfileScore__graphScale {
	margin-top: 15px
}

.ProfilePage .ProfileScore__graphScale::after {
	content: "";
	clear: both;
	display: table
}

.ProfilePage .ProfileScore__inner {
	margin-top: 90px
}

.ProfilePage .ProfileScore__header {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileScore__header {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileScore__header {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfileScore__graph {
	position: relative;
	margin-top: 80px
}

.ProfilePage .ProfileScore__graphBg img {
	width: 100%;
	height: auto
}

.ProfilePage .ProfileScore__pointerCircle {
	position: absolute;
	text-align: center;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	top: 0;
	left: -45px;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #fff;
	border: 1px #83734A solid;
	transform-origin: top center;
	transform: scale(0.5)
}

@media (min-width: 768px) {
	.ProfilePage .ProfileScore__pointerCircle {
		transform: scale(0.8)
	}
}

.ProfilePage .ProfileScore__pointerCircle h4 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .24rem;
	margin-bottom: -.33rem;
	color: #969696;
	color: #83734A;
	padding-left: .24rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileScore__pointerCircle h4 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileScore__pointerCircle h4 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

.ProfilePage .ProfileScore__pointerCircle h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.067rem;
	margin-bottom: -1.52rem;
	color: #1A1B1C;
	margin-top: 8px
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileScore__pointerCircle h2 {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileScore__pointerCircle h2 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

.ProfilePage .ProfileScore__pointer {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #83734A;
	width: 1px
}

.ProfilePage .ProfileScore__pointer--user {
	height: 100%
}

.ProfilePage .ProfileScore__pointer--maxuser {
	height: 60%;
	left: 140px
}

.ProfilePage .ProfileScore__pointer:after {
	position: absolute;
	content: '';
	background: #502744;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	bottom: -9px;
	left: -9px
}

.ProfilePage .ProfileAwards__inner {
	margin-top: 50px
}

.ProfilePage .ProfileAwards__title {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileAwards__title {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileAwards__title {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfileAwards__body {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	max-width: 600px;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileAwards__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileAwards__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.ProfilePage .ProfileAwards__caption {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	margin-bottom: -.89rem;
	color: #2A2A2A;
	text-align: center;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileAwards__caption {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileAwards__caption {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

.ProfilePage .ProfileAwards__backgroundImage {
	margin: 0 0 20px
}

.ProfilePage .ProfileCompletedQuizzes__item {
	position: relative
}

.ProfilePage .ProfileCompletedQuizzes__inner {
	margin-top: 50px
}

.ProfilePage .ProfileCompletedQuizzes__title {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCompletedQuizzes__title {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCompletedQuizzes__title {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfileCompletedQuizzes__body {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	max-width: 600px;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCompletedQuizzes__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCompletedQuizzes__body {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.ProfilePage .ProfileCompletedQuizzes__caption {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	margin-bottom: -.89rem;
	color: #2A2A2A;
	text-align: center;
	color: #1A1B1C
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCompletedQuizzes__caption {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCompletedQuizzes__caption {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

.ProfilePage .ProfileCompletedQuizzes__backgroundImage {
	position: relative;
	margin: 0 0 20px
}

.ProfilePage .ProfileCompletedQuizzes__scoreOverlay {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	align-items: center;
	flex-direction: row
}

.ProfilePage .ProfileCompletedQuizzes__scoreOverlayInner {
	text-align: center;
	width: 100%
}

.ProfilePage .ProfileCompletedQuizzes__scoreOverlayCaption {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .06rem;
	margin-bottom: -.33rem;
	color: #f5f5f5
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCompletedQuizzes__scoreOverlayCaption {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCompletedQuizzes__scoreOverlayCaption {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .06rem;
		margin-bottom: -.33rem
	}
}

.ProfilePage .ProfileCompletedQuizzes__scoreOverlayScore {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5;
	margin-top: 6px
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfileCompletedQuizzes__scoreOverlayScore {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfileCompletedQuizzes__scoreOverlayScore {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.ProfilePage .ProfilePageHero {
	display: flex;
	align-items: flex-end;
	position: relative;
	padding-top: 60px;
	background: rgba(0, 0, 40, 0.2);
	background-image: linear-gradient(135deg, rgba(245, 81, 95, 0.4) 0%, rgba(159, 4, 27, 0) 100%);
	width: 100%;
	min-height: 400px
}

@media (min-width: 768px) {
	.ProfilePage .ProfilePageHero {
		padding-top: 120px
	}
}

.ProfilePage .ProfilePageHero__userDetails {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.3rem;
	line-height: 1.8rem;
	letter-spacing: 0rem;
	margin-bottom: -.89rem;
	color: #2A2A2A;
	color: #f5f5f5;
	opacity: .66;
	margin-top: 10px
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageHero__userDetails {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageHero__userDetails {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: 0rem;
		margin-bottom: -.89rem
	}
}

.ProfilePage .ProfilePageHero__stats {
	display: flex;
	margin-top: 40px;
	align-items: center
}

.ProfilePage .ProfilePageHero__stats h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.03rem;
	margin-bottom: -1.28rem;
	color: #3B4450;
	color: #f5f5f5;
	margin-top: 5px
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageHero__stats h3 {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.03rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageHero__stats h3 {
		font-size: 2.2rem;
		line-height: 2.4rem;
		letter-spacing: 0rem;
		margin-bottom: -.86rem
	}
}

.ProfilePage .ProfilePageHero__stats h4 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .24rem;
	margin-bottom: -.33rem;
	color: #969696;
	color: #C7C4BC
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageHero__stats h4 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageHero__stats h4 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

.ProfilePage .ProfilePageHero__vDiv {
	height: 32px;
	width: 1px;
	background: #c7c4bc;
	opacity: .37;
	margin: 7px 30px 0
}

.ProfilePage .ProfilePageHero__name {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5;
	margin-top: 10px
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageHero__name {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.158rem;
		margin-bottom: -1.34rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageHero__name {
		font-size: 7.2rem;
		line-height: 6.4rem;
		letter-spacing: -.235rem;
		margin-bottom: -1.36rem
	}
}

.ProfilePage .ProfilePageHero__buttonWrapper {
	margin-top: 20px
}

.ProfilePage .ProfilePageHero button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.ProfilePage .ProfilePageHero button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.ProfilePage .ProfilePageHero button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.ProfilePage .ProfilePageHero button:hover {
	background: #73bdd3
}

.ProfilePage .ProfilePageHero__innerBg,
.ProfilePage .ProfilePageHero__innerShade {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.ProfilePage .ProfilePageHero__innerBg {
	background-size: cover
}

.ProfilePage .ProfilePageHero__innerShade {
	background-image: linear-gradient(-180deg, rgba(27, 80, 127, 0.7) 11%, #0A2543 100%)
}

.ProfilePage .ProfilePageHero__inner {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px;
	margin: 0 auto;
	width: 100%
}

@media (min-width: 768px) {
	.ProfilePage .ProfilePageHero__inner {
		max-width: 1290px;
		padding: 0 40px
	}
}

.ProfilePage .ProfilePageHero__content {
	padding-bottom: 40px
}

.QuizTout {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0
}

@media (min-width: 768px) {
	.QuizTout {
		padding: 0 0 0 40px
	}
}

.QuizTout__hr {
	width: 100%;
	height: 1px;
	background: #BFD0D8;
	opacity: .47;
	margin: 0
}

.QuizTout h2 {
	color: #AAAFB5;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .24rem;
	margin-bottom: -.33rem;
	color: #969696
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTout h2 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.QuizTout h2 {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

.QuizTout h2::before {
	content: '';
	display: inline-block;
	background: #83734A;
	width: 20px;
	height: 1px;
	margin-right: 10px;
	margin-bottom: .25em
}

.QuizTout h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #3B4450;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTout h3 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.QuizTout h3 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.QuizTout p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	color: #66686b;
	color: #66686b;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTout p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.QuizTout p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.QuizTout__wrapper {
	margin: 0 auto;
	max-width: 1290px
}

.QuizTout__outer-grid {
	display: flex;
	align-items: center;
	margin: 40px 0;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.QuizTout__outer-grid {
		flex-wrap: nowrap
	}
}

.QuizTout__text-wrapper {
	width: 100%;
	padding: 0 20px
}

@media (min-width: 768px) {
	.QuizTout__text-wrapper {
		width: 30%;
		padding: 0
	}
}

.QuizTout__image-wrapper {
	width: 100%
}

@media (min-width: 768px) {
	.QuizTout__image-wrapper {
		width: 70%
	}
}

.QuizTout__image-wrapper img {
	width: 100%;
	height: auto
}

.QuizTout__link-wrapper {
	display: block;
	margin-top: 30px
}

.QuizTout__link-wrapper a {
	color: #83734A
}

.QuizTout__link-wrapper a:active,
.QuizTout__link-wrapper a:visited {
	color: #83734A
}

.QuizTout__link-wrapper a:hover {
	color: #83734A
}

.QuizTout__link-wrapper a:hover img {
	margin-left: 15px
}

.QuizTout__link-wrapper a img {
	transition: margin-left .2s ease-out;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -1px
}

.QuizTout__link-wrapper a {
	color: #83734A;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .9rem;
	line-height: 1.1rem;
	letter-spacing: .215rem;
	margin-bottom: -.47rem
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTout__link-wrapper a {
		font-size: .9rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.47rem
	}
}

@media (min-width: 992px) {
	.QuizTout__link-wrapper a {
		font-size: 1.3rem;
		line-height: 1.1rem;
		letter-spacing: .215rem;
		margin-bottom: -.19rem
	}
}

.QuizTout__link-wrapper a:hover {
	color: #83734A;
	text-decoration: none
}

.QuizTout__link-wrapper a:active {
	color: #83734A;
	text-decoration: none
}

.QuizTout__link-wrapper a:visited {
	color: #83734A;
	text-decoration: none
}

@media (min-width: 768px) {
	.QuizTout__link-wrapper {
		margin-top: 30px
	}
}

.QuizTout__buttonWrapper {
	margin-top: 30px
}

@media (min-width: 768px) {
	.QuizTout__buttonWrapper {
		margin-top: 30px
	}
}

.QuizTout__buttonWrapper button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizTout__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizTout__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizTout__buttonWrapper button:hover {
	background: #73bdd3
}

.QuizTout__hr {
	width: calc(100% - 40px)
}

@media (min-width: 768px) {
	.QuizTout__hr {
		width: calc(100% - 40px)
	}
}

@media (min-width: 768px) {
	.QuizTout__image-wrapper {
		padding-left: 15%
	}
}

.QuizzesList {
	/*margin-top: 130px;*/
	margin-bottom: 0
}

.QuizzesList__text-image {
	margin-top: 30px;
	display: flex;
	flex-direction: column-reverse;
}

@media (min-width: 768px) {
	.QuizzesList__text-image {
		flex-direction: column-reverse;
	}
}


.QuizzesList__text-wrapper {
	width: 100%;
	max-width: 630px;
	padding: 0 0 0 0
}

.QuizzesList__text-wrapper p {
	width: 80%;
	padding: 0 40px 0 0
}

@media (min-width: 768px) {
	.QuizzesList__text-wrapper {
		width: 80%;
		padding: 0 80px 0 0
	}
	.QuizzesList__text-wrapper p {
		width: 100%;
		padding: 0
	}
}

.QuizzesList__image-wrapper {
	width: 50%
}


.QuizzesList__image-wrapper img {
	width: 100%;
	height: auto
}

.QuizzesList__image-wrapper--mobile {
	width: 100%;
}

@media (min-width: 768px) {
	.QuizzesList__image-wrapper--mobile {
		display: none;
	}
}

.QuizzesList__image-wrapper--tabletup {
	display: none;
}

@media (min-width: 768px) {
	.QuizzesList__image-wrapper--tabletup {
		display: block;
	}
}

.QuizzesList__content-wrapper {
	display: flex;
	margin: 60px 0;
	padding-bottom: 60px;
    border-bottom: 1px solid #BFD0D8;;
}

.QuizzesList__content-wrapper:last-of-type {
	padding-bottom: 0px;
    border-bottom: 0px;

}

.QuizzesList__wrapper {
	margin: 0 auto;
	max-width: 840px;
	padding: 0 20px;
	opacity: 1;
	transition: opacity .2s ease-out;
	margin-top: 60px;
}

@media (min-width: 768px) {
	.QuizzesList__wrapper {
		max-width: 840px;
		padding: 0 40px
	}
}

.QuizzesList__wrapper--loading {
	opacity: .6
}

.QuizzesList__divider {
	margin: 10px auto 0;
	width: 100%;
	opacity: .47;
	height: 1px;
	background: #BFD0D8
}

.QuizzesList__divider.is-hidden {
	display: none
}

.QuizzesList h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: -.067rem;
	margin-bottom: -1.52rem;
	color: #3B4450
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesList h2 {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: -.067rem;
		margin-bottom: -1.52rem
	}
}

@media (min-width: 992px) {
	.QuizzesList h2 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

.QuizzesList p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	/*margin-bottom: -1.28rem;*/
	color: #66686b;
	margin-top: 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesList p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		/*margin-bottom: -1.28rem*/
	}
}

@media (min-width: 992px) {
	.QuizzesList p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		/*margin-bottom: -1.28rem*/
	}
}

.QuizzesList__buttonWrapper {
	margin-top: 30px
}

@media (min-width: 768px) {
	.QuizzesList__buttonWrapper {
		margin-top: 30px
	}
}

.QuizzesList__buttonWrapper button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

.QuizzesList__buttonWrapper button a {
	color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesList__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizzesList__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizzesList__buttonWrapper button:hover {
	background: #73bdd3
}

.QuizzesList__buttonWrapper button.locked {
	background-color: #9a9a9a;
}

.QuizzesList__header {
	color: #AAAFB5;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: .24rem;
	margin-bottom: -.33rem;
	color: #969696
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesList__header {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

@media (min-width: 992px) {
	.QuizzesList__header {
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: .24rem;
		margin-bottom: -.33rem
	}
}

.QuizzesList__header::before {
	content: '';
	display: inline-block;
	background: #83734A;
	width: 20px;
	height: 1px;
	margin-right: 10px;
	margin-bottom: .25em
}

.QuizzesBanner {
	margin: 0 auto;
	max-width: 1290px;
	padding: 0 20px;
	margin: 90px auto 60px;
	position: relative
}

@media (min-width: 768px) {
	.QuizzesBanner {
		max-width: 1290px;
		padding: 0 40px
	}
}

.QuizzesBanner__innerBg {
	background-size: cover;
	background-position: 50% 0
}

.QuizzesBanner__innerBg:before {
	content: '';
	float: left;
	padding-bottom: 125%
}

.QuizzesBanner__innerBg:after {
	content: '';
	display: table;
	clear: both
}

@media (min-width: 768px) {
	.QuizzesBanner__innerBg:before {
		content: '';
		float: left;
		padding-bottom: 45.89147%
	}
	.QuizzesBanner__innerBg:after {
		content: '';
		display: table;
		clear: both
	}
}

.QuizzesBanner__buttonWrapper {
	margin-top: 30px
}

@media (min-width: 768px) {
	.QuizzesBanner__buttonWrapper {
		margin-top: 30px
	}
}

.QuizzesBanner__buttonWrapper button {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	padding: 0 14px;
	background: #67B8CF;
	border: 0;
	border-radius: 0;
	opacity: 1;
	transition: opacity .2s ease-out
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesBanner__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

@media (min-width: 992px) {
	.QuizzesBanner__buttonWrapper button {
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: .06rem
	}
}

.QuizzesBanner__buttonWrapper button:hover {
	background: #73bdd3
}

.QuizzesBanner__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.QuizzesBanner__content {
	max-width: 600px;
	width: 80%;
	text-align: center
}

.QuizzesBanner h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: NewsGot-Dem, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: -.089rem;
	margin-bottom: -.96rem;
	color: #3B4450;
	color: #f5f5f5;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesBanner h3 {
		font-size: 3.2rem;
		line-height: 3.2rem;
		letter-spacing: -.089rem;
		margin-bottom: -.96rem
	}
}

@media (min-width: 992px) {
	.QuizzesBanner h3 {
		font-size: 4.8rem;
		line-height: 4.7rem;
		letter-spacing: -.15rem;
		margin-bottom: -1.34rem
	}
}

.QuizzesBanner p {
	font-family: NewsGot-Reg;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.032rem;
	margin-bottom: -1.28rem;
	color: #66686b;
	color: #f5f5f5;
	max-width: 630px;
	margin: 30px auto 0
}

@media (min-width: 768px) and (max-width: 991px) {
	.QuizzesBanner p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

@media (min-width: 992px) {
	.QuizzesBanner p {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -.032rem;
		margin-bottom: -1.28rem
	}
}

.page-template-quiz-template .ca-quiz {
	min-height: 100vh
}

.signup {
	overflow: hidden
}

@media (min-width: 768px) {
	.signup {
		position: relative
	}
}

@media (min-width: 768px) {
	.signup__text {
		width: 25%;
		float: left
	}
}

.signup__bottomContent {
	display: block
}

@media (min-width: 768px) {
	.signup__bottomContent {
		display: flex;
		flex-direction: row-reverse;
		flex-flow: row wrap
	}
	.signup__bottomContent>div,
	.signup__bottomContent>form {
		width: 100%
	}
}

.signup__image img {
	width: 100%
}

@media (max-width: 767px) {
	.signup__image--nomobile {
		display: none
	}
}

@media (min-width: 768px) {
	.signup__image--nomobile {
		float: left;
		width: 75%
	}
}

@media (min-width: 768px) {
	.signup__image--mobile {
		display: none
	}
}