form.post-password-form {
	background: #000000;
	width: 600px;
	max-width: 100%;
	text-align: center;
	padding: 50px 20px;
	margin: 0px auto;
	text-align: center;
	margin-top: 100px;
}

form.post-password-form .ppw-ppf-desc {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	color: #FFF;
	line-height: 1.2;
	margin: 0 0 20px;
}

form.post-password-form p label {
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	width: 280px;
	max-width: 100%;
	margin: 0px auto;
	display: block;
	text-align: left;
	line-height: 1.2;
}

form.post-password-form p label input[type=password] {
	display: block;
	width: 100%;
	color: #000;
	height: 40px !important;
	line-height: 28px;
	margin-top: 6px;
	padding: 0px !important;
}

form.post-password-form input[type=submit] {
	text-transform: uppercase;
	background: #d2fc61;
	border-radius: 5px;
	border: none;
	display: block;
	text-shadow: 0px 0px 1px #d2fc61;
	color: #000;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-appearance: none;
	cursor: pointer;
	width: 140px;
	margin: 10px auto 0px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	height: 42px !important;
	transition: 0.3s;
	font-size: 14px !important;
	padding: 0 !important;
}

form.post-password-form input[type=submit]:hover {
	background: #87b801;
	color: white;
	text-decoration: none;
	transition: 0.3s;
}

.title_box {
	margin-top: 150px;
}

.title_box h1 {
	color: #000000;
	font-size: 40px;
	font-weight: 900;
	margin-bottom: 40px;
	line-height: 1.25;
	text-align: center;
}

.title_box .cpa_switch_ib {
	display: flex;
	justify-content: center;
}

.title_box .cpa_switch_ib h2 {
	color: #BBBABA;
	cursor: pointer;
	width: 100%;
	max-width: 300px;
	text-align: center;
	margin-bottom: 10px;
}

.content_box .step01 {
	padding: 65px 120px 60px;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: rgb(255 255 255 / 50%);
}

.content_box .step02 {
	padding: 36px 120px 37px;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: rgb(255 255 255 / 50%);
}

.content_box .step03 {
	padding: 60px 120px;
	border-radius: 20px;
	background-color: rgb(255 255 255 / 50%);
	margin-bottom: 20px;
}

.content_box li label {
	color: #11140F;
	width: 100%;
	display: inline-block;
	font-size: 16px;
	position: relative;
}

.content_box li label span {
	font-style: normal;
	color: red;
	margin-left: 5px;
	display: inline-block;
}

.content_box li span {
	display: none;
	color: #ff0000;
}

.content_box h3 {
	color: #000000;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
}

.step01 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.step01 li {
	color: #11140F;
	max-width: 460px;
	display: inline-block;
	width: 100%;
	margin-bottom: 26px;
	position: relative;
}

.step01 li input {
	width: 100%;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #BBBABA;
	outline: none;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}

.step02 ul li:nth-child(1) {
	margin-bottom: 26px;
}

.step02 ul li input {
	width: 100%;
	height: 48px;
	max-width: 460px;
	;
	border-radius: 10px;
	border: 1px solid #BBBABA;
	outline: none;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}

.step02 ul li label {
	color: #11140F;
	width: 100%;
	display: inline-block;
	font-size: 16px;
}

.step02 ul li textarea {
	outline: none;
	padding: 15px 20px;
	width: 100%;
	border-radius: 10px;
	min-height: 125px;
	border: 1px solid #BBBABA;
	resize: vertical;
}

.step02_title {
	display: flex;
	justify-content: space-between;
}

.step02_title h3 {
	margin-bottom: 0;
	margin-bottom: 31px;
}

.step02_btn span {
	display: inline-block;
	max-width: 36px;
	width: 100%;
	cursor: pointer;
}

.step02_btn span.close {
	display: none;
}

.step02 ul {
	display: none;
}

.step03 h3 {
	margin-bottom: 30px;
	font-size: 20px;
}

.step03 p {
	margin-bottom: 32px;
	font-size: 16px;
	color: #000;
}

.step03 #field_8_11,
#field_8_10,
#field_8_9,
#field_8_8,
#field_8_7,
#field_8_6,
#field_8_5,
#field_8_4,
#field_8_3,
#field_8_1,
#field_8_14,
#field_8_15 {
	height: 0px;
	overflow: hidden;
	width: 0px;
	display: none
}

