 <!DOCTYPE html>
<html lang="ru" prefix="og: http://ogp.me/ns#">
    <head>
 <base href="[[!++site_url]]">
<meta charset="[[++modx_charset]]">
<title>[[*longtitle:notags:default=`[[*pagetitle:notags]]`]] | [[++site_name]]</title>
<meta name="description" content="[[*description:notags:default=`[[++site_name]] | [[*longtitle:notags:default=`[[*pagetitle:notags]]`]]`]]">
<meta name="keywords" content="[[+seoPro.keywords:notags:default=`[[*pagetitle:notags]] [[++site_name]]`]]">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="canonical" href="[[~[[*id]]? &scheme=`full`]]">
<link rel="shortcut icon" type="image/png" href="/assets/components/home/favicon.png">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />

<style>
html{
background-image: url(/assets/components/main/images/images9557/fon.jpg);
    background-size: cover;
    background-position: 50% 14.1%;
    background-repeat: repeat;
    background-attachment: fixed;
height: 100%;

}
body{
background-image: url(/assets/components/main/images/images9557/fon.jpg);
    background-size: cover;
    background-position: 50% 14.1%;
    background-repeat: repeat;
    background-attachment: fixed;
    	position: relative;
height: 100%;
}
a{
color:#000000;
}
.panel-body {
    padding: 20px 25px 10px 25px;
}
.container {
	box-sizing: border-box;
	min-height: 100%;
	padding-bottom: 110px;
}
.btn-link {
    font-weight: 400;
    color: #000000;
    border-radius: 0;
}
.btn-link:focus, .btn-link:hover {
    color: #1976d2;
    background-color: transparent;
text-decoration: none;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    list-style: none;
    font-family: 'Noto Sans',sans-serif;
}
footer {
font-weight:400;
    font-size: 18px;
font-family: Montserrat,sans-serif;
width: 100%;
background-color: #000;
bottom : 0;
color:#ffffff;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 106px;
	margin-top: -106px;
}
a:focus, a:hover {
    color: #1976d2;
    text-decoration: none !important;;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #1976d2;
    border-color: #1976d2;
font-size: 18px;
}
.btn-primary {
    color: #fff;
    background-color: #1976d2;
    border-color: #1976d2;
}
.panel-primary {
    border-color: #1976d2;
box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.1);
}


@media (min-width: 300px) and (max-width: 600px) {
.footer{min-height: 50px;}
}


</style>
    </head>
 <body>
[[!Register?
    &submitVar=`submitbtn`
    &activation=`1`
    &activationEmailSubject=`Подтверждение регистрации`
    &activationResourceId=`30`
    &successMsg=`<p>Спасибо за регистрацию. На вашу электронную почту [[!+reg.email]] отправлено письмо, содержащее ссылку, необходимую для активацию аккаунта. Перейдите по этой ссылке, чтобы завершить процедуру регистрации.</p>`
    &usergroups=`Users`
    &usernameField=`email`
    &passwordField=`passwd`    
    &validate=`nospam:blank,
      passwd:required:minLength=^8^,
      passwdAgain:passwdAgain=^passwd^,
      email:required:email`
    &placeholderPrefix=`reg.`
]]
 
<div class="container">
<div class="row">
  		<div class="col-md-12">
			<div class="row">
  		<div class="col-md-12">
				<div class="col-md-6 col-lg-6 col-xs-3 col-sm-6" style="margin-top: 30px;margin-bottom: 30px;">
<a href="https://myvpn.csp-cloud.org">
					<img src="assets/components/home/img/logo.png" alt="VPN">
</a>
				</div>
				<div class="col-md-6 col-lg-6 col-xs-9 col-sm-6" style="text-align:right;margin-top: 50px;margin-bottom: 50px; font-size:14px">
<ul class="nav">
							<a class="nav-link active" href="https://myvpn.csp-cloud.org/authentication/" style="color: #000000;">Авторизация</a>
					
							<a style="color: #000000;">&nbsp;&nbsp;\&nbsp;&nbsp;</a>

							<a class="nav-link disabled" href="https://myvpn.csp-cloud.org/registration/" style="color: #000000;">Регистрация</a>
</ul>
				</div>
			</div>
		</div>
</div>
		</div>
  <div class="row" style="margin-bottom: auto;min-height: 450px;">
    <div class="col-md-8 col-lg-6 col-xs-11 col-sm-10" style="margin-left: auto; margin-right: auto; float: none;">
      <div class="panel panel-primary">
        <div class="panel-heading">[[%login.forgot_password]]</div>
        <div class="panel-body">
          <div class="text-danger">[[+loginfp.errors]]</div>
          
          <form class="form-horizontal" action="[[~[[*id]]]]" method="post">
            <div class="form-group">
              <label for="username" class="col-sm-4 control-label">[[%login.email]]</label>
              <div class="col-sm-8">
                <input type="text" name="email" class="form-control" id="email" value="[[+loginfp.post.email]]">
              </div>      
            </div>            
            <input class="returnUrl" type="hidden" name="returnUrl" value="[[+loginfp.request_uri]]" />
            <input class="loginFPService" type="hidden" name="login_fp_service" value="forgotpassword" />
            <input type="submit" value="[[%login.reset_password]]" name="login_fp" id="login_fp" class="btn btn-primary pull-right">
            [[!rcv3_html? &action=`[[+rcv3Action:default=``]]` &error=`[[+g-recaptcha-response]]`]]
          </form>
        </div>
      </div>
    </div>
 </body>

  </div>
</div>
<footer>
	<div class="row"style="max-width: 1170px;margin-right: auto;margin-left: auto;">
			<div class="col-md-12"">
			<div class="footer" style="margin-top: 20px;color:#ffffff;">
				<div class="col-md-6 col-lg-6 col-xs-5 col-sm-6" style="text-align:left;padding-left: 0px;">
					<p><a href="https://myvpn.csp-cloud.org" style="font-size:18px;color:#ffffff">
						<span>VPN</span>
					</p></a>
				</div>
				<div class="col-md-6 col-lg-6 col-xs-7 col-sm-6" style="text-align:right;padding-right: 0px;">
					<p>
						<a class="menu__link_2K2 w-nav__link" href="https://myvpn.csp-cloud.org/privacy-policy" style="font-size:14px;color:#ffffff">Политика конфиденциальности</a>
					</p>
				</div>
			</div>
<div class="row" style="margin-top: 5px;">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12" style="text-align:right;">
					<p style="margin: 0;border-top: 1px solid #FFFFFF;font-size:14px;color:#ffffff">
						© CSP, 2020
					</p>
				</div>
</div
		</div>
</footer>
</html>
