.challenger{
	
}
.challenger span{
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.challenger a{
	color: #d94d61;
	font-weight: 300;
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
}
p.challenger{
	font-size: 11px;
}
hr.challenger{
	border: none;
	border-top: 2px dashed #f0faff;
	margin-bottom: 36px;
	position: relative;
	display: block;
}

body, html{
	padding: 0;
	margin: 0;
}
body{
	background: #f0faff;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: #142127;
	line-height: 1.6;
}
#menu{
	position: absolute;
	display: none;
	list-style: none;
	top: 50px;
	right: 10px;
	background: #305db7;
	padding: 6px 30px;
	border-radius: 3px;
	z-index: 1000;
}
#menu li a{
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding: 20px 0;
	display: block;
	line-height: 1.2;
	font-weight: 400;
	border-bottom: 1px solid #24508d;
}
#menu li:last-child a{
	border-bottom: none;
}
#menu-btn{
	background: none;
	width: 30px;
	min-width: unset;
	height: 18px;
	position: absolute;
	top: 20px;
	right: 10px;
	border: none;
	padding: 0;
}
#menu-btn:before{
	content: '';
	background: #305db7;
	height: 4px;
	width: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
}
#menu-btn:after{
	content: '';
	background: #305db7;
	height: 4px;
	width: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
}
#content{
	margin: 26px auto 220px auto;
	position: relative;
	width: calc(90% - 60px);
	max-width: 420px;
	display: block;
	padding: 30px;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #d9e7f6;
	box-shadow: 0px 10px 20px 10px #e7f2fa;
}
h1, h2{
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
}
h3, h4{
	font-size: 29px;
}
h3{
	overflow: hidden;
}
h3 span.spanarea{
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 0px;
	margin-left: 6px;
	color: #6e7d8b;
	width: 100%;
}
h3 span.spanextra{
	font-size: 18px;
	font-weight: 300;
	display: block;
	width: 100%;	
	margin-top: 6px;
	margin-bottom: 6px;
}
.aligncenter{
	text-align: center;
}
.buttons{
	text-align: center;
	margin-top: 48px;
}
button{
	font-size: 18px;
	font-weight: bold;
	background: #305db7;
	color: #fff;
	border-radius: 100px;
	border: 1px solid #305db7;
	padding: 13px 40px;	
	margin: 0 7px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	transition: all .2s ease-in-out;
	min-width: 165px;
}
button:hover{
	color: #305db7;
	background: transparent;
}
label{
	position: relative;
	display: block;
	padding: 7px 10px 7px 40px;
	border-radius: 3px;
	background: transparent;
	transition: all .2s ease-in-out;
	cursor: pointer;
}
label:hover{
	background: #f0faff;
}
label + label{
	margin-top: 7px;
}
input[type="radio"]{
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	display: none;
	border: none;
}
input[type="radio"] + .radio{
	width: 20px;
	height: 20px;
	background: #f0faff;
	border-radius: 100px;
	border: 3px solid #a1b6c7;
	position: relative;
	display: inline-block;
	top: 6px;
	margin-left: -36px;
	margin-right: 10px;
}
input[type="radio"]:checked + .radio:after{
	content: '';
	width: 14px;
	height: 14px;
	top: 3px;
	left: 3px;
	background: #eb3e5d;
	border-radius: 100px;
	position: absolute;
	display: block;
}
input[type="checkbox"]{
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	display: none;
	border: none;
}
input[type="checkbox"] + .checkbox{
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #eb3e5d;
	position: relative;
	display: inline-block;
	top: 3px;
	margin-left: -30px;
	margin-right: 10px;
}
input[type="checkbox"]:checked + .checkbox:after{
	content: '';
	width: 14px;
	height: 14px;
	top: 3px;
	left: 3px;
	background: #eb3e5d;
	border-radius: 3px;
	position: absolute;
	display: block;
}
#logolink{
	margin: 41px auto 0 auto;
	width: 240px;
	height: auto;
	display: block;
	position: relative;
}
#logo{
	width: 100%;
}
.aligncenter{
	text-align: center;
}
.question{
	display: none;
}
.question:first-child{
	display: block;
}
.question img{
	width: 100%;
	height: auto;
}
.question h3{
	margin-bottom: 12px;
	margin-top: 17px;
	border-bottom: 1px dashed rgba(20, 64, 125, 0.38);
	padding-bottom: 11px;
}
.qnum{
	width: calc(100% - 60px);
	position: absolute;
	bottom: -30px;
	text-align: center;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.whatmore{
	transition: all .2s ease-in-out;
	cursor: pointer;
	display: block;
	margin-bottom: 21px;
	color: #fff;
	background: #6e7d8b;
	border: 2px solid #6e7d8b;
	border-radius: 100px;
	padding: 4px 20px 6px 20px;
	display: inline-block;
	float: right;
	margin-top: -58px;
	position: relative;
	z-index: 10;
	
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1;
}
.whatmore:hover{
	opacity: 1;
}
.whatmore:before{
	content: 'ⓘ';
	margin-right: 10px;
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	top: 2px;
	position: relative;
}
.question ul{
	display: none;
	border-bottom: 1px dashed rgba(20, 64, 125, 0.38);
	padding-top: 3px;
	padding-bottom: 20px;
	padding-left: 17px;
	width: calc(100% - 47px);
}
.question ul li{
	color: #6e7d8b;
}
.question ul li + li{
	margin-top: 7px;
}
.revaluate{
	width: 100%;
	display: block;
	color: #eb3e5d;
}
.thin strong{
	font-weight: 400;
}
.thin strong strong{
	font-weight: bold;
}
.pillars{
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
	padding-top: 100px;
	border-bottom: 10px solid #f2f2f2;
	border-top: 3px solid #305db7;
	margin-top: 30px;
}
.pillar{
	width: 9%;
	margin: 0 1%;
	display: inline-block;
	position: relative;
	color: #fff;
	vertical-align: bottom;
	background: #f2f2f2;
	border-radius: 3px;
	top: 5px;
	min-height: 20px;
	font-size: 14px;
	font-weight: 600;
}
.pillar.V{
	background: #ed1c24;
}
.pillar.S{
	background: #ed1b34;
}
.pillar.MP{
	background: #00a13b;
}
.pillar.C{
	background: #114838;
}
.pillar.L{
	background: #006bb3;
}
.pillar.M{
	background: #20409a;
}
.pillar.KD{
	background: #005ea1;
}
.pillar.SD{
	background: #ffe000;
}

.pillar.DD{
	background: #ff9800;
}
.pillar.KVP{
	background: #4a0e3c;
}
.pillar.MS{
	background: #2b4f7a;
}
.pillar.FI{
	background: #d9328a;
}
.pillar.AFS{
	background: #19489d;
}
.pillar.LPO{
	background: #007229;
}
.pillar.PP{
	background: #522e91;
}
.pillar.EN{
	background: #fff24c;
}

.pillar:before{
	content: '';
	position: absolute;
	left: 0;
	top: -57px;
	width: 100%;
	height: 48px;
	background: no-repeat bottom center;
	background-size: contain;
}
.pillar.V:before{
	background-image: url('img/Vlogo.png');
}
.pillar.S:before{
	background-image: url('img/Slogo.png');
}
.pillar.MP:before{
	background-image: url('img/MPlogo.png');
}
.pillar.C:before{
	background-image: url('img/Clogo.png');
}
.pillar.L:before{
	background-image: url('img/Llogo.png');
}
.pillar.M:before{
	background-image: url('img/Mlogo.png');
}
.pillar.KD:before{
	background-image: url('img/KDlogo.png');
}
.pillar.SD:before{
	background-image: url('img/SDlogo.png');
}

.pillar.DD:before{
	background-image: url('img/DDlogo.png');
}
.pillar.KVP:before{
	background-image: url('img/KVPlogo.png');
}
.pillar.FI:before{
	background-image: url('img/FIlogo.png');
}
.pillar.MS:before{
	background-image: url('img/MSlogo.png');
}
.pillar.AFS:before{
	background-image: url('img/AFSlogo.png');
}
.pillar.LPO:before{
	background-image: url('img/LPOlogo.png');
}
.pillar.PP:before{
	background-image: url('img/PPlogo.png');
}
.pillar.EN:before{
	background-image: url('img/ENlogo.png');
}
#askus{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	bottom: -98px;
	color: #305db7;
}
#privacy{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	bottom: -128px;
	color: #305db7;
}
.fbshare,
.twittershare{
	width: 160px;
	padding: 6px 16px;
	margin: 6px;
	display: inline-block;
	position: relative;
	background: #4267B2;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}
.twittershare{
	background: #14171a;
}
.twittershare img{
	height: 13px;
	width: auto;
	display: inline-block;
}
.twittershare + h3{
	border-top: 3px solid #305db7;
	margin-top: 30px;
	padding-top: 30px;
}
.tocompass{
	width: 160px;
	padding: 10px 26px;
	margin: 36px auto 20px auto;
	display: block;
	position: relative;
	background: #d94d61;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	border-radius: 100px;
	padding: 13px 40px;	
	position: relative;
	cursor: pointer;
	transition: all .2s ease-in-out;
	min-width: 165px;
}
#home-intro{
	padding: 0 20px;
}
#askform *{
	width: calc(100% - 20px);
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #305db7;
	margin-bottom: 10px;
}
#askform textarea{
	min-height: 150px;
}
.question:first-child .prev{
	display: none;
}
#beta{
	text-align: center;
	color: #eb3e5d;
	margin-top: 0;
}
#content li{
	margin-bottom: 8px;
}
.showparty{
	margin: 0;
	padding: 0;
}
.showparty:before{
	content: '';
	display: inline-block;
	width: 28px;
	height: 50px;
	position: relative;
	top: 18px;
	left: -8px;
	background: no-repeat center center transparent;
	background-size: contain;
}
.showDD:before{
	background-image: url('img/DDlogo.png');
}
.showMS:before{
	background-image: url('img/MSlogo.png');
}
.showKVP:before{
	background-image: url('img/KVPlogo.png');
}
.showAFS:before{
	background-image: url('img/AFSlogo.png');
}
.showFI:before{
	background-image: url('img/FIlogo.png');
}
.showLPO:before{
	background-image: url('img/LPOlogo.png');
}
.showPP:before{
	background-image: url('img/PPlogo.png');
}
.showEN:before{
	background-image: url('img/ENlogo.png');
}

