/* -- Quiz Modal -- */
.block__quiz {
    width: 90%;
    max-width: 597px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: row nowrap;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 900;
    min-height: 446px;
}
.block__quiz-container {
    background: #fff;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    flex-flow: row wrap;
    height: 100%;
	min-height: 446px;
    border-radius: 0px 20px 20px 20px;
    box-shadow: 0px 14px 10px 0px rgba(0,0,0,25%);
    overflow-x: scroll;
}
.block__quiz-title {
    padding: 20px 35px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(64, 64, 93, .20);
    box-sizing: border-box;
}
@media (max-width: 768px){
	.block__quiz-title {
    	padding: 20px 25px;
	}
}
h4.block__quiz-h2 {
    margin: 0px;
}
h4.block__quiz-h2 .title {
    display: inline-block;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 1.2em!important;
    letter-spacing: -0.5px!important;
    color: #40405D!important;
    vertical-align: middle;
    text-align: left;
    margin: 0;
}
span.quiz-icons {
    margin-left: 15px;
}
@media (max-width: 529px){
	span.quiz-icons {
		margin-left: 0px;
		display: block;
	}
}
span.quiz-icons img {
    width: 100%;
    max-width: 95px;
}
.questions__wrap {
    padding: 25px 35px 30px 35px;
    background: rgba(47, 62, 84, 5%);
	box-sizing: border-box;
	width: 100%;
}
@media (max-width: 768px){
	.questions__wrap {
		padding: 25px 25px 30px 25px;
	}
}
p.block__quiz-question {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: row nowrap;
    gap: 19px;
    margin-bottom: 47px !important;
    margin-top: 0px !important;
}
span.q__icon {
    font-size: 44px;
    font-weight: 600;
    line-height: 27px;
    color: #40405D;
    padding-right: 19px;
    border-right: 1px solid rgba(0, 0, 0, 20%);
}
span.question {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}
.spectrum {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
}
@media (max-width: 768px){
	.spectrum {
		gap: 10px;
	}
}
.spectrum__choice {
    background: #40405D;
    flex: 1 0 45%;
    border-radius: 0px 15px 15px 15px;
    height: auto;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
.spectrum__choice:hover {
    background: #696985;
}
.spectrum__choice h5 {
    font-size: 20px!important;
    font-weight: bold!important;
    letter-spacing: 0.5px!important;
    color: #fff!important;
    margin: 0px !important;
    padding: 0px !important;
}
@media (max-width: 768px){
	.spectrum__choice h5 {
		font-size: 18px!important;
	}
}
.quiz-pagination {
    text-align: center;
    margin-top: 30px;
}
.quiz-pagination .quiz-pag-wrap {
    background: rgba(0, 0, 0, 7%);
    padding: 4px 10px;
    border-radius: 40px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #40405D;
}
.block__takequiz {
    position: fixed;
    right: 3px;
    top: 65%;
    z-index: 101;
}
.block__takequiz img{
    width: 100%;
	max-width: 115px;
}
@media screen and (max-width: 768px) {
.block__takequiz {
    top: auto;
    bottom: 70px;
}
}
.block__takequiz h3 {
    color: #fff !important;
    text-align: center;
    line-height: 24px !important;
    font-size: 28px !important;
    padding: 12px;
}
.block__results {
    width: 90%;
	max-width: 597px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: row nowrap;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 900;
    min-height: 10%;
	box-shadow: 0px 14px 10px 0px rgba(0,0,0,25%);
	border-radius: 0px 20px 20px 20px;
}
.block__results .results__container {
	background: #fff;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: column nowrap;
    height: 100%;
	width: 100%;
	border-radius: 0px 20px 20px 20px;
}
h2.results__headline {
    font-size: 44px!important;
    color: #40405D!important;
    font-weight: 600!important;
    line-height: 1.2em!important;
    letter-spacing: -1px!important;
    text-align: center;
    padding-bottom: 15px;
    margin: 0px !important;
	max-width: 437px;
}
@media (max-width: 496px){
	h2.results__headline {
		font-size: 34px!important;
		padding-bottom: 20px;
    	padding-left: 20px;
    	padding-right: 20px;
	}
}
span.results__subhead {
    font-size: 20px;
    font-weight: 600;
    color: #40405D;
    letter-spacing: -0.5px;
    line-height: 1.4em;
    padding-bottom: 35px;
	text-align: center;
}
@media (max-width: 768px){
	span.results__subhead {
		padding-bottom: 30px;
    	padding-left: 20px;
    	padding-right: 20px;
	}
}
.wcs-green-text {
    color: #55B137;
}
.wcs-orange-text {
    color: #FF8000;
}
.wcs-yellow-text {
    color: #FFD90F;
}
.wcs-red-text {
    color: #EE3455;
}
.results__icon {
    margin-top: -30px;
    margin-bottom: 10px;
}
.results__icon img {
    width: 100%;
    max-width: 120px;
}
@media (max-width: 768px){
	.results__icon img {
		max-width: 80px;
	}
}
.results__bottom_container {
    background: #fff;
    position: relative;
    border-top: 1px solid rgba(64, 64, 93, .20);
	border-radius: 0px 0px 20px 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    position: relative;
	padding: 40px 15px 40px 15px;
    box-sizing: border-box;
}
.results__bottom_container:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(64, 64, 93, .05);
}
.results_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    color: #40405D;
    padding-top: 40px;
    padding-bottom: 25px;
}
@media (max-width: 768px){
	.results_text {
		padding-top: 30px;
    	padding-bottom: 25px;
	}
}
.restart {
    position: absolute;
    bottom: 20px;
    left: 28px;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 400;
    color: #40405D;
}
.restart img {
    width: 100%;
    max-width: 20px;
    vertical-align: middle;
    margin-right: 5px;
	margin-bottom: 3px;
    display: inline-block;
}
@media (max-width: 768px){
	.restart {
		bottom: 10px;
    	left: 10px;
	}
}
.results__share {
	text-align: center;
    z-index: 2;
}
.block__results button#em-blu-cta-btn {
	margin-bottom: 15px;
}
.results__share h3 {
	font-size: 18px!important;
}
.results__share a svg {
    font-size: 20px;
    width: 1em;
    height: 1em;
    fill: #40405D;
    color: #40405D;
    cursor: pointer;
}
.results__share a {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.block__intro {
    width: 90%;
	max-width: 597px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: row nowrap;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 900;
    min-height: 10%;
	box-shadow: 0px 14px 10px 0px rgba(0,0,0,25%);
	border-radius: 0px 20px 20px 20px;
}
.block__intro .intro__container {
	background: #fff;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: column nowrap;
    height: 100%;
	width: 100%;
	border-radius: 0px 20px 20px 20px;
}
span.intro__subhead {
    font-size: 18px;
    color: #40405D;
    line-height: 1em;
    display: block;
    padding-top: 45px;
	padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
	text-align: center;
}
@media (max-width: 496px){
	span.intro__subhead{
		padding-top: 45px;
	}
}
h2.intro__headline {
    font-size: 44px!important;
    color: #40405D!important;
    font-weight: 600!important;
    line-height: 1.2em!important;
    letter-spacing: -0.5px!important;
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 55px;
    margin: 0px !important;
}
@media (max-width: 496px){
	h2.intro__headline {
		font-size: 34px!important;
		padding-bottom: 40px;
    	padding-left: 20px;
    	padding-right: 20px;
	}
}
@media (max-width: 340px){
	h2.intro__headline, h2.results__headline {
		font-size: 28px!important;
	}
}
.intro__bottom_container {
	display: flex;
    justify-content: center;
    flex-flow: row wrap;
    height: 100%;
    width: 100%;
    background: rgba(64, 64, 93, .05);
    border-top: 1px solid rgba(64, 64, 93, .20);
    border-radius: 0px 0px 20px 20px;
    position: relative;
    text-align: center;
}
.intro__bottom_container img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    width: 100%;
    max-width: 285px;
}
@media (max-width: 496px){
	.intro__bottom_container img {
		top: -30px;
		max-width: 185px;
	}
}
span.intro_text {
    font-size: 18px;
    color: #40405D;
    line-height: 1.4em;
    display: block;
    margin-bottom: 20px;
    max-width: 395px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
	text-align: center;
}
@media (max-width: 496px){
	span.intro_text {
		padding-top: 40px;
	}
}
button#em-pnk-cta-btn, button#em-blu-cta-btn {
	display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    padding: 10px 15px 10px 34.5px;
    border-radius: 190px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 45px;
    text-align: center;
    cursor: pointer;
	position: relative;
    overflow: hidden;
    z-index: 1;
}
@media (max-width: 768px){
	button#em-pnk-cta-btn, button#em-blu-cta-btn {
		font-size: 18px;
		padding: 10px 15px 10px 34.5px;
	}
}
.block__intro #em-pnk-cta-btn svg, .block__results #em-blu-cta-btn svg {
    height: 1em;
    width: 1em;
    line-height: 1.2em;
    color: #fff;
    fill: #fff;
    font-size: 20px;
}

