.lockscreen{height:250px;position:absolute;top:50%}.lockscreen .logo{padding:15px 0;display:block}.lockscreen .logo+div{background:#FFF;box-shadow:-31px 32px 53px rgba(0,0,0,.2);overflow:hidden;padding:13px;position:relative}.lockscreen .logo>:first-child{margin:0}.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}#lock-page #main{position:static}@media (max-width:767px){.lockscreen .logo+div>img{float:none!important}.lockscreen{height:auto;left:5%;margin-left:0;margin-top:0;position:absolute;top:0;width:90%;text-align:center}.lockscreen .logo+div>img+div{float:none;width:100%;height:auto}}.lockscreen{width:320px;left:0;bottom:0;right:0;margin:0 auto}.lockscreen .logo img{width:auto;margin-top:-4px;margin-right:-2px}.lockscreen .logo-flat{margin:0 auto;display:block}.lockscreen div.input{width:100%;display:inline-block;padding:5px}body.office::after{
  content: "";
  background: url('../img/office-login.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}