.step03 #gform_fields_8 {
	display: flex;
}

.step03 #field_8_12,
#field_8_13 {
	max-width: 520px;
	width: 100%;
	position: relative;
}

.step03 .gform_wrapper.gravity-theme .gfield_label {
	color: #000;
	font-weight: normal;
	position: static;
}

.step03 .gform_wrapper.gravity-theme .gform_drop_area {
	border: 1px solid #BBBABA;
	border-radius: 10px;
	padding: 0;
}

.step03 .gform_wrapper.gravity-theme .gform_drop_instructions {
	display: none;
}

.step03 #gform_browse_button_8_12,
#gform_browse_button_8_13 {
	padding: 20px;
	border: none;
	width: 100%;
	border-radius: 10px;
	background-color: #fff;
}

.step03 #gfield_upload_rules_8_12,
#gfield_upload_rules_8_13 {
	display: none;
}

.step03 .gform_footer.before {
	height: 0px;
	overflow: hidden;
	padding: 0 !important;
}

.step03 .gform_wrapper.gravity-theme .gfield_label .password_img {
	margin-left: 5px;
	margin-bottom: 0;
}

.step04 {
	padding: 38px 120px 38px;
	border-radius: 20px;
	background-color: rgb(255 255 255 / 50%);
	display: flex;
	justify-content: space-between;
}

.check {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.check .inp {
	display: flex;
	align-items: center;
}

#protocol {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

#protocol[type=checkbox] {
	cursor: pointer;
	position: relative;
}

#protocol[type=checkbox]::after {
	position: absolute;
	top: 0;
	border: none;
	color: #fff;
	width: 24px;
	height: 24px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: '';
	border-radius: 1px
}

#protocol[type=checkbox]:checked::after {
	background-color: #fff;
	border-color: #fff;
	content: "■";
	color: #d2fc61;
	font-size: 30px;
	font-weight: bold;
	line-height: 18px;
	border: 1px solid #d2fc61;
}

.check .inp label {
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
}

.check .inp label a {
	color: #232020;
}

.check .inp label a b {
	font-weight: 900;
	text-decoration: underline;
}

.down {
	width: 100%;
	max-width: 50px;
	cursor: pointer;
}

.check .err_warn {
	display: none;
	color: #EE5253;
	font-size: 12px;
	position: absolute;
	top: 100%;
	left: 0;
	letter-spacing: -0.7px;
	line-height: 1.334;
}

.check .err_warn span {
	display: block;
	width: 100%;
}

.submit_button {
	display: flex;
	justify-content: center;
	margin: 100px 0;
}

.submit_button a {
	width: 200px;
	height: 48px;
	background-color: #d2fc61;
	border-radius: 10px;
	font-size: 16px;
	color: #11140f;
	display: flex;
	justify-content: center;
	align-items: center;
}

.green_text {
	display: none;
	background-color: #d2fc61;
	color: #000000;
	padding: 20px;
	position: absolute;
	top: -13px;
	left: 110px;
	right: 0;
	border-radius: 10px;
	font-size: 12px;
	z-index: 999;
}

.password_img {
	cursor: pointer;
	max-width: 18px;
	margin-bottom: 5px;
}

.blue_text {
	display: none;
	width: max-content;
	max-width: 100%;
	background-color: #d2fc61;
	color: #000000;
	padding: 20px;
	position: absolute;
	top: auto;
	left: 0;
	border-radius: 10px;
	font-size: 12px;
	z-index: 999;
	box-sizing: border-box;
}

#phoneCode {
	max-width: 100px;
	margin-right: 10px;
}

.mobile_box {
	display: flex;
}

.country_box {
	position: relative;
}

.country_box ul {
	position: absolute;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0 0 8px 8px;
	top: 60px;
	height: 110px;
	overflow-y: scroll;
	display: none;
	z-index: 99;
}

.country_box ul li {
	width: 100%;
	max-width: 100%;
	background-color: #fff;
	margin-bottom: 0;
	z-index: 9;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px;
}

.mobile_number_box {
	position: relative;
}

.mobile_number_box ul {
	position: absolute;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0 0 8px 8px;
	top: 60px;
	height: 110px;
	overflow-y: scroll;
	display: none;
	z-index: 99;
}