.block__results #em-blu-cta-btn:hover svg  {
    fill: #40405D;
}
@media (max-width: 768px){
	.block__intro #em-pnk-cta-btn svg, .block__results #em-blu-cta-btn svg {
		font-size: 18px;
	}
}
button#em-pnk-cta-btn {
	background: #F7007B;
	border-color: #F7007B;
}
button#em-blu-cta-btn {
	background: #40405D;
	border-color: #40405D;
}
button#em-pnk-cta-btn span, button#em-blu-cta-btn span {
    margin-left: 10px;
    padding: 10px;
    font-size: 18px;
	margin-bottom: -5px;
    position: relative;
}
@media (max-width: 768px){
	button#em-pnk-cta-btn span, button#em-blu-cta-btn span {
		font-size: 16px;
	}
}
button#em-pnk-cta-btn span::before, button#em-blu-cta-btn span::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(251, 251, 251, 20%);
    z-index: 1;
}
button#em-pnk-cta-btn span i, button#em-blu-cta-btn span i {
	margin-left: 2px;
}
button#em-pnk-cta-btn:before {
	background-color: #da0063;
}
button#em-blu-cta-btn:before {
	background-color: #fff;
}
button#em-pnk-cta-btn:hover {
	color: #fff;
    border-color: transparent;
}
button#em-blu-cta-btn:hover {
	color: #40405D;
	border-color: #CCCCCC;
}
button#em-pnk-cta-btn:before, button#em-blu-cta-btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    transition: .4s all;
    border-radius: 30px;
    z-index: -1;
}
button#em-pnk-cta-btn:hover:before, button#em-blu-cta-btn:hover:before {
    left: 0;
}