.showDD{
	color: #ff9800;
}
.showKVP{
	color: #4a0e3c;
}
.showMS{
	color: #2b4f7a;
}
.showFI{
	color: #d9328a;
}
.showAFS{
	color: #19489d;
}
.showLPO{
	color: #007229;
}
.showPP{
	color: #522e91;
}
.showEN{
	color: #fff24c;
}
#footer{
	background: #c7d3de;
	padding: 0px 0;
}
#footer ul{
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
#footer ul li{
	display: inline-block;
	padding: 10px;
}
#footer ul li a{
	color: #305db7;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 2px;
}

@media only screen and (max-width: 600px) {
	h1, h2{
		font-size: 38px;
	}
	h2{
		margin-bottom: 10px;
	}
	#logo{
		width: 100%;
	}
	#logolink{
		margin: 17px 0 0 5%;
		width: 50%;
	}
	h3{
		text-align: center;
		margin-top: 0;
	}
	h3 span.spanarea{
		margin: 0 auto;
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
	}
	.whatmore{
		text-align: center;
		float: none;
	}
	label + label{
		margin-top: 13px;
	}
	.buttons button{
		padding: 15px 0;
		width: 44%;
		min-width: auto;
		margin-bottom: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.pillar{
		font-size: 11px;
	}
	#content{
		margin-top: 17px;
	}
	#menu-btn{
		right: 5%;
		top: ;
	}
	#footer{
		padding: 10px 0 40px 0;
	}
	#footer ul li{
		width: 100%;
		padding: 10px 0;
	}
	.question{
		text-align: center;
	}
	.question label{
		text-align: left;
	}
	.question ul li{
		text-align: left;
	}
	.question h3{
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}