.mobile_number_box ul li {
	width: 100%;
	max-width: 100%;
	background-color: #fff;
	margin-bottom: 0;
	z-index: 9;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding: 8px 10px;
}

.step01 li.tiers_box {
	position: relative;
}

.step01 ul.tiers_list {
	position: absolute;
	border: 1px solid #d8d8d8;
	border-radius: 0 0 8px 8px;
	width: 100%;
	top: 60px;
	display: none;
}

.step01 ul.tiers_list li {
	width: 100%;
	background: #fff;
	font-size: 20px;
	max-width: 100%;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #d8d8d8;
	overflow: hidden;
}

.step01 ul.tiers_list li:last-child {
	border: none;
	border-radius: 0 0 8px 8px;
}

.um_cpa_form {
	height: 0;
	overflow: hidden;
}

.gform_wrapper.gravity-theme .ginput_preview {
	color: #ff0000;
}

.dialog_wrapper {
	width: 100%;
	height: 100%;
	padding: 0 20px;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 9999;
}

.dialog_content {
	width: 100%;
	max-width: 300px;
	padding: 80px 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #1d2836;
	border-radius: 5px;
	z-index: 10000;
}

.dialog_content .close {
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	background-color: #e35728;
	border-radius: 50%;
	display: block;
	text-align: center;
	cursor: pointer;
}

.dialog_content .data_msg {
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin: 0;
}

.password_show,
.password_hide {
	width: 24px;
	position: absolute;
	right: 12px;
	top: 34px;
	cursor: pointer;
}

.password_box input {
	padding-right: 44px !important;
}

.content_box li span a {
	color: #000;
	display: block;
	margin-top: 5px;
	text-align: right;
	text-decoration: underline;
}

@media (max-width:1240px) {
	.step01 li {
		max-width: 48%;
	}
}

@media (max-width:900px) {
	.content_box .step01 {
		padding: 40px 60px 60px;
	}

	.content_box .step02 {
		padding: 40px 60px;
	}

	.content_box .step03 {
		padding: 40px 60px 60px;
	}

	.step04 {
		padding: 40px 60px 60px;
	}
}

@media (max-width:768px) {
	.step01 li {
		width: 100%;
		max-width: 100%;
	}

	.step03 #gform_fields_8 {
		flex-wrap: wrap;
	}

	.content_box .step01 {
		padding: 30px 34px 60px;
	}

	.content_box .step02 {
		padding: 35px 34px;
	}

	.content_box .step03 {
		padding: 41px 33px;
	}

	.content_box .step04 {
		padding: 60px 34px;
	}

	.results_option {
		font-size: 14px;
	}
}

@media (max-width:430px) {
	.open_cpa_account_content .inner {
		padding-left: 0;
		padding-right: 0;
	}

	.content_box .step01,
	.content_box .step02,
	.content_box .step03,
	.content_box .step04 {
		border-radius: 0px;
	}

	.check .inp label a {
		font-size: 14px;
	}

	#phoneCode {
		max-width: 70px;
		margin-right: 10px;
		padding: 0 15px;
	}
}

.country_code {
	width: 100%;
	position: absolute;
	top: 68px;
	z-index: 100;
	background: #fff;
	border: 1px solid #D9D9D9;
	display: none
}

.country_code .results {
	max-height: 200px;
	overflow-y: auto;
}

.country_code .results_option {
	margin-bottom: 0;
	padding: 5px 10px;
	font-size: 16px;
	color: #444150;
}

.country_code .results_option:hover {
	background-color: #5897fb;
	color: #fff;
}

.country_code .results_option.active {
	background: #5897fb;
}

.country_code .code_line {
	padding: 5px 10px;
	color: #63778f;
}

.results_option img {
	width: 22px;
	height: 15px;
	margin-right: 10px;
}

.country_code .no_data {
	padding: 10px;
	margin: 0;
	font-size: 16px;
	color: #000;
	display: none;
}

.results_option {
	color: #768292;
}

.results_option.active {
	color: #ffffff;
}

.content_box li .results_option span {
	color: #000;
	display: inline-block;
}

/* gform-footer gform_footer top_label */
.gform-footer.gform_footer.top_label {
	height: 0px;
	overflow: hidden;
	padding: 0 !important;
}

.sub_loading {
	position: relative;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-right-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	animation: circle infinite 0.75s linear;
}

@keyframes circle {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}