/* CSS Document */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

.clear {
	clear:both;
}

.m_break {
	display:none;
}

body {
	background:#F6F5F3;
	text-align:center;
	font-family: "Host Grotesk", sans-serif;
}

.main_content {
	width:calc(100% - 64px);
	padding-left:32px;
	padding-right:32px;
	max-width:1216px;
	margin:auto;
	background:url('../img/top_bg.jpg') center top no-repeat;
	background-size:1216px auto;
}

.top_content {
	text-align:left;
	padding:28px 64px;
	
	background:url('../img/person.png') right 20px top 220px no-repeat, url('../img/top_graphics.svg') right 100px top 120px no-repeat;
	background-size:600px auto, 270px auto;
}

.top_content .top_logo {
	width:165px;
}

.top_content h1 {
	font-weight: 700;
	font-size: 100px;
	line-height: 107.04px;
	letter-spacing: -1.43px;
	color:#008C7D;
	padding-top:64px;
	padding-bottom:45px;
}

.top_content p {
	font-weight: 300;
	font-size: 18px;
	line-height: 25.69px;
	letter-spacing: -0.18px;
	color:#000000;
	padding-bottom:25px;
	max-width:550px;
}

.top_content h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 35.68px;
	letter-spacing: -1.43px;
	color:#008C7D;
	padding-top:46px;
	padding-bottom:120px;
}

.form_content {
	margin-top:-60px;
}

.form_content .labels {
	padding-left:64px;
}

.form_content .labels .label {
	padding:19px 27px;
	text-align:center;
	font-weight: 400;
	font-size: 24px;
	line-height: 25.69px;
	letter-spacing: 0px;
	color:#A4AAAC;
	background:#FFFFFF;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	float:left;
	cursor:pointer;
	position:relative;
}

.form_content .labels .label.active {
	background:#008C7D;
	color:#FFFFFF;
}

.form_content .labels .label .arrow {
	display:none;
	position:absolute;
	top:10px;
	height:calc(100% - 20px);
	padding-left:5px;
	padding-right:5px;
}

.form_content .labels .label .arrow.left {
	left:10px;
}

.form_content .labels .label .arrow.right {
	right:10px;
}

.form_content .form {
	border-radius:14px;
	padding:64px;
	padding-bottom:0;
	text-align:left;
	
	background: #008C7D;
	background: linear-gradient(150deg,rgba(0, 140, 125, 0.2) 31.27%, rgba(255, 200, 0, 0.2) 82.77%), #008C7D;

}

.form_content .form.result_showed {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form_content .form .form_items {
	display: flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:40px;
}

.form_content .form h2 {
	font-weight: 700;
	font-style: Bold;
	font-size: 64.23px;
	line-height: 107.04px;
	letter-spacing: -1.43px;
	color:#FFC800;
	padding-bottom:38px;
}

.form_content .form .form_item {
	position:relative;
	padding-bottom:25px;
}

.form_content .form .form_item.w_100 {
	width:100%;
}

.form_content .form .form_item.w_50 {
	width:calc((100% - 40px) / 2);
}

.form_content .form .form_item.w_25 {
	width:calc((100% - 80px) / 4);
}

.form_content .form .form_item.w_20 {
	width:calc((100% - 80px) / 5);
}

.form_content .form .form_item.w_30 {
	width:calc(30% - 20px);
}

.form_content .form .form_item.disabled {
	opacity:0.3;
}

.form_content .form .form_item.disabled:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
}

.form_content .form .form_item h3 {
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 25px;
	line-height: 22.84px;
	letter-spacing: -0.36px;
	color:#FFC800;
	padding-bottom:15px;
}

.form_content .form .form_item .radio {
	float:left;
	margin-right:10px;
	height:30px;
	padding-left:30px;
	border-radius:20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1.5px;
	color:#FFFFFF;
	position:relative;
	cursor:pointer;
	margin-bottom:15px;
}

.form_content .form .form_item .radio label {
	cursor:pointer;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
}

.form_content .form .form_item .radio.checked {
	background:#ffffff;
	color:#008C7D;
}

.form_content .form .form_item .radio:before {
	content:'';
	border:1px solid #ffffff;
	border-radius:15px;
	width:24px;
	height:24px;
	position:absolute;
	top:2px;
	left:2px;
	background:#008C7D;
	cursor:pointer;
}

.form_content .form .form_item .radio.checked:before {
	background:#008C7D url('../img/check.svg') center center no-repeat;
	background-size:16px auto;
}

.form_content .form .form_item .radio input {
	position:absolute;
	width:30px;
	height:30px;
	left:0;
	top:0;
	opacity:0;
	cursor:pointer;
}

.form_content .form .form_item .input {
	float:left;
	margin-right:10px;
	height:30px;
	padding-left:0;
	padding-right:10px;
	border-radius:20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1.5px;
	color:#008C7D;
	background:#ffffff;
	margin-bottom:15px;
}

.form_content .form .form_item .input input[type="text"] {
	background:transparent;
	padding-left:12px;
	padding-right:7px;
	height:30px;
	line-height:30px;
	font-family: "Host Grotesk", sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.3px;
	text-align:left;
	width:80px;
	color:#008C7D;
}

.result_content {
	padding:38px 64px;
	text-align:left;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	display:none;
}

.result_content.ok {
	background:#FFC800;
}

.result_content.fail {
	background:#979797CC;
}

.result_content .result {
	border:0.6px solid #08312A;
	border-radius:12px;
	padding:32px 40px 36px 40px;
	font-weight: 300;
	font-size: 56.34px;
	line-height: 110%;
	letter-spacing: -1.43px;
	color:#ffffff;
}

.result_content .result strong {
	font-weight: 700;
	font-style: Bold;
	letter-spacing: -1.43px;
	
}

.result_content .result span {
	display:block;
	font-weight: 700;
	font-style: Bold;
	font-size: 36.06px;
	line-height: 100%;
	letter-spacing: -1.43px;
	padding-top:10px;
}

.result_content.ok .result strong {
	color:#08312A;
}

.result_content.ok .result span {
	color:#08312A;
}

.result_content.fail .result strong {
	color:#000000;
}

.result_content.fail .result span {
	color:#000000;
}

.footer_content {
	padding:64px;
	text-align:left;
}

.footer_content p {
	font-weight: 300;
	font-style: Light;
	font-size: 14px;
	line-height: 22.84px;
	letter-spacing: 0px;
	padding-bottom:20px;
	color:#000000;
}

.footer_content p.top {
	padding-bottom:40px;
}

.footer_content p strong {
	font-weight:700;
}

.footer_content p a {
	color:#000000;
	text-decoration: none;
}

.footer_content p a:hover {
	text-decoration: underline;
}

.footer_content .bottom {
	font-weight: 300;
	font-style: Light;
	font-size: 13.52px;
	line-height: 110%;
	letter-spacing: 0px;
	color:#000000;
	padding-top:40px;
}

.footer_content .bottom .box {
	float:left;
	padding-right:40px;
}

.footer_content .bottom strong {
	font-weight:700;
}

.footer_content .bottom a {
	color:#000000;
	text-decoration: none;
}

.footer_content .bottom a:hover {
	text-decoration: underline;
}

.footer_content .bottom .box.box_2 {
	max-width:300px;
}

.footer_content .bottom .box.box_4 {
	float:right;
}

.footer_content .bottom .box.box_4 a {
	text-decoration: underline;
	display:inline-block;
	margin-left:20px;
}