.gray-bg {
	background: #ffffff;
	font-variant: small-caps;
}

.middle-box {
	max-width: 400px;
	z-index: 100;
	margin: 0 auto;
	padding-top: 40px;
}

.lockscreen.middle-box {
	width: 200px;
	padding-top: 110px;
}

.loginscreen.middle-box {
	width: 320px;
}

.loginColumns {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}

.passwordBox {
	max-width: 460px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}

.logo-name {
	color: #3d3f5a;
	opacity: .6;
	font-size: 180px;
	font-weight: 800;
	letter-spacing: -10px;
	margin-bottom: 0;
}

.wrapper .middle-box {
	margin-top: 140px;
}

.lock-word {
	z-index: 10;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -470px;
}

.lock-word span {
	font-size: 100px;
	font-weight: 600;
	color: #e9e9e9;
	display: inline-block;
}

.lock-word .first-word {
	margin-right: 160px;
}

.btn-primary {
    color: #fff;
    background-color: #3d3f5a;
    border-color: #3d3f5a;
    opacity: .8;
}

.form-group {
	margin-bottom: 5px;
}

.form-control {
	text-align: center;
	font-variant: initial;
}

.logo-name-1 {
	color: #293846;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0px;
	margin-bottom: 0;
}

.logo-name-2 {
	color: #293846;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 30px;
    margin-bottom: 0;
    padding-left: 30px;
}

h1 {
	margin-top: 0;
}

h3 {
	font-size: 30px;
	color: #3d3f5a;
	opacity: .8;
}