#loginWrapper
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100%
  background-color: rgba(#efefef, 0.8)
  z-index: 500
  &.inactive
    display: none
  .login
    background-color: white
    width: 500px
    height: 310px
    left: calc(50% - 250px)
    position: absolute
    top: calc(50% - 120px)
    padding: 10px 40px
    .cross
      width: 80%
      float: right
      width: 100%
      +icon-sprite-two(-168px -87px, 20px, 20px)
      cursor: pointer
      position: absolute
      right: 20px
      top: 20px
      +position(absolute, 20px 20px null null)
    h2
      color: $blue
      font-size: 2em
      margin-bottom: 32px
      margin-top: 0
      padding-top: 4px
    form input[type="text"], form input[type="password"], form input[type="email"]
      border: 1px solid #d6cfc9
      border-radius: 4px
      font-family: "Proxima N W01 Reg",sans-serif
      font-size: 1.5em
      height: 32px
      line-height: 1.33333
      padding: 0 8px
      width: 100%
    form label:not(.radio-label)
      display: block
      font-family: "Proxima N W01 Bold",sans-serif
      font-size: 1.2em
      letter-spacing: 0.1em
      line-height: 16px
      text-transform: uppercase
      text-align: left
    .forgot-password
      font-size: 1.3em
      margin-top: 10px
      display: inline-block
  &.error
    .login
      height: 336px