.live-form-box{background: url(./images/demo_account_bg3.jpg?v=1) center no-repeat;background-size: cover;padding: 50px 0;min-height: 100vh;}
.login-main{width: 533px; max-width: 100%;background: rgba(256,256,256,1);border-radius: 30px;padding: 28px 45px 30px;margin: 0 auto; box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);}
.login-main h2 {font-size: 30px;color: #56bdbb;text-align: center;margin-bottom: 20px;line-height: 1.2;}

.change_box{text-align: center; margin: 0 0 40px;padding: 0 0 10px;position: relative;}
.change_box input{max-width: calc(100% - 145px);width: 100%;padding: 5px 10px;font-size: 16px;}
.change_box button{padding: 5px 10px;font-size: 16px;}

.form-body select.active{background-color: unset !important;}


.form-body ul li{ width:100%; margin-bottom:30px; position:relative;}

.form-body input{width: 100%;border: none;border-bottom: 1px solid #c6c6c6;background: none;border-radius: 0px;color: #3e3e3e;font-size: 20px;outline-style: none;height: 0 !important;padding: 1em 0 !important;background-clip: content-box !important;}
.form-body input:-internal-autofill-selected {background-color: rgba(255,255,255,.9) !important;background-image: none !important;color: #3e3e3e !important;}
.form-body input:-webkit-autofill,
.form-body input:-webkit-autofill:hover,
.form-body input:-webkit-autofill:focus,
.form-body input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out;transition: 99999s ease-out;}

.form-body select{width: 100%;height: 41px;border: none;border-bottom: 1px solid #c6c6c6;border-radius: 0px;color: #3e3e3e;font-size: 20px;-webkit-appearance: none;outline-style: none;background: url(/wp-content/themes/circle_wp/images/open_live_select_icon.png) calc(100% - 4px) center no-repeat;position: relative;z-index: 10;background-color: unset !important;}
.form-body select.active{color: #3e3e3e;background-color: #fff;}

.form-body label{font-size: 20px;color: #545454;display: block;width: 100%;position: absolute;top: 8px; left: 0px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;z-index: 9;}
.form-body .ginput_container{ position:relative; z-index:10;}
.form-body #getVerifyCode{cursor: pointer;position: absolute;top: 50%;right: 65px;transform: translateY(-50%);font-size: 16px;padding: 5px;font-weight: 600;color: #d72d2b;border: none;background: #ddd; border-radius: 5px;}

.form-body #verifyButton{cursor: pointer;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);font-size: 16px;padding: 5px;font-weight: 600;color: #d72d2b;border: none;background: #56bdbb; color: #ffffff; border-radius: 5px;}

.form-body ::-webkit-input-placeholder{font-size: 20px;color:#c6c6c6;opacity:1;}
.form-body :-moz-placeholder{font-size: 20px;color:#c6c6c6;opacity:1;}
.form-body ::-moz-placeholder{font-size: 20px;color:#c6c6c6;opacity:1;}
.form-body :-ms-input-placeholder{font-size: 20px;color:#c6c6c6;opacity:1;}

.form-body select.phoneCode.active { color: #545454;}
.form-body select.phoneCode { color: #545454;}

.form-body ul li #country{width: 100%;height: 48px;padding: 15px 0px 0px 0px;border: none;border-bottom: 1px solid #c6c6c6;border-radius: 0px;color: #3e3e3e;font-size: 20px;background: url(/wp-content/themes/circle_wp/images/open_live_select_icon.png) calc(100% - 8px) center no-repeat !important;position: relative;z-index: 10;}
.form-body ul li #country .results_option{color: #768292;}
.form-body ul li #country .results_option.active{color: #ffffff;}
.form-body .country_code{width: 100%;position: absolute;top: 47px;z-index: 100;background: #fff;border: 1px solid #c6c6c6;display: none;}
.form-body .country_code .results{max-height: 200px;overflow-y: auto;}
.form-body .country_code .results_option{margin-bottom: 0;padding: 5px 10px;font-size: 16px;color: #3e3e3e;}
.form-body .country_code .results_option:hover{background-color: #ccc;}
.form-body .country_code .results_option.active{background: #ccc;}
.form-body .country_code .results_option img{width: 22px;height: 15px;margin-right: 10px;}
.form-body .country_code .code_line{padding: 5px 10px;color: #63778f;}
.form-body .country_code .no_data{padding: 10px;margin: 0;font-size: 16px;color: #fff;display: none;}


.form-body ul li.phone_row{font-size: 0px;}
.form-body ul li.phone_row label{ padding-left:95px;}
.form-body li #firstName{background: url(/wp-content/themes/circle_wp/images/open_live_firstName_icon.png) calc(100% - 2px) 8px no-repeat !important;}
.form-body ul li .phoneCode{width: 85px;padding: 0px 0px 0px;margin-right: 10px;text-align: left;height: 41px;}
.form-body ul li .phone{width: calc(100% - 95px);}
.form-body ul li .phoneCode,
.form-body ul li .phone{display: inline-block;vertical-align: top;}


.form-body .agreeConditionBox{margin-bottom: 15px;display: flex;align-items: center;position: relative;margin-bottom: 20px;}
.form-body .agreeConditionBox label{position: relative !important;font-size: 16px;bottom: unset;left: unset; top: 0;}
.form-body .agreeConditionBox #agreeCondition{width: 16px;height: 16px !important;margin-right: 10px;}
.form-body .agreeConditionBox .error{display: none;}
.form-body .other_option{font-size: 16px;display: flex;justify-content: space-between;align-items: center;color: #56bdbb;}

.form-body .password{position: relative;}
.form-body .password #changePassword{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;display: flex;justify-content: space-around;align-content: center;}
.form-body .password #changePassword img{transition: all .15s linear;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#eyesClose{display: block;}
#eyesOpen{display: none;}
.form-body .password .error{position: relative;bottom: 0px;}

.error{font-size: 14px;display: none;color: #d72d2b;margin-top: 5px;position: absolute;left: 0px;bottom: -16px;z-index: 20;}
.phone_error,.email_error,.captcha_error{font-size: 12px;text-align: left;color: red;display: none;padding-top:10px;}
.register_info{display: none;font-size: 14px;color: #d72d2b;text-align: center;}
.captcha_error{font-size: 14px;text-align: left;color: red;display: none;margin-top: 5px;position: absolute;left: 0px;bottom: -16px;z-index: 20;}
.form-footer-info .error_info{display: none;}
.form-footer-info.error .error_info{display:block;text-align:center;font-size:16px;color:#d72d2b;margin-bottom:20px;}
.form-footer-info.error .error_info a{color:#d72d2b;text-decoration:underline;}

#sub-open{text-transform: uppercase;background: #56bdbb url(/wp-content/themes/circle_wp/images/gform_footer_button_icon.png) calc(100% - 15px) 14px no-repeat;border-radius: 35px;border: 1px solid #56bdbb;padding: 0px 30px 0px 20px;height: 45px;display: inline-block;width: 100%;color: #fff;font-size: 20px;line-height: 20px;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;text-decoration: none;cursor: pointer;margin-bottom: 15px;}
#new_demo{text-align: center;}

.loadingImg{padding:274px 0px; display:none;}
.loadingImg img{ margin:0px auto; display: block;}


.australiaPrompt{ display: none;}
.australiaPrompt p{font-size: 12px;line-height: 1.7;margin-bottom: 20px;color: #3e3e3e;text-align: justify;}
.australiaPrompt p a{ color:#1e55ff; text-decoration:none;}
.australiaPrompt p a:hover{ color:#1e55ff; text-decoration:none;}
.australiaPrompt .continue{ display:block; padding:10px 20px; text-align:center; font-size:14px ;background:#e35728; text-transform:uppercase; cursor:pointer; border-radius:25px; border:1px solid #e35728; text-decoration:none; color:#fff; margin-top:25px;}
.australiaPrompt .continue:hover{ border-color:#ff8e5c;text-decoration: none; background-color: #ff8e5c;}

@keyframes mymove {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

.second_loading{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgb(0 0 0 / 40%);display: flex;justify-content: space-around;align-items: center;border-radius: 10px;z-index: 999;}
.second_loading .rotate {width: 137px;height: 137px;animation: mymove 5s infinite linear;margin:auto auto;}
.second_loading .rotate img {display: block;width: 100%;height: 100%;}