.lockscreen{
	height: auto;
	padding-bottom:10px;
	left: 50%;
	margin-left: -239px;
	margin-top: -14%;
	position: absolute;
	top: 50%;
	width: 478px;
	z-index: 9999;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow:-31px 32px 53px rgba(0,0,0,.4);
	border-radius: 5px;
}

.lockscreen ul {
	padding:0;
}

.lockscreen ul li {
	list-style-type: none;
	color: #B63A3A;
}

.lockscreen .logo{
	padding:15px 10px;display:block}
	
.lockscreen .logo+div{
	background:#FFF;overflow:hidden;padding:13px;position:relative}
	
.lockscreen .logo>:first-child{margin:0}

.lockscreen .logo img{width:29px;margin-top:-4px;margin-right:-2px}

.lockscreen .logo+div>img{float:left}

.lockscreen .logo+div>img+div{float:right;width:318px}

.lockscreen .logo+div>img+div>:first-child{margin-top:0}

.lockscreen .logo+div>img+div>:first-child>:first-child{opacity:.1;padding:15px}

.lockscreen .logo+div>img+div>:first-child>small{display:block;padding-top:5px}

.lockscreen .logo+div>img+div>:first-child+p{margin-bottom:12px}

@media (max-width:767px){
	.lockscreen .logo+div>img{float:none!important}
	.lockscreen{height:auto;left:5%;margin-left:0;margin-top:80px;position:absolute;top:0;width:90%;text-align:center}
	.lockscreen .logo+div>img+div{float:none;width:100%;height:auto}
}