.password-page{padding:80px 0px;background:url(../img/login_back.png);background-size: cover;box-sizing: border-box;}
.password-page .max-width{overflow: hidden;}
.password-page .max-width .psd-form{display: flex;align-items: center;justify-content: space-between;position: relative;}
.password-page #password-form{height: 350px;background: #fff;width: 40%;position: relative;box-shadow: 0 3px 8px 1px #c9c9c9;}
.password-page #password-form{ text-align:center;}
.password-page #password-form h1{font-size: 32px;padding: 30px 0 20px 0;}
.password-page #password-form input{padding: 12px 8px;width: 70%;margin-bottom: 20px;border: 1px solid #ccc;}
.password-page #password-form .but input{font-size:14px;padding: 0 20px;font-weight: bold;height: 45px;line-height: 45px;border-radius: 100px;width: fit-content;background-color: #ff3500;border: 0;width: 73%;box-sizing: border-box;color: #fff;cursor: pointer;}
.password-page #password-form .but input:hover{background-color: #e62f00;}
.password-page #password-form .but a{color: #0066cc;font-size: 14px;}
.password-page .help-section{text-align: left;width: auto;z-index: 3;width: 32%;}
.password-page .help-section .help-text{font-size:32px;color:#fff;margin-bottom: 20px;}
.password-page .help-section .help-description{font-size: 14px;color: #fff;padding: 0 0 20px;line-height: 1.4;}
.password-page .help-section .help-description:last-child{padding: 0;}
.password-page .help-section > a{color: #fff;border: 1px solid #fff;font-size: 22px;padding: 10px 25px;display: inline-block;margin-bottom: 20px;text-decoration: none;}
.password-page .mascot-img{position: absolute;top: 50%;left: calc(40% + 15px);transform: translateY(-50%);z-index: 2;}

.password-page .password-box{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.password-page #password-form p{font-size: 16px;text-align: left;width: 73%;margin: 0 auto 30px;}

.password-page .mascot-img img{display: block;height: 350px;width: auto;object-fit: contain;}

.password-page .rememberuname{font-size: 14px;}

.twofa-page.password-page #password-form{height: 320px;}
.twofa-page.password-page .mascot-img img{height: 320px;}
.twofa-page.password-page #password-form .but .redbotton2{display: block;border: 0;padding: 0 20px;box-sizing: border-box;width: 73%;height: 45px;line-height: 45px;border-radius: 100px;background: #ececec;color: #000;font-weight: bold;font-family: "Montserrat", sans-serif;margin: 0 auto;cursor: pointer;}
.twofa-page.password-page #password-form .but .redbotton2:hover{background: #e8e8e8;}


@media screen and (max-width: 768px){
    .password-page #password-form{margin-bottom: 0;}
	.password-page{padding:0;}
	#top,#topM,#bottom{display:none;}
	.password-page,.password-page, .password-page form{ background:#fff;height: auto;display: flex;flex-direction: column;width: 100%;}
	.password-page .hotu{padding:10px;}
	.password-page #password-form{width: 100%;left: 0;box-shadow: initial;top: 0;height: auto;position: relative;}
	.password-page #password-form input{padding: 15px 8px;width: 75%;}
	.password-page .mascot-img{position: relative;top: auto;left: auto;transform: none;text-align: center;padding: 20px 0;}
	.password-page .mascot-img img{height: 150px;margin: 0 auto;}
	.password-page .help-section{width: 100%;position: relative;background: #333333;color: #fff; padding: 20px;top: auto;bottom: auto;right: auto;margin: 0;text-align: left;}
	.password-page .help-section .help-text{font-size: 18px;margin-bottom: 15px;float: none;width: auto;text-align: left;}
	.password-page .help-section .help-description{font-size: 14px;text-align: left;line-height: 1.4;margin: 0;}
	.password-page .password-help-box{text-align: left;margin-top: 10px;}
	.password-page .password-help-box li{list-style: none;margin-bottom: 8px;}
	.password-page .password-help-box li .help-icon{margin-right: 8px;}
    .password-page #password-form .but input{width: 77%;height: 35px;line-height: 35px;padding: 0 15px;font-size: 12px;}

    .twofa-page.password-page #password-form .but input{margin-bottom: 10px;}
    .twofa-page.password-page #password-form .but .redbotton2{width: 79%;height: 35px;line-height: 35px;padding: 0 15px;font-size: 12px;}
    .twofa-page.password-page .mascot-img img{height: 150px;}
    .twofa-page.password-page #password-form{height: auto;}
}

@media screen and (max-width: 414px){
	.password-page{padding:0;}
	#top,#bottom,#menufix{display:none;}
	.password-page,.password-page{ background:#fff;}
	.password-page .hotu{padding:10px;}
	.password-page #password-form{width: 100%;left: 0;box-shadow: initial;top: 0;height: auto;position: relative;}
	.password-page #password-form input{padding: 12px 8px;width: 75%;}
	.password-page .mascot-img{position: relative;top: auto;left: auto;transform: none;text-align: center;padding: 15px 0;}
	.password-page .help-section{width: 100%;position: relative;background: #333333;color: #fff; padding: 20px;margin: 0;text-align: left;}
	.password-page .help-section .help-text{font-size: 16px;margin-bottom: 15px;float: none;width: auto;text-align: left;width: 100%;}
	.password-page .help-section .help-description{font-size: 12px;text-align: left;line-height: 1.3;}
	.password-page #password-form h1{font-size: 28px;padding: 20px 0;line-height: 1.2;}
    .password-page #password-form .but input{width: 79%;}
}

@media screen and (max-width: 320px){
	.password-page #password-form{top:0;height: auto;}
	.password-page .help-section{padding: 15px;}
	.password-page .help-section .help-text{font-size: 14px;text-align: left;}	
	.password-page .help-section .help-description{font-size: 11px;text-align: left;line-height: 1.2;margin-bottom: 10px;}
	.password-page #password-form .but input{padding: 10px 8px;}
	.password-page #password-form h1{font-size: 24px;}
}