body.login {
    font-family: "Archer A","Archer B";
    background: url('/static/hostessportal/images/bg-login.jpg') no-repeat center center fixed;
    background-size: cover;
}

.login .site {
    
}

.login .site .content {
    position: relative;
}

.login .site .content .inside {
  bottom: 0;
  height: 450px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}

.login .site .content h1 {
    font-family: 'Stag Web';
    font-weight:  300;
    font-style:   normal;
    font-stretch: normal;
    font-size: 45px;
    letter-spacing: 0.06em;
}

.login .site .content h1 span {
    display: inline-block;
    height: 0;
    width: 75px;
    padding-top: 75px;
    margin: -2px 7px;
    background: url('/static/hostessportal/images/logo-cabi.png') no-repeat center center;
    overflow: hidden;
}

.login .site .content .login-logo {
    padding-bottom: 15px;
    padding-top: 4px;
}

.login .site .content ul {
    margin: 45px auto;
}

.login.welcome .site .content ul {
    width: 402px;
}

.login.select-stylist .site .content ul {
    width: 250px;
}

.login.welcome .site .content ul {
    margin: 45px auto 20px;
}

.login .site .content ul li {
    text-align: left;
}

.login .site .content ul li label {
    display: block;
    font-size: 25px;
    margin: 15px 0;    
}

.login.welcome .site .content ul li {
    margin: 5px 0;
}

.login .site .content ul li input[type='radio'] {
    
}

.login .site .content ul li input[type='text'] {
    font-family: "Archer A","Archer B";
    font-size: 20px;
    width: 370px;
    border: 1px solid #ccc;
    padding: 15px;
}

.login .site .content a.forgot-pwd {
    display: block;
    margin: 35px 0;
}