.error_captcha_box{display:block; width:55%; margin:25px auto; padding:3% 2%; text-align:center; border:1px solid #f1f1f1; border-radius:4px;}
.error_captcha_title{display:block; font-size:15px; font-weight:400; margin-bottom:20px;}

.g-recaptcha{display:block; width:100%; margin:0 auto; text-align:center;}
.g-recaptcha div{width:100% !important; margin:0 auto; text-align:center;}

.captcha_box{display:block; width:60%; margin:25px auto; padding:3% 0; text-align:center; border:1px solid #f4f4f4; border-radius:3px;}
.captcha_title{display:block; font-size:15px; font-weight:400; margin-bottom:20px;}
.captcha_box_error{display:block; width:60%; margin:25px auto 0; padding:3% 0; text-align:center; border:1px solid #c00; border-radius:3px;}

/* ------------------------------------- css for reset page - created 25/4/2017 - 4:36pm  -------------------------------------------- */

.reset_ribbon{display:block; width:100%; height:auto; font-size:1rem; font-weight:600; color:#0704e1; background:#ecf8ff; text-align:center;
              padding:1rem 0; margin:0 auto; position:absolute; top:100px;}

.reset_ribbon_error{display:block; width:100%; height:auto; font-size:1rem; font-weight:600; color:#c00; background:#ffe6e6; text-align:center;
                    padding:1rem 0; margin:0 auto;}

.reset_body{display:block; width:100%; border-top:1px solid #f1f1f1;}
.reset_container{display:block; width:1220px; max-width:90%; min-height:50vh; height:auto; margin:3rem auto;}
.reset_box{display:block; text-align:center; width:700px; max-width:100%; margin:35px auto; font-size:15px; line-height:22px;}

.reset_title{display:block; font-size:28px; line-height:42px; font-weight:600; text-transform:uppercase;
						color:#202020; margin:0 auto; letter-spacing:1px;}
.reset_subtitle{display:block; font-size:14px; margin:15px auto 30px;}

.reset_form{display:block; width:450px; margin:35px auto;}

.reset_label{display:block; width:100%; height:20px; font-size:16px;}

.reset_mark{position:absolute; top:10px; right:10px;}

.reset_submit{display:block; width:100%; height:40px; color:#fff; font-size:14px; text-align:center;
              background:#0704e1; border:2px solid #0704e1; border-radius:5px; margin:35px auto;}
.reset_submit:hover, .reset_submit:focus{outline:none; border:2px solid #0732a2; background:#0732a2;}

/* ------------------------------------- END css for created 25/4/2017 - 4:36pm -------------------------------------------- */


/* ----------------------------------------- error page css - updated 25/10/2019 - 10:27am ---------------------------------------*/

.error_body{display:block; width:100%; border-top:#f1f1f1;}

.error_container{display:block; max-width:95%; height:auto; padding:1rem 0; margin:0 auto; position:relative;}

.error_box{display:block; text-align:center; width:700px; max-width:100%; margin:35px auto; font-size:15px; line-height:22px;}

.error_icon404{display:block; height:200px; margin:0 auto;}

.error_maintenance_img{display:block; text-align:center; width:100%; margin:45px auto 15px; font-size:90px; line-height:90px;}
.error_maintenance_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:22px; line-height:30px;}

.error_construction_img{display:block; text-align:center; width:100%; margin:20vh auto 15px; font-size:90px; line-height:90px;}
.error_construction_note{display:block; text-align:center; width:100%; height:200px; font-size:32px; line-height:42px; font-weight:600; margin:25px auto;}

.error_navigate{display:block; width:450px; height:45px; line-height:45px; font-size:0.85rem; font-weight:600; color:#0704e1; 
								background:#fff; border:1px solid #0704e1; border-radius:50px; margin:15px auto 25px; cursor:pointer;}
.error_navigate:hover{outline:none; background:#0704e1; color:#fff;}

.error_textbox{display:block; width:60%; height:45px; line-height:45px; padding:0 12px; border:1px solid #ddd; border-radius:3px; margin:25px auto 0; color:#0704e1; 
							 font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.error_textbox:hover, .error_textbox:focus{border:1px solid #aaa; outline:none;}

.error_textarea{width:60%; height:150px; resize:none; padding:15px; border:1px solid #ddd; color:#0704e1; border-radius:3px; display:block; 
								margin:25px auto 15px; font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.error_textarea:hover, .error_textarea:focus{border:1px solid #aaa; outline:none;}

.error_submit{width:60%; height:45px; line-height:45px; padding:0 15px; background:#0704e1; border:1px solid #0704e1; border-radius:3px; color:#fff; font-size:13px; 
							font-weight:600; cursor:pointer; margin:15px auto 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.error_submit:hover, .error_submit:focus{background:#366ecc; border:1px solid #366ecc; outline:none;}

.error_textbox_prob{width:60%; height:45px; line-height:45px; padding:0 12px; border:1px solid #ff0000; border-radius:3px; display:block; margin:25px auto 0; 
									  color:#0704e1; font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.error_textbox_prob:hover, .error_textbox_prob:focus{border:1px solid #d00f00; outline:none;}

.error_textarea_prob{width:60%; height:150px; resize:none; padding:15px; border:1px solid #ff0000; color:#0704e1; border-radius:3px; display:block; margin:0 auto; 
										 font-size:13px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.error_textarea_prob:hover, .error_textarea_prob:focus{border:1px solid #d00f00; outline:none;}

.error_notice{display:block; width:60%; font-size:12px; color:#ff0000; text-align:left; margin:0 auto 10px;}

.error_sent{position:absolute; background:#CCF1FF; width:100%; padding:8px 0px; color:#666; font-weight:bold; text-align:center;}
.error_msg{margin:0 auto; width:auto;}

/* ----------------------------------------- END error page css - added 25/4/2017 - 6:51pm ---------------------------------------*/

/* ----------------------------------------- unsubscribe page css - added 25/4/2017 - 6:51pm ---------------------------------------*/

.unsubscribe_img{display:block; text-align:center; width:100%; margin:65px auto; font-size:90px; line-height:90px;}

.unsubscribe_notice{display:block; text-align:center; width:100%; margin:15px auto; font-size:36px; line-height:40px;}
.unsubscribe_note{display:block; text-align:center; width:100%; margin:15px auto; font-size:18px; line-height:30px;}

.unsubscribe_index{display:inline-block; width:300px; height:45px; line-height:45px; font-size:13px; font-weight:600; color:#0704e1; 
									 background:#fff; border:1px solid #0704e1; border-radius:3px; margin:15px 10px 25px; cursor:pointer;}
.unsubscribe_index:hover{outline:none; background:#0704e1; color:#fff; }

.unsubscribe_login{display:inline-block; width:300px; height:45px; line-height:45px; font-size:13px; font-weight:600; color:#fff; 
									 background:#0704e1; border:1px solid #0704e1; border-radius:3px; margin:15px 10px 25px; cursor:pointer;}
.unsubscribe_login:hover{outline:none; background:#fff; color:#0704e1; }


/* ---------------------------------------------------------------------------------------------- */
/* -------------------------- media css - updated 25/10/2019 - 10:23am -------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
	
	.error_body, .reset_body{padding:0;}
	.error_container{display:block; width:90%; margin:0 auto;}
	.error_box{display:block; width:85%; line-height:2rem; font-size:1rem; margin:2rem auto;}
  
  .error_box input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
  
  .error_box textarea::-webkit-input-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea:-moz-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea::-moz-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea:-ms-input-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea::placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  
	.error_icon404{display:block; height:125px; margin:0 auto 35px;}

	.error_maintenance_img{display:block; text-align:center; width:100%; margin:2rem auto 0; font-size:5em; line-height:2em;}
	.error_maintenance_note{display:block; text-align:center; width:100%; margin:1rem auto; font-size:22px; line-height:30px;}

	.error_construction_img{display:block; text-align:center; width:100%; margin:20vh auto 0; font-size:4em; line-height:2em;}
	.error_construction_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:32px; line-height:42px; font-weight:600;}

	.error_navigate{display:block; width:auto; height:auto; line-height:1rem; font-size:0.85rem; padding:1rem; margin:1rem auto 2rem;}
	
	.error_textbox{display:block; width:100%; font-size:1rem;}
	.error_textarea{display:block; width:100%; height:150px; line-height:16px;}
	.error_textarea::-webkit-input-placeholder{line-height:22px; color:#888;}
	.error_textarea::-moz-placeholder{line-height:22px; color:#888;}
	.error_textarea:-ms-input-placeholder{line-height:22px; color:#888;}
	.error_textarea:-moz-placeholder{line-height:22px; color:#888;}
	
	.captcha_box{display:block; width:100%;}
	.g-recaptcha{width:100% !important; margin:0 auto;}
	.g-recaptcha frame{width:90% !important;}
	.rc-anchor-normal{width:90% !important;}
	.rc-anchor-content{width:60% !important;}
	
	.reset_container{display:block; width:85%;}
	.reset_box{display:block; width:100%; margin:0 auto;}
	.reset_title{display:block; line-height:2rem; font-size:1.5rem;}
	.reset_subtitle{display:block; line-height:1.85rem; font-size:1rem; margin:1rem auto 2rem;}
	.reset_form{display:block; width:100%; margin:35px 0;}
	
	.reset_form input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	
  .reset_text{display:block; width:100%; height:40px; line-height:40px;}
  .reset_submit{display:block; width:100%; height:40px; font-size:1rem; margin:2rem auto;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
	
	.error_body, .reset_body{padding:0;}
	.error_container{display:block; width:90%;}
	.error_box{display:block; width:90%; margin:0 auto;}
	.error_icon404{display:block; height:125px; margin:0 auto 15px;}
	
	.error_maintenance_img{display:block; text-align:center; width:100%; margin:45px auto 0; font-size:5em; line-height:1em;}
	.error_maintenance_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:22px; line-height:30px;}

	.error_construction_img{display:block; text-align:center; width:100%; margin:20vh auto 0; font-size:4em; line-height:2em;}
	.error_construction_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:32px; line-height:42px; font-weight:600;}
	
	.error_textbox{display:block; width:100%;}
	.error_textarea{display:block; width:100%; height:150px; line-height:16px;}

	.captcha_box{display:block; width:100%;}
	.g-recaptcha{width:100% !important; margin:0 auto;}
	.g-recaptcha frame{width:90% !important;}
	.rc-anchor-normal{width:90% !important;}
	.rc-anchor-content{width:60% !important;}
	
	.reset_box{display:block; width:80%; margin:50px auto;}
	.reset_title{display:block; font-size:26px;}
	.reset_subtitle{display:block; font-size:16px; line-height:22px; margin:15px auto 35px;}
	.reset_form{display:block; width:100%; margin:35px 0;}
	
	.reset_form input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	
}

@media only screen and (min-width: 721px) and (max-width: 800px) {

	.reset_box{display:block; width:73%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}

	.error_box{display:block; width:73%;}
	
	.footer .footer_container{display:block; width:73%; margin:0 auto;}

}

@media only screen and (min-width: 801px) and (max-width: 920px) {

	.reset_box{display:block; width:73%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}

	.error_box{display:block; width:73%;}
	
	.footer .footer_container{display:block; width:73%; margin:0 auto;}

}

@media only screen and (min-width:921px) and (max-width: 980px) {

	.reset_box{display:block; width:73%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}

	.error_box{display:block; width:73%;}
	
	.footer .footer_container{display:block; width:73%; margin:0 auto;}

}

@media only screen and (min-width: 981px) and (max-width: 1023px) {

	.reset_box{display:block; width:74%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}

	.footer .footer_container{display:block; width:74%; margin:0 auto;}

}

@media only screen  and (min-width: 1024px) and (max-width: 1151px) {
	
	.reset_box{display:block; width:74%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}
	
	.footer .footer_container{display:block; width:74%; margin:0 auto;}

}

@media only screen  and (min-width: 1280px) and (max-width: 1439px) {
	
	.reset_box{display:block; width:74%; margin:55px auto 35px;}
	.reset_form{display:block; width:50%;}
	
	.footer .footer_container{display:block; width:74%; margin:0 auto;}

}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	
	.error_body, .reset_body{padding:0;}
	.error_container{display:block; width:90%; margin:0 auto;}
	.error_box{display:block; width:85%; line-height:2rem; font-size:1rem; margin:2rem auto;}
  
  .error_box input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
  .error_box input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
  
  .error_box textarea::-webkit-input-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea:-moz-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea::-moz-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea:-ms-input-placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  .error_box textarea::placeholder{line-height:1.5rem; color:#888; font-size:1rem;}
  
	.error_icon404{display:block; height:125px; margin:0 auto 35px;}

	.error_maintenance_img{display:block; text-align:center; width:100%; margin:2rem auto 0; font-size:5em; line-height:2em;}
	.error_maintenance_note{display:block; text-align:center; width:100%; margin:1rem auto; font-size:22px; line-height:30px;}

	.error_construction_img{display:block; text-align:center; width:100%; margin:20vh auto 0; font-size:4em; line-height:2em;}
	.error_construction_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:32px; line-height:42px; font-weight:600;}

	.error_navigate{display:block; width:auto; height:auto; line-height:1rem; font-size:0.85rem; padding:1rem; margin:1rem auto 2rem;}
	
	.error_textbox{display:block; width:100%; font-size:1rem;}
	.error_textarea{display:block; width:100%; height:150px; line-height:16px;}
	.error_textarea::-webkit-input-placeholder{line-height:22px; color:#888;}
	.error_textarea::-moz-placeholder{line-height:22px; color:#888;}
	.error_textarea:-ms-input-placeholder{line-height:22px; color:#888;}
	.error_textarea:-moz-placeholder{line-height:22px; color:#888;}
	
	.captcha_box{display:block; width:100%;}
	.g-recaptcha{width:100% !important; margin:0 auto;}
	.g-recaptcha frame{width:90% !important;}
	.rc-anchor-normal{width:90% !important;}
	.rc-anchor-content{width:60% !important;}
	
	.reset_container{display:block; width:85%;}
	.reset_box{display:block; width:100%; margin:0 auto;}
	.reset_title{display:block; line-height:2rem; font-size:1.5rem;}
	.reset_subtitle{display:block; line-height:1.85rem; font-size:1rem; margin:1rem auto 2rem;}
	.reset_form{display:block; width:100%; margin:35px 0;}
	
	.reset_form input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	
  .reset_text{display:block; width:100%; height:40px; line-height:40px;}
  .reset_submit{display:block; width:100%; height:40px; font-size:1rem; margin:2rem auto;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
	
	.error_body, .reset_body{padding:0;}
	.error_container{display:block; width:90%;}
	.error_box{display:block; width:90%; margin:0 auto;}
	.error_icon404{display:block; height:125px; margin:0 auto 15px;}
	
	.error_maintenance_img{display:block; text-align:center; width:100%; margin:45px auto 0; font-size:5em; line-height:1em;}
	.error_maintenance_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:22px; line-height:30px;}

	.error_construction_img{display:block; text-align:center; width:100%; margin:20vh auto 0; font-size:4em; line-height:2em;}
	.error_construction_note{display:block; text-align:center; width:100%; margin:25px auto; font-size:32px; line-height:42px; font-weight:600;}
	
	.error_textbox{display:block; width:100%;}
	.error_textarea{display:block; width:100%; height:150px; line-height:16px;}

	.captcha_box{display:block; width:100%;}
	.g-recaptcha{width:100% !important; margin:0 auto;}
	.g-recaptcha frame{width:90% !important;}
	.rc-anchor-normal{width:90% !important;}
	.rc-anchor-content{width:60% !important;}
	
	.reset_box{display:block; width:80%; margin:50px auto;}
	.reset_title{display:block; font-size:26px;}
	.reset_subtitle{display:block; font-size:16px; line-height:22px; margin:15px auto 35px;}
	.reset_form{display:block; width:100%; margin:35px 0;}
	
	.reset_form input::-webkit-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input::-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-ms-input-placeholder{line-height:45px; color:#888; font-size:1rem;}
	.reset_form input:-moz-placeholder{line-height:45px; color:#888; font-size:1rem;}
	
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - updated 25/10/2019 - 10:23am -------------------------- */
/* -------------------------------------------------------------------------------------------------- */