::-webkit-input-placeholder {
	color: #b4b4b4;
	font-family: LatoRegular, Arial, sans-serif;
}
::-moz-placeholder {
	color: #b4b4b4;
	font-family: LatoRegular, Arial, sans-serif;
}
:-moz-placeholder {
	color: #b4b4b4;
	font-family: LatoRegular, Arial, sans-serif;
}
:-ms-input-placeholder {
	color: #b4b4b4;
	font-family: LatoRegular, Arial, sans-serif;
}
/* Webfont: Lato-Black */
@font-face {
	font-family: 'LatoBlack';
	src: url('../fonts/lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Black.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BlackItalic */
@font-face {
	font-family: 'LatoBlack';
	src: url('../fonts/lato/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-BlackItalic.woff') format('woff');
	font-style: italic;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */
@font-face {
	font-family: 'LatoBold';
	src: url('../fonts/lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Bold.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BoldItalic */
@font-face {
	font-family: 'LatoBold';
	src: url('../fonts/lato/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-BoldItalic.woff') format('woff');
	font-style: italic;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Heavy */
@font-face {
	font-family: 'LatoHeavy';
	src: url('../fonts/lato/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Heavy.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-HeavyItalic */
@font-face {
	font-family: 'LatoHeavy';
	src: url('../fonts/lato/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-HeavyItalic.woff') format('woff');
	font-style: italic;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Italic */
@font-face {
	font-family: 'LatoItalic';
	src: url('../fonts/lato/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Italic.woff') format('woff');
	font-style: italic;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */
@font-face {
	font-family: 'LatoLight';
	src: url('../fonts/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Light.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */
@font-face {
	font-family: 'LatoRegular';
	src: url('../fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Regular.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Semibold */
@font-face {
	font-family: 'LatoSemibold';
	src: url('../fonts/lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/lato/Lato-Semibold.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'LatoSemibold';
	src: url('../fonts/lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato/Lato-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato/Lato-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/lato/Lato-Semibold.ttf') format('truetype'); /* Safari, Android, iOS */
}
body {
	background: url("../img/background.png") no-repeat center 67px;
	background-size: 1308px 773px;
	font-family: LatoRegular, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}
input:focus {
	outline-color: #dcdcdc;
}
textarea:focus {
	outline-color: #dcdcdc;
}
.auth_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
	position: relative;
}
.auth_form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #333e49;

	letter-spacing: -0.15px;
	font-size: 14px;
	line-height: 20px;
}
.auth_form_input {
	box-sizing: border-box;

	font-size: 15px;
	line-height: 18px;

	padding: 9px 12px;
	-webkit-appearance: none;
	box-shadow: none;
	resize: none;

	border: none;
	background: #f8f8f8;

	color: #333e49;
}
.auth_form_input:focus {
	outline: none;
}
.auth_form_button {

	font-size: 15px;
	line-height: 18px;

	color: #ffffff;
	background: #007aff;
	text-align: center;
	padding: 9px 12px;
	box-sizing: border-box;
	cursor: pointer;
}
.auth_info {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.15px;
	color: #b4b4b4;
	mix-blend-mode: normal;
	text-align: center;
}
a {
	color: #2673a9;
	text-decoration: none;
}
.auth_error {
	color: #ea5858 !important;
}
.auth_text {
	color: #2673a9 !important;
}

.section_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.section {
	display: flex;
	flex-direction: row;
}
.section_header {
	font-family: LatoBlack, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.6px;
}
.section_header_small {
	font-family: LatoHeavy, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -0.3px;
}
.section_text {
	font-style: normal;
	font-weight: normal;
	color: #2c3e50;
}
.section_description {
	font-family: LatoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: #2c3e50;
}
.section_agreement {
	font-family: LatoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.12px;
	color: #b4b4b4;
	opacity: 0.8;
}
.section_navigator {
	display: flex;
	justify-content: space-between;
}
.section_selector {
	border: 1px solid #009fe6;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 8px 10px 8px 12px;

	background-color: white;

	font-size: 15px;
	color: #009fe6;
	width: 196px;

	display: flex;
	justify-content: space-between;
}
.section_mbti_block {
	background: #f8f8f8;
	border-radius: 12px;

	padding: 24px;

	display: flex;
	justify-content: space-between;
}
.navigator {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #b4b4b4;
	cursor: pointer;
	background-size: 36px !important;
	background-repeat: no-repeat !important;
	flex: 1 1 251px;
}
.nav_previous {
	padding: 8px 0px 8px 48px;
	background: url("../img/previous.png");
	background-position-x: left;
	box-sizing: border-box;
}
.nav_next {
	padding: 8px 48px 8px 0px;
	background: url("../img/next.png");
	background-position-x: right;
	text-align: right;
	box-sizing: border-box;
}
.nav_next_blue {
	padding: 8px 48px 8px 0px;
	background: url("../img/next_blue.png");
	background-position-x: right;
	text-align: right;
	box-sizing: border-box;
}
.nav_next_check_mark_blue {
	padding: 8px 48px 8px 0px;
	background: url("../img/check_mark_blue.png");
	background-position-x: right;
	text-align: right;
	box-sizing: border-box;
}
.nav_page {
	font-family: LatoBold, Arial, sans-serif;
	padding: 8px 0px;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.3px;
	color: #2c3e50;
	text-align: center;
}
.section_form {
	background: #f8f8f8;
	border-radius: 12px;
	padding: 24px;
}
.section_form_header {
	font-family: LatoBlack, Arial, sans-serif;
	font-size: 32px;
	letter-spacing: -0.6px;
	color: #e6e6e6;
}
.section_form_input {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 12px;
	font-size: 15px;
	line-height: 150%;
	color: #333e49;
}
.section_form_input::placeholder {
	color: #b4b4b4;
}
.section_form_textarea {
	background: #ffffff;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 12px;
	font-size: 15px;
	line-height: 22px;
	min-height: 88px;
	color: #333e49;
}
.section_form_textarea::placeholder {
	color: #b4b4b4;
}
.color_b4b4b4 {
	color: #b4b4b4 !important;
}
.section_changes {
	font-size: 14px;
	line-height: 34px;
	color: #b4b4b4;
}
.bg_e5e5e5 {
	background: #e5e5e5;
}

.task_horizontal_wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
}
.task_horizontal_wrap_w800 {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 800px;
}
.task_title {
	font-family: LatoRegular, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #b4b4b4;
	margin-bottom: 8px;
}
.task_arrow {
	position: absolute;
	left: 755px;
	top: 526.5px;
}
.task_question {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	font-family: LatoBlack, Arial, sans-serif;
	font-size: 32px;
	line-height: 38px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	letter-spacing: -0.6px;

	/* Dark gray */
	color: #dcdcdc;
}

.figma_link {
	background: rgba(255, 255, 255, 0.5) url("../img/figma.png") no-repeat 16px center;
	background-size: 11px 16px;

	font-size: 15px;
	line-height: 18px;
	color: #8c8c8c;

	padding: 9px 16px 9px 35px;

	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	border-radius: 8px;

	cursor: pointer;

	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.flex_column_center_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flex_row_space_between_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flex_row_space_between_wrap_align_items_end {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
}
.flex_row_space_between_wrap_align_items_flex_end {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.flex_row_space_around_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.flex_row_start_wrap {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}
.flex_row_center_center_wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.send_result_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.send_result_header {
	font-family: LatoBold, Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.15px;
	color: #333e49;
	mix-blend-mode: normal;
}
.send_result_text {
	font-family: LatoRegular, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #333e49;
	mix-blend-mode: normal;
}
.send_result_form {
	border-radius: 8px 8px 0 0;
	padding: 16px 16px 24px 16px;
	box-sizing: border-box;
}
.send_result_form_agreement_text {
	padding: 16px 30px 20px 30px;
	border-radius: 0 0 8px 8px;
	box-sizing: border-box;
	border-top: 1px dashed #dcdcdc;

	font-size: 13px;
	line-height: 140%;

	text-align: center;
	letter-spacing: -0.15px;

	color: #b4b4b4;
	mix-blend-mode: normal;
}
.send_result_input {
	background: #ffffff;
	border: none;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 15px;
	line-height: 18px;
	color: #333e49;
}
.send_result_input::placeholder {
	color: #b4b4b4;
}
.send_result_error {
	color: #ea5858 !important;
}
.send_social_network_additional_info {
	font-size: 13px;

	letter-spacing: -0.15px;

	color: #b4b4b4;
	mix-blend-mode: normal;
}
.separator_line {
	height: 150px;
	border-left: 1px dashed #dcdcdc;
}
.video_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.btn {
	padding: 6px 16px;
	border-radius: 8px;

	font-family: LatoSemibold, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	color: #ffffff;

	cursor: pointer;

	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.field_error {
	border-color: #ea5858 !important;
}
.field_error:focus {
	outline-color: #ea5858 !important;
}
.clr_grey2 {
	color: #b4b4b4;
	background: #f0f0f0;
}
.clr_grey {
	color: #b4b4b4;
	background: #f5f5f5;
}
.clr_blue {
	background: #007aff;
}
.clr_green {
	background: #05c46b;
}

.h106 {
	height: 106px !important;
}
.h67 {
	height: 67px !important;
}
.h55 {
	height: 55px !important;
}
.h36 {
	height: 36px !important;
}
.h32 {
	height: 32px !important;
}
.h30 {
	height: 30px !important;
}
.h22 {
	height: 22px !important;
}
.h400 {
	height: 400px !important;
}
.h44 {
	height: 44px !important;
}
.min_h800 {
	min-height: 800px !important;
}
.min_h700 {
	min-height: 700px !important;
}
.min_h600 {
	min-height: 600px !important;
}
.min_h400 {
	min-height: 400px !important;
}
.min_h240 {
	min-height: 240px !important;
}
.min_h238 {
	min-height: 238px !important;
}
.min_h152 {
	min-height: 152px !important;
}
.min_h108 {
	min-height: 108px !important;
}
.min_h86 {
	min-height: 86px !important;
}
.min_h64 {
	min-height: 64px !important;
}

.w100p {
	width: 100% !important;
}
.w1240 {
	width: 1240px !important;
}
.w1170 {
	width: 1170px !important;
}
.w1080 {
	width: 1080px !important;
}
.w1024 {
	width: 1024px !important;
}
.w800 {
	width: 800px !important;
}
.min_w800 {
	min-width: 800px !important;
}
.w688 {
	width: 688px !important;
}
.w624 {
	width: 624px !important;
}
.w481 {
	width: 481px !important;
}
.w432 {
	width: 432px !important;
}
.w340 {
	width: 340px !important;
}
.w300 {
	width: 300px !important;
}
.w400 {
	width: 400px !important;
}
.w370 {
	width: 370px !important;
}
.w247 {
	width: 247px !important;
}
.w240 {
	width: 240px !important;
}
.w207 {
	width: 207px !important;
}
.w200 {
	width: 200px !important;
}
.w184 {
	width: 184px !important;
}
.w176 {
	width: 176px !important;
}
.w139 {
	width: 139px !important;
}
.w36 {
	width: 36px !important;
}
.w32 {
	width: 32px !important;
}
.w30 {
	width: 30px !important;
}

.mt200 {
	margin-top: 200px !important;
}
.mt150 {
	margin-top: 150px !important;
}
.mt139 {
	margin-top: 139px !important;
}
.mt120 {
	margin-top: 120px !important;
}
.mt103 {
	margin-top: 103px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt98 {
	margin-top: 98px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt64 {
	margin-top: 64px !important;
}
.mt58 {
	margin-top: 58px !important;
}
.mt52 {
	margin-top: 52px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt48 {
	margin-top: 48px !important;
}
.mt27 {
	margin-top: 27px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt14 {
	margin-top: 14px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt11 {
	margin-top: 11px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mb180 {
	margin-bottom: 180px !important;
}
.mb137 {
	margin-bottom: 137px !important;
}
.mb127 {
	margin-bottom: 127px !important;
}
.mb81 {
	margin-bottom: 81px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.ml32 {
	margin-left: 32px !important;
}
.ml24 {
	margin-left: 24px !important;
}
.ml16 {
	margin-left: 16px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml8 {
	margin-left: 8px !important;
}
.mr8 {
	margin-right: 8px !important;
}
.pb190 {
	padding-bottom: 190px !important;
}
.pb164 {
	padding-bottom: 164px !important;
}
.pb141 {
	padding-bottom: 141px !important;
}
.pb128 {
	padding-bottom: 128px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.pb64 {
	padding-bottom: 64px !important;
}
.pb24 {
	padding-bottom: 24px !important;
}
.pt242 {
	padding-top: 242px !important;
}
.pt200 {
	padding-top: 200px !important;
}
.pt140 {
	padding-top: 140px !important;
}
.pt120 {
	padding-top: 120px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt60 {
	padding-top: 60px !important;
}
.pt52 {
	padding-top: 52px !important;
}
.pt28 {
	padding-top: 28px !important;
}
.pt24 {
	padding-top: 24px !important;
}
.pl48 {
	padding-left: 48px !important;
}
.pr48 {
	padding-right: 48px !important;
}
.pl24 {
	padding-left: 24px !important;
}
.pr24 {
	padding-right: 24px !important;
}
.p8 {
	padding: 8px !important;
}
.br12 {
	border-radius: 12px !important;
}
.br8 {
	border-radius: 8px !important;
}
.br5 {
	border-radius: 5px !important;
}
.br4 {
	border-radius: 4px !important;
}

::after,
::before {
	box-sizing: border-box;
	/* color tab for android */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}
.noselect {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
.hidden {
	display: none !important;
}
.opacity03 {
	opacity: 0.3;
}


.popup_container {
	position: fixed;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	outline: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1050;
}
.popup_container_container {
	position: fixed;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	outline: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1070;
}
.overlay_container {
	position: fixed;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	outline: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1070;
}
.center {
	text-align: center !important;
}
.animated.very_fast {
	-webkit-animation-duration: 150ms;
	animation-duration: 150ms;
}
.animated.fast {
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
}
.abra {
	position: relative;
	top: 68px;
	left: -362px;
	width: 16px !important;
	height: 16px !important;
}
.animated.slow {
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
}
.inlineb {
	display: inline-block;
}
.left {
	text-align: left !important;
}
.video {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: stretch;
	padding: 24px;
	background-color: black;
	border-radius: 8px;
	margin: 64px 0;
}
.video .button_size_l {
	flex: 1 0 44px;
}
.video_iframe {
	z-index: 100;
	width: 100%;
	height: 100%;
}
.video_iframe_wrap {
	width: 854px;
	height: 480px;
	border-radius: 5px;
	margin-bottom: 24px;
	overflow: hidden;
}
.video_close {
	background: url(/static/img/modal-close.svg) no-repeat center;
	height: 24px;
	width: 24px;
	position: absolute;
	top: -28px;
	right: -32px;
	opacity: 0.4;
	cursor: pointer;
	z-index: 1070;
}
.video_close:hover {
	opacity: 0.8;
}
@media (min-width: 1366px) {
	.video_iframe_wrap {
		width: 854px;
		height: 480px;
	}
}
@media (max-width: 1365px) {
	.video_iframe_wrap {
		width: 640px;
		height: 360px;
	}
}
@media (max-width: 760px) {
	.video_iframe_wrap {
		width: 480px;
		height: 270px;
	}
}
.pointer {
	cursor: pointer;
}
.border_box {
	box-sizing: border-box;
}
.br5 {
	border-radius: 5px !important;
}
.bg_f8f8f8 {
	background: #f8f8f8 !important;
}
.fs_18 {
	font-size: 18px !important;
}
.fs_16 {
	font-size: 16px !important;
}
.lato_bold {
	font-family: LatoBold, Arial, sans-serif !important;
}
.lato_black {
	font-family: LatoBlack, Arial, sans-serif !important;
}
.lato_regular {
	font-family: LatoRegular, Arial, sans-serif !important;
	font-style: normal !important;
	font-weight: normal !important;
}
.color_black {
	color: #2c3e50 !important;
}
.color_link {
	color: #2574a9 !important;
}
.color_link_opacity {
	color: #9abfd8 !important;
}
.p16 {
	padding: 16px !important;
}
.pr16 {
	padding-right: 16px !important;
}
.bg_white {
	background-color: white !important;
}
.pl16 {
	padding-left: 16px !important;
}
.pt32 {
	padding-top: 32px !important;
}
.pt12 {
	padding-top: 12px !important;
}
.pb12 {
	padding-bottom: 12px !important;
}
.pb16 {
	padding-bottom: 16px !important;
}
.pb8 {
	padding-bottom: 8px !important;
}
.pr8 {
	padding-right: 8px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.bb_1px_solid_f0f0f0 {
	border-bottom: 1px solid #f0f0f0 !important;
}
.text_overflow_ellipsis {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
.text_overflow_scroll {
	white-space: nowrap !important;
	overflow: scroll;
	text-overflow: inherit;
}
.fs_15 {
	font-size: 15px !important;
}
.fs_14 {
	font-size: 14px !important;
}
.lh20 {
	line-height: 20px !important;
}
.ls012 {
	letter-spacing: -0.12px !important;
}
.pre_wrap {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.color_blue {
	color: #009fe6 !important;
}
.color_ginger {
	color: #ffb54d !important;
}
.color_black {
	color: #333e49 !important;
}
.br_3px_black_op005 {
	border: 3px solid rgba(0, 0, 0, 0.05);
}
.p24 {
	padding: 24px !important;
}
.p20 {
	padding: 20px !important;
}
.bt_dashed_dcdcdc {
	border-top: 1px dashed #dcdcdc;
}
.br50 {
	border-radius: 50px;
}
.bg_skin_popup_hide_circle_btn {
	background-image: url(/static/img/icon/x.png);
	background-color: #45454a;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.absolute {
	position: absolute !important;
}
.relative {
	position: relative !important;
}
.fixed {
	position: fixed !important;
}
.flex_end {
	display: flex !important;
	justify-content: flex-end !important;
}
.fa-angle-down.show {
	transform: rotate(180deg);
	transition: transform 0.1s linear;
}
.fa-angle-down.close {
	transform: rotate(0deg);
	transition: transform 0.1s linear;
}
.mbti_list {
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: white;

	top: 31px;
	left: -5px;

	width: 204px;
	max-height: 242px;

	overflow-y: scroll;
}
.mbti_item {
	padding: 9px 16px 7px 16px;
	font-size: 15px;
	line-height: 20px;
	color: #333e49;
	box-sizing: border-box;

	display: flex;
	justify-content: space-between;
}
.mbti_item:hover {
	border-radius: 4px;
	background-color: #f8f8f8;
	cursor: pointer;
}
.mbti_badge {
	width: 49px;
	height: 17px;

	border-radius: 5px;
	background: #c7cdd4;

	text-align: center;
	color: #ffffff;
	font-size: 12px;
	line-height: 17px;
	font-family: LatoBold, Arial, sans-serif;
	letter-spacing: -0.333333px;

}
.no_resize {
	resize: none;
}
.social_network_links {
	width: fit-content;
	height: 74px;

	padding: 12px;
	box-sizing: border-box;

	z-index: 999;

	top: -80px;
	right: 32px;

	background-color: white;
	border-radius: 65px;
	border: 1px solid #f0f0f0;
	box-shadow: 0px -4px 30px rgba(0, 0, 0, 0.15);
}
.popover_social_network_links {
	position: absolute;

	width: fit-content;
	height: 83px;

	z-index: 999;

	top: -80px;
	right: 32px;
}
.popover_angle {
	position: absolute;
	transform: rotate(180deg);
}
.popover_angle::before,
.popover_angle::after {
	content: '';
	position: absolute;
	bottom: 0;
	border: 7px solid transparent;
	border-bottom: 9px solid #f0f0f0;
}
.popover_angle::after {
	border-bottom: 9px solid #ffffff;
	bottom: -2px;
}
.social_network_item {
	opacity: 0.8;
}
.social_network_item:hover {
	opacity: 1;
}
.question_input {
	width: 370px;
	padding: 10px 12px 10px 12px;

	background-color: white;

	font-size: 15px;
	line-height: 22px;
	color: #2c3e50 !important;

	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 5px;
}
.question_input::placeholder {
	color: #b4b4b4;
}
.question_item {
	width: 370px;
	padding: 10px 12px 10px 12px;

	background-color: white;
	cursor: pointer;

	font-size: 15px;
	line-height: 22px;
	color: #b4b4b4;

	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	border-radius: 5px;
}
.question_item_hover:hover {
	border: 1px solid #009fe6;
	color: #009fe6;
}
.question_item.checked {
	border: 1px solid #009fe6;
	color: #009fe6;
}
.lh140p {
	line-height: 140% !important;
}
.separator_horizontal_wrap {
	position: relative;
	width: 100%;
	height: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.separator_horizontal_line {
	top: 13px;
	height: 1px;
	background: #e6e6e6;
	width: 100%;
	position: absolute;
	z-index: 1;
}
.separator_horizontal_text {
	font-size: 15px;
	line-height: 22px;
	background: white;
	padding: 0 8px;
	color: #b4b4b4;
	z-index: 2;
}
.lspacing_-0_2px {
	letter-spacing: -0.2px !important;
}
.float_r {
	float: right !important;
}
.hint_text {
	width: 177px;
	height: 67px;

	padding: 8px 9px 8px 11px;

	font-size: 14px;
	line-height: 17px;

	color: #009fe6;

	box-sizing: border-box;

	border: 1px solid #009fe6;
	border-radius: 5px;
	letter-spacing: -0.1px;

	background: white;
}
.plus {
	background-color: #d7ffc3 !important;
}
.hint_angle {
	position: absolute;
	transform: rotate(270deg);
}
.hint_angle::before,
.hint_angle::after {
	content: '';
	position: absolute;
	bottom: 0;
	border: 7px solid transparent;
	border-bottom: 7px solid #009fe6;
}
.hint_angle::after {
	border-bottom: 7px solid #ffffff;
	bottom: -1px;
}
.hint_close {
	width: 25px;
	height: 25px;

	border-radius: 50px;

	background-image: url(/static/img/icon/x2.svg);
	background-color: #f8f8f8;
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
}
.hint_close:hover {
	background-color: #ff6a64;
}
.male_detective_hint {}
.male_detective_hint:hover {}
.lh23 {
	line-height: 23px;
}
.color_05c46b {
	color: #05c46b !important;
}
.color_ff6a64 {
	color: #ff6a64;
}
.p12 {
	padding: 12px !important;
}
.w20 {
	width: 20px !important;
}
.h20 {
	height: 20px !important;
}
.input_card_hint {
	position: absolute;
	background-image: url(/static/img/icon/input_card_hint.svg);
	background-repeat: no-repeat;
	background-position: center;
	bottom: 8px;
	right: 8px;
	cursor: pointer;
}
.w378 {
	width: 378px !important;
}
.w368 {
	width: 368px !important;
}
.h230 {
	height: 230px !important;
}
.input_card_popup_wrap {
	position: absolute;
	z-index: 999;
}
.input_card_popup {
	background: white;
	padding: 16px 24px;

	font-size: 13px;
	line-height: 140%;
	font-weight: normal;
	letter-spacing: -0.1px;
	border: 1px solid #f0f0f0;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
	border-radius: 12px;
}
#path_to_card_popover:hover {}
.rotate270 {
	transform: rotate(270deg) !important;
}
.pb48 {
	padding-bottom: 48px !important;
}
.pt48 {
	padding-top: 48px !important;
}
.w318 {
	width: 318px !important;
}
.mr32 {margin-right: 32px;}
.fl_l {
	float: left !important;
}
.clear_fix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear_fix {
	height: 1%;
}
.clear_fix {
	display: block;
	overflow: hidden;
}
.clear_fix.hidden {
	display: none !important;
}