body {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(197,198,199,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(197,198,199,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(197,198,199,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(197,198,199,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(197,198,199,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(197,198,199,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c6c7', GradientType=1 );
	font-family: "Lato";
	font-weight: 500;
	font-size: 20px;
	position: relative;
	margin: 0 !important;
	display: table;
	width: 100%;
	height: 100%;
	
}
html{
	width: 100%;
	height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus {
	outline: none !important;
}
.container{
	display: table-cell;
	vertical-align: middle;
}
.card {
	text-align: center;
	position: relative;
	width: 800px;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	
}
.card.big.lost-pass {
	width: 800px;
	
}
.card.change_password {
	width: 800px;
	
}
/* card fronts and backs */
.card__front, .card__back {
	position: relative;
	top: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 3px 4px 12px rgba(0,0,1,.5);
	-moz-box-shadow: 3px 4px 12px rgba(0,0,1,.5);
	box-shadow: 3px 4px 12px rgba(0,0,1,.5);
}

.card__front, .card__back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.card__back{
	position: absolute;
}
.card__front .card__text {
	display: inline-block;
	margin-top: 25px;
	color: #000;
	font-family: "Lato";
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
}

.card__back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__front {
	position:absolute;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	position: relative;
}
form .message{
	color: #c0392b;
}

/* CARD FRONT */

.card__front {
	padding: 30px;
}
.card__front.log:hover {
	cursor:pointer;
}
.card__front img {
	width: 100%;
}

/* CARD BACK */

.card__back {
	padding: 30px;
}

.title {
	float: left;
	margin-left: -30px;
	margin-bottom: 60px;
	border-left: 30px solid;
	padding-left: 30px;
	display: block;
	width: 100%;
	text-align: left;
	clear:both;
}

.title h1 {
	margin: 0;
	font-family: "Lato";
	font-weight: 300;
	font-style: normal;
	font-size: 74px;
	text-transform: uppercase;
}

::-webkit-input-placeholder {
	color: #838487;
}

:-moz-placeholder {/* Firefox 18- */
	color: #838487;
}

::-moz-placeholder {/* Firefox 19+ */
	color: #838487;
}

:-ms-input-placeholder {
	color: #838487;
}
form {
	float: left;
	width: 100%;
}
form fieldset {
	border: none !important;
	padding: 0px;
	width: 100%;
	float: left;
}
form  input[type='email'], input[type='text'], form input[type='password'], form input[type='submit'] {
	width: 100%;
	height: 70px;
	background-color: #e7e7e8;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,1,.6);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,1,.6);
	box-shadow: 1px 1px 1px rgba(0,0,1,.6);
	font-size: 30px;
	border: none;
	margin-bottom: 0px;
}
form input[type='submit']:hover {
	cursor: pointer;
}
.field.text label, .field.password label {
	display: none;
}

form input[type='text'], form input[type='email'], form input[type='password'] {
	padding: 0 70px 0 30px;
	position: relative;
}
form .field.text, form .field.password {
	position: relative;
	margin-bottom: 30px;
	font-size: 40px;
}

form .field.text:after, form.field.password:after {
	position: absolute;
	margin-top: -20px;
	right: 30px;
	color: #838487;
	top: 50%;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
form .field.text:after {
	content: "\f007";
}
form  .field.password:after {
	content: "\f084";
	right: 23px;
}

.card__back span {
	position: absolute;
	top: 15px;
	right: 30px;
	font-size: 40px;
	color: #838487;
}

form input[type='submit'] {
	font-size: 30px;
	color: #fff;
	background-color: #00a950;
	text-transform: uppercase;
	margin-bottom: 60px;
	padding: 0px;
}
form input[type='submit']:hover {
	cursor: pointer;
}
#Remember {
	margin-bottom: 30px;
	overflow: hidden;
}
#Remember label {
	display: block;
	font-family: "Lato";
	font-weight: 500;
	font-size: 20px;
	color: #838487;
	float: left;
	cursor: pointer;
}
form p#ForgotPassword {
	text-align: center;
	margin-top: 0px;
}
form a {
	font-family: "Lato";
	font-weight: 500;
	font-size: 20px;
	color: #838487;
	cursor: pointer;
	text-decoration: none;
}
label[for=lost-password] {
	float: right;
}

/*** custom checkboxes ***/
input[type=checkbox] {
	display: none;
}/* to hide the checkbox itself */
input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
	cursor: pointer;
}

input[type=checkbox] + label:before {
	content: "";
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #e7e7e8;
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}/* unchecked icon */
input[type=checkbox] + label:before {

}/* space between checkbox and label */

input[type=checkbox]:checked + label:before {
	content: "\f00c";
	font-size: 23px;
	color: #838487;
}/* checked icon */
input[type=checkbox]:checked + label:before {

} /* allow space for check mark */