body {
	background-color:#f1f7fc;
}

.logo {
	width:200px;
	padding-top:20px;
	padding-left:20px;
}

.login-photo {
	padding:80px 0;
	margin:1vw 1vw;
}

.login-photo .image-holder {
	display:table-cell;
	width:auto;
	background:url(../img/login.jpg);
	background-size:cover;
}

.login-photo .form-container {
	display:table;
	max-width:900px;
	width:90%;
	margin:0 auto;
	box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

.login-photo form {
	display:table-cell;
	width:400px;
	background-color:#ffffff;
	padding:40px 60px;
	color:#505e6c;
}

@media (max-width:991px) {
	.login-photo form {
		padding:40px;
	}
}

.login-photo form h2 {
	font-size:22px;
	line-height:1.5;
	margin-bottom:30px;
}

.login-photo form .form-control {
	background:#f7f9fc;
	border:none;
	border-bottom:1px solid #dfe7f1;
	border-radius:0;
	box-shadow:none;
	outline:none;
	color:inherit;
	text-indent:6px;
	height:40px;
}

.login-photo form .form-check {
	font-size:13px;
	line-height:20px;
}

.login-photo form .btn-primary {
	background:rgb(51,102,204);
	border:none;
	border-radius:4px;
	padding:11px;
	box-shadow:none;
	margin-top:35px;
	text-shadow:none;
	outline:none !important;
}

.login-photo form .btn-primary:hover, .login-photo form .btn-primary:active {
	background:rgb(51,102,204);
}

.login-photo form .btn-primary:active {
	transform:translateY(1px);
}

.login-photo form .already {
	display:block;
	text-align:center;
	font-size:12px;
	color:#6f7a85;
	opacity:0.9;
	text-decoration:none;
}