.login-wrapper {
  position: fixed;
  top: -999px;
  z-index: 9999999;
  overflow-y: auto;
  padding-top:80px;
  width: 100%;
  background: #006a8a;
  background: linear-gradient(31.21deg, #014b61 10%, #0090bb 90%);
  background: #474747; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #474747 0%, #020202 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #474747 0%,#020202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #474747 0%,#020202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#020202',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

opacity: 0;
  transition: all 0.4s;

}

.loginshow .login-wrapper {
  left: 0;
  top:0;
  height:100%;
  opacity: 1;
  color:white;
  z-index: 999999999;
}

.loginshow .login-wrapper .loginform {max-width:500px;margin:auto;width:90%;}
.loginshow .login-wrapper .loginform .btn-primary {background-color: #267750; border-color: #267750;}
.loginshow .login-wrapper .loginform .btn-primary:hover {color: #000; border-color: #f9cc02;background-color: #f9cc02;}
.loginshow .login-wrapper .loginform .closebtn {text-align: right;padding-bottom:20px;display: block;}
.loginshow .login-wrapper .loginform .closebtn a {text-align: right;padding-bottom:20px;display: block;margin-right:30px;}
.loginshow .login-wrapper .loginform .closebtn a:after {  content: "";
  font-family: 'pe-icon-7-stroke';
  padding-left: 10px;
  position: absolute;}
  .loginshow .login-wrapper .loginform .closebtn a:hover {color:white;}