@charset "utf-8";
/*------------START :: SIGN UP YH_40_2---------------*/	
.YH.YH_40.YH_40_2 .header_bg { background: rgba(1,8,40,0.6); background-image: url(../img/signup_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 100vh; /*height: calc(100vh + 25vh);*/ }
.YH.YH_40.YH_40_2 .signup_form_div .navbar-brand { display: none; }
.YH.YH_40.YH_40_2 .signup_form_div_row { display: flex; min-height: 100vh; max-height: auto; }
.YH.YH_40.YH_40_2 .signup_form_div { flex: 0 0 520px; max-width: 520px; float: right; text-align: center; margin: auto; }
.YH.YH_40.YH_40_2 .signup_form_div .title { color: #000; font-size: 21px; font-weight: 900; line-height: 32px; margin-bottom: 15px; padding: 0 50px; }
.YH.YH_40.YH_40_2 .signup_form_div .content { color: #000; font-size: 13px; font-weight: 700; line-height: 24px; margin-bottom: 15px; opacity: 0.8; padding: 12px; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group { padding: 0 12px; margin-bottom: 0; }
.YH.YH_40.YH_40_2 .signup_form_div .col-6.form-group .fa.fa-eye-slash, .YH.YH_40.YH_40_2 .signup_form_div .col-6.form-group .fa.fa-eye { position: absolute; top: 20px; right: 30px; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fa.fa-eye-slash, .YH.YH_40.YH_40_2 .signup_form_div .form-group .fa.fa-eye { position: absolute; top: 45px; right: 30px; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fa.fa-eye-slash, .YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fa.fa-eye { position: absolute; top: 27%; right: 30px; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group input, .YH.YH_40.YH_40_2 .signup_form_div .form-group select {  height: 60px; margin-bottom: 20px; border: 1px solid #E1E1E1; border-radius: 5px; padding: 15px; font-size: 14px; font-weight: 700; line-height: 24px; color: #000; background: #fff; }	
.YH.YH_40.YH_40_2 .signup_form_div .form-group select { -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position: calc(100%  - 10px); width: 100%; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group input::placeholder { font-size: 14px; font-weight: 700; line-height: 24px; color: #000; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fa-check { position: absolute; top: 27%; right: 20px; color: transparent; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group.active .fa-check { position: absolute; top: 27%; right: 20px; color: #010AD0; }
.YH.YH_40.YH_40_2 .signup_form_div .form_check_box { color: rgba(225,225,225,0.6); font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 21px; text-align: left; padding-left: 30px; }
.YH.YH_40.YH_40_2 .signup_form_div .btn_signin { background: transparent; font-size: 15px; font-weight: 900; color: #010AD0; width: 174px; height: 60px; border-radius: 100px; cursor: pointer; padding: 15px 0; text-align: center; border: 4px solid #010AD0; display: inline-block; margin-right: 26px; }		
.YH.YH_40.YH_40_2 .signup_form_div .btn_join { background: linear-gradient(90deg, rgba(9,130,233,1) 0%, rgba(1,10,208,1) 100%); font-size: 15px; font-weight: 900; color: #fff; width: 174px; height: 60px; border-radius: 100px; cursor: pointer; padding: 18px 0; text-align: center; display: inline-block; border: transparent; } 
.YH.YH_40.YH_40_2 .checkbox_container { display: block; position: relative; margin-bottom: 17px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.YH.YH_40.YH_40_2 .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; margin-top: .2rem; margin-left: 0; }
.YH.YH_40.YH_40_2 .checkmark { position: absolute; top: 6px; left: 0; height: 15px; width: 15px; background-color: #fff; border:1px solid #95989A; border-radius:3px; }
.YH.YH_40.YH_40_2 .checkbox_container:hover input ~ .checkmark { background-color: #fff; }
.YH.YH_40.YH_40_2 .checkbox_container input:checked ~ .checkmark { background-color: #fff; }
.YH.YH_40.YH_40_2 .checkmark:after { content: ""; position: absolute; display: none; }
.YH.YH_40.YH_40_2 .checkbox_container input:checked ~ .checkmark:after { display: block; }
.YH.YH_40.YH_40_2 .checkbox_container .checkmark:after { left: 4px; top: 0; width: 5px; height:10px; border: solid #A5A5A5; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.YH.YH_40.YH_40_2 .signup_form_div .btn_proceed { background: linear-gradient(90deg, rgba(9,130,233,1) 0%, rgba(1,10,208,1) 100%); font-size: 16px; font-weight: 900; color: #fff; width: 174px; height: 60px; border-radius: 100px; cursor: pointer; padding: 15px 0; text-align: center; display: inline-block; border: transparent; }	
.YH.YH_40.YH_40_2 .signup_form_div .content a { color: #fff; text-decoration: none; }
.YH.YH_40.YH_40_2 .signup_form_div .content a.signin_link { color: #010AD0; }
.YH.YH_40.YH_40_2 .login_form, .YH.YH_40.YH_40_2 .YH_header .jointoday_btn, .YH.YH_40.YH_40_2 .YH_header .forget_password { display: none!important; }
.YH.YH_40.YH_40_2 .already_have_account { opacity: 1; }
.YH.YH_40.YH_40_2 .fas.fa-times.fa.fa-check.ok.valid:before{content: "\f00c";}
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fas.fa-times.fa.fa-check.ok.valid{color:#05c5ff;}
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fa-check.valid.ok{color:#05c5ff;}
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fas.fa-times.fa.fa-check.ok{color:#cc0000;}
.YH.YH_40.YH_40_2 .signup_form_div .form-group .fas.fa-times{position: absolute;top: 27%;right: 20px;color: #cc0000;}
.YH.YH_40.YH_40_2 .signup_form_div .form-group select{background-position: calc(100% - 25px);}
.YH.YH_40.YH_40_2 .form_actions_chrome { color:#fff; padding-top: 8px;border-top:1px solid #fff;border-bottom:1px solid #fff; }
.YH.YH_40.YH_40_2 .form_actions_chrome p img { width: 50px; margin-top: 0.6rem; }
.YH.YH_40.YH_40_2 .form_actions_chrome p a { color: #010AD0; }
/*------------END :: SIGN UP YH_40_2---------------*/
/*------------START :: SIGN UP YH_40_2 newpage---------------*/	
.YH.YH_40.YH_40_2 a { color: #010AD0; }
.YH.YH_40.YH_40_2 .YH_header .d_menu a { color: #fff; }
.YH.YH_40.YH_40_2.signup_new .header_bg { background: rgba(1,8,40,0.6); background-image: url(../img/signup_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; /*min-height: 100vh; height: calc(100vh + 25vh);*/ }
.YH.YH_40.YH_40_2.signup_new .signup_form_div_row { display: flex; height: 100vh; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div { flex: 0 0 420px; max-width: 420px; float: right; text-align: center; margin: auto;  }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .title { color: #000; font-size: 21px; font-weight: 900; line-height: 32px; margin-bottom: 15px; padding: 0 50px; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .content { color: #000; font-size: 13px; font-weight: 700; line-height: 24px; margin-bottom: 15px; opacity: 0.8; padding: 12px; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group { padding: 0 12px; margin-bottom: 0; display: inline-block; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group input, .YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group select {  height: 48px; margin-bottom: 20px; border: 1px solid #E1E1E1; border-radius: 5px; padding: 12px; font-size: 14px; font-weight: 700; line-height: 24px; color: #000; }	
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group select { -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position: calc(100%  - 10px); width: 100%; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group input::placeholder { font-size: 14px; font-weight: 700; line-height: 24px; color: #000; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fa-check { position: absolute; top: 27%; right: 20px; color: transparent; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group.active .fa-check { position: absolute; top: 23%; right: 20px; color: #0DA7FF; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form_check_box { color: #000; font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 21px; text-align: left; padding-left: 30px; opacity: 0.8; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_signin { background: transparent; font-size: 15px; font-weight: 900; color: #010AD0; width: 170px; height: 60px; border-radius: 100px; cursor: pointer; padding: 15px 0; text-align: center; border: 4px solid #010AD0; display: inline-block; margin-right: 26px; }		
.YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_join { background: linear-gradient(90deg, rgba(9,130,233,1) 0%, rgba(1,10,208,1) 100%); font-size: 15px; font-weight: 900; color: #fff; width: 170px; height: 60px; border-radius: 100px; cursor: pointer; padding: 18px 0; text-align: center; display: inline-block; border: transparent; } 
.YH.YH_40.YH_40_2.signup_new .checkbox_container { display: block; position: relative; margin-bottom: 17px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.YH.YH_40.YH_40_2.signup_new .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; margin-top: .2rem; margin-left: 0; }
.YH.YH_40.YH_40_2.signup_new .checkmark { position: absolute; top: 6px; left: 0; height: 15px; width: 15px; background-color: #fff; border:1px solid #95989A; border-radius:3px; }
.YH.YH_40.YH_40_2.signup_new .checkbox_container:hover input ~ .checkmark { background-color: #fff; }
.YH.YH_40.YH_40_2.signup_new .checkbox_container input:checked ~ .checkmark { background-color: #fff; }
.YH.YH_40.YH_40_2.signup_new .checkmark:after { content: ""; position: absolute; display: none; }
.YH.YH_40.YH_40_2.signup_new .checkbox_container input:checked ~ .checkmark:after { display: block; }
.YH.YH_40.YH_40_2.signup_new .checkbox_container .checkmark:after { left: 4px; top: 0; width: 5px; height:10px; border: solid #A5A5A5; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_proceed { background: linear-gradient(90deg, rgba(9,130,233,1) 0%, rgba(0,241,255,1) 100%); font-size: 16px; font-weight: 900; color: #fff; width: 174px; height: 60px; border-radius: 100px; cursor: pointer; padding: 15px 0; text-align: center; display: inline-block; border: transparent; }	
.YH.YH_40.YH_40_2.signup_new .signup_form_div .content a { color: #0ac6ff; text-decoration: none; }
.YH.YH_40.YH_40_2.signup_new .login_form { display: none!important; }
.YH.YH_40.YH_40_2.signup_new .already_have_account { opacity: 1; }
.YH.YH_40.YH_40_2.signup_new .first_bg { background-image: url(../img/walk_acc3.png);background-size: cover;background-repeat: no-repeat;background-position: center; }
.YH.YH_40.YH_40_2.signup_new .YH_header .jointoday_btn, .YH.YH_40.YH_40_2.signup_new .YH_header .forget_password { display: none!important; }
.YH.YH_40.YH_40_2.signup_new .fas.fa-times.fa.fa-check.ok.valid:before{content: "\f00c";}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fas.fa-times.fa.fa-check.ok.valid{color:#05c5ff !important;}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fa-check.valid.ok{color:#05c5ff !important;}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fas.fa-times.fa.fa-check.ok{color:#cc0000 !important;}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group .fas.fa-times{position: absolute;top: 27%;right: 20px;color: #cc0000;}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .form-group select{background-position: calc(100% - 25px);}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .custom_msg_check_validate i{color: #F00 !important;float: left;margin-top: 5px;}
.YH.YH_40.YH_40_2.signup_new .signup_form_div .custom_msg_check_validate i::before{content: "" !important}
.YH.YH_40.YH_40_2.signup_new .signup_form_div.forgot_password_section{position: inherit;right: inherit;margin: auto !important;float: none !important;}
.YH.YH_40.YH_40_2.signup_new .reset_password_div_row { height: 100vh; display: flex; align-items: center; }
.reset_password_div_row{min-height: 100vh;display: flex;align-items: center;}
.YH.YH_40.YH_40_2.signup_new .header_bg>p { position: absolute; left: 60px; bottom: 20%; color: #fff; font-weight: 700; font-size: 28px; }
.YH.YH_40.YH_40_2 .btn_signup_gmail { width: 100%; height: 48px; background: transparent; color: #383839; font-size: 14px; border: 1px solid #b2b2b2; border-radius: 5px; display: inline-block; text-align: center; padding: 13px 0; margin-bottom: 20px; }
.YH.YH_40.YH_40_2 .btn_signup_linkedin { width: 100%; height: 48px; background: #007bb5; color: #fff; font-size: 14px; border: 1px solid #007bb5; border-radius: 5px; display: inline-block; text-align: center; padding: 13px 0; margin-bottom: 20px; }
.YH.YH_40.YH_40_2 .btn_signup_facebook { width: 100%; height: 48px; background: #3b5998; color: #fff; font-size: 14px; border: 1px solid #3b5998; border-radius: 5px; display: inline-block; text-align: center; padding: 13px 0; margin-bottom: 20px; }  
.YH.YH_40.YH_40_2 .btn_signup_microsoft { width: 100%; height: 48px; background: #737373; color: #fff; font-size: 14px; border: 1px solid #b2b2b2; border-radius: 5px; display: inline-block; text-align: center; padding: 13px 0; margin-bottom: 20px; }
.YH.YH_40.YH_40_2 .btn_signup_gmail img { width: 45px; float: left; padding-left: 15px; padding-right: 15px; margin-top: 2px; }
.YH.YH_40.YH_40_2 .btn_signup_linkedin .fa, .YH.YH_40.YH_40_2 .btn_signup_facebook .fa { float: left; padding-left: 15px; padding-right: 15px; font-size: 16px; margin-top: 2px; }
.YH.YH_40.YH_40_2 .btn_signup_microsoft img { width: 45px; float: left; padding-left: 15px; padding-right: 15px; margin-top: 2px; }
.YH.YH_40.YH_40_2 .password_message {background-color: #3345f0;color:#fff;width:44.5%;padding: 15px; text-align: center; border-radius: 6px; position: relative; z-index: 1; bottom: 0; top: inherit; left: 14%; margin-left: -60px; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div form>.row { width: 100%; }
.YH.YH_40 .form_field_psw{float: left;}
.YH.YH_40 .form_field_psw .other_text{background-color: #ffe2e5; padding: 1rem; border-radius: 3px; color: #4d4d4d; font-weight: 600; margin-bottom: .5rem;}
/*------------END :: SIGN UP YH_40_2---------------*/

/*------------START :: SIGN UP YH_40_2 MEDIA---------------*/	
@media only screen and (max-width: 1248px) { 
.YH.YH_40.YH_40_2 .signup_form_div { flex: 0 0 41.666667%; max-width: 41.666667%; } 
}
@media only screen and (max-width: 1023px) { 
.YH.YH_40.YH_40_2.signup_new .col-7.header_bg, .YH.YH_40.YH_40_2 .col-7.header_bg { display: none; }
.YH.YH_40.YH_40_2 .signup_form_div .navbar-brand { display: block; } 
.YH.YH_40.YH_40_2 .signup_form_div { flex: 0 0 520px; max-width: 520px; } 
.YH.YH_40.YH_40_2.signup_new .signup_form_div_row .header_bg{display: none;}
.YH.YH_40.YH_40_2 .signup_form_div_row .header_bg{display: none;}
.YH.YH_40.YH_40_2 .YH_header{display: none;}
}

@media (min-width: 768px) and (max-width: 800px){
.YH.YH_40.YH_40_2 .btn_join_div .btn_join { font-size: 14px; height: 30px; padding: 2px 0; border: 2px solid #fff; margin-top: 30px; }
}
@media only screen and (max-width: 767px) {		
.YH.YH_40.YH_40_2 .signup_form_div { flex: 0 0 100%; max-width: 100%; right: 0; }
.YH.YH_40.YH_40_2 .signup_form_div .title { font-size: 28px; margin-bottom: 15px; }
.YH.YH_40.YH_40_2.signup_new .signup_form_div_row .header_bg{display: none;}
.YH.YH_40.YH_40_2 .header_bg.h-100.p-0{overflow: scroll;}
}
@media only screen and (max-width: 539px) {			
.YH.YH_40.YH_40_2 .signup_form_div .form_check_box, .YH.YH_40 .signin .form_check_box { font-size: 11px; }	
.YH.YH_40.YH_40_2 .signup_form_div .title { font-size: 24px; }
.YH.YH_40.YH_40_2 .signup_form_div .btn_signin, .YH.YH_40.YH_40_2 .signup_form_div .btn_join, .YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_signin, .YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_join { width: 150px; }
.YH.YH_40.YH_40_2 .signup_form_div .form-group select { background-position: calc(100% - 13px); }
.YH.YH_40.YH_40_2 .signup_form_div, .YH.YH_40.YH_40_2.signup_new .signup_form_div { flex: 0 0 100%; max-width: 100%; right: 0; }

}
@media only screen and (max-width: 374px) {	
.YH.YH_40.YH_40_2 .signup_form_div .title { font-size: 20px; line-height: 32px; padding: 20px 15px 0; } 
.YH.YH_40.YH_40_2 .signup_form_div .content { font-size: 13px; margin-bottom: 15px; }	
.YH.YH_40.YH_40_2 .signup_form_div .btn_signin, .YH.YH_40.YH_40_2 .signup_form_div .btn_join, .YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_signin, .YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_join { width: 120px; }	
.YH.YH_40.YH_40_2 .signup_form_div .form-group input, .YH.YH_40.YH_40_2 .signup_form_div .form-group select { height: auto; padding: 9px; }
.YH.YH_40.YH_40_2 .signup_form_div .email_teacher .row .col-1 p { padding: 3px 0!important; }
}
@media only screen and (max-height: 768px) {	
.YH.YH_40.YH_40_2.signup_new .signup_form_div .title { padding: 20px 0 0; }	
.YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_signin, .YH.YH_40.YH_40_2.signup_new .signup_form_div .btn_join { margin-bottom: 50px; }
}
/*------------END :: SIGN UP YH_40_2 MEDIA---------------*/