.login--container {
	display     : table;
	width       : 100vw;
	height      : 100vh;
	padding-top : 100px;
	box-sizing  : border-box;
}

.login--block {
	position              : relative;
	font-size             : 0.95em;
	color                 : #999;
	background            : rgba(255, 255, 255, 0.5);
	width                 : 35em;
	margin                : 0 auto;
	padding               : 10px 10px 10px;
	box-sizing            : border-box;
	vertical-align        : middle;
	border                : 2px solid rgba(255, 255, 255, 0.7);
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	box-shadow            : 0 1px 5px rgba(20, 20, 20, 0.5);
	-webkit-box-shadow    : 0 1px 5px rgba(20, 20, 20, 0.5);
	-moz-box-shadow       : 0 1px 5px rgba(20, 20, 20, 0.5);
}

.login--block .zagolovok {
	font-size      : 1.6em;
	font-weight    : 700;
	color          : #FFF;
	text-transform : uppercase;
	text-align     : center;
	background     : transparent;
	border         : 0;
	margin         : -10px -10px 30px -10px;
	padding        : 10px 10px;
	border-radius  : 1px 1px 0 0;
}

.login--block h2 {
	color          : #FFF;
}

.login--block i.green,
.login--block div.green {
	color          : #FFF;
}

.login--block .showpass {
	position  : absolute;
	font-size : 1.5em;
	top       : 15px;
	right     : 10px;
}

.login--block input {
	height             : 2.5em;
	width              : 99%;
	border             : 0;
	font-size          : 1.35em;
	font-weight        : bold;
	line-height        : 2.5em;
	padding            : 0;
	color              : #222;
	background         : rgba(250, 250, 250, 1.0);
	vertical-align     : middle;
	text-align         : center;
	outline-style      : none;
	box-shadow         : 0 1px 0 rgba(20, 20, 20, 0.5);
	-webkit-box-shadow : 0 1px 0 rgba(20, 20, 20, 0.5);
	-moz-box-shadow    : 0 1px 0 rgba(20, 20, 20, 0.5);
}

.login--block input:focus {
	background         : rgba(20, 20, 20, 0.8);
	color              : #fff;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
	box-shadow         : 0 1px 0 rgba(20, 20, 20, 0.5);
	-webkit-box-shadow : 0 1px 0 rgba(20, 20, 20, 0.5);
	-moz-box-shadow    : 0 1px 0 rgba(20, 20, 20, 0.5);
}

.login--block .logo {
	position   : absolute;
	top        : -60px;
	width      : 100%;
	text-align : center;
}

.login--block .copy {
	position : absolute;
	bottom   : -25px;
	left     : 0;
	color    : #FFF !important;
}

.login--block a,
.login--block a:active{
	color    : #FFF !important;
}

a.loginbutton {
	padding               : 2px 10px 2px 10px;
	height                : 2.5em;
	width                 : 100px;
	line-height           : 2.5em;
	font-size             : 1.15em;
	font-weight           : 700;
	display               : inline-block;
	text-align            : center;
	text-decoration       : none;
	text-transform        : uppercase;
	float                 : right;
	color                 : #222 !important;
	background            : rgba(250, 250, 250, 1.0);
	border                : 1px solid rgba(250, 250, 250, 1.0);
	border-radius         : 2px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	box-shadow            : 0 1px 1px rgba(20, 20, 20, 0.5);
	-webkit-box-shadow    : 0 1px 1px rgba(20, 20, 20, 0.5);
	-moz-box-shadow       : 0 1px 1px rgba(20, 20, 20, 0.5);
}

a.loginbutton:hover {
	background         : rgba(250, 250, 250, 0.8);
	border             : 1px solid rgba(250, 250, 250, 0.8);
	color              : #222 !important;
	transition         : all 300ms ease;
	-webkit-transition : all 300ms ease;
	-moz-transition    : all 300ms ease;
}

a.loginbutton:active {
	background         : #F1C40F;
	border             : 1px solid #F39C12;
	color              : #FFF;
	transition         : all 100ms linear;
	-webkit-transition : all 100ms linear;
	-moz-transition    : all 100ms linear;
}