.block__form {
    width: 90%;
	max-width: 597px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 900;
    min-height: 446px;
	background: #fff;
	box-shadow: 0px 14px 10px 0px rgba(0,0,0,25%);
	border-radius: 0px 20px 20px 20px;
}
.block__form .block__quiz-form {
	background: rgba(47, 62, 84, 5%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    height: 100%;
	min-height: 446px;
	width: 100%;
	border-radius: 0px 20px 20px 20px;
	padding: 20px 30px;
}
@media (max-width: 1024px){
	.block__form .block__quiz-form {
		padding: 20px;
		min-height: 700px;
    	max-height: 446px;
		overflow-y: auto;
    	height: auto !important;
	}
}
.block__quiz-form h5 {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 1.4em!important;
    padding: 0px 10px;
    margin-bottom: 20px;
	text-align: center;
}
.block__form  #mktoForm_1702 button.mktoButton {
	letter-spacing: 0;
    font-size: 20px !important;
    color: #fff !important;
    background: #FF2D98 !important;
    box-shadow: none!important;
    padding: 14.5px 35px !important;
}
.block__form  #mktoForm_1702 .mktoButton:hover {
    background: #da0063 !important;
}
@media (max-width:767px){
.block__form #mktoForm_1702 {
	padding: 0 0px!important;
}
}
form#mktoForm_1702 {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 0px;
    justify-content: center;
}
#mktoForm_1702 .mktoFormRow:nth-child(7) {
    grid-column: 1;
}
form#mktoForm_1702 .mktoButtonRow {
    grid-column: 1 / -1;
}
@media (max-width:767px){
form#mktoForm_1702 {
	grid-template-columns: 100%;
}
}
@media (max-width: 767px) {
    .mktoFormRow {
        grid-column: 1 / span 2;
    }
}
.mktoCaptchaDisclaimer {
    grid-column: 1 / span 2;
}
.block__thanks {
    width: 90%;
	max-width: 597px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-flow: row nowrap;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 900;
    min-height: 446px;
	background: #fff;
	box-shadow: 0px 14px 10px 0px rgba(0,0,0,25%);
	border-radius: 0px 20px 20px 20px;
}
.block__thanks .block__thanks-container {
	background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    height: 100%;
	min-height: 446px;
	width: 100%;
	border-radius: 0px 20px 20px 20px;
	padding: 20px 30px;
	box-sizing: border-box;
}
.block__thanks-container h3 {
    font-size: 32px!important;
    font-weight: 600!important;
    text-align: center;
    line-height: 1.2em!important;
    color: #555572;
}
.block__thanks-container h4 {
    font-size: 18px !important;
    text-align: center;
    font-weight: 300 !important;
    color: #555572;
}

.block__thanks-container span {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    color: #555572;
    text-align: center;
    display: block;
    margin-top: 0px;
}
.block__thanks-container span a {
    color: #FF2D98 !important;
    text-decoration: underline !important;
}
@media (max-width: 1024px){
	.block__thanks .block__thanks-container {
		padding: 20px;
	}
}
.block__form .close.click, .block__results .close.click, .block__intro .close.click, .block__quiz .close.click {
    right: 20px !important;
    top: 27px !important;
}