.login-and-register .merged.row {
  margin: 0; }
  .login-and-register .merged.row > div {
    padding: 0; }
    @media (max-width: 771px) {
      .login-and-register .merged.row > div:first-child {
        display: none; } }
.login-and-register .land-featurearea {
  background: #FFF none repeat scroll 0 0;
  color: #fff;
  float: left;
  height: 100vh;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
  .login-and-register .land-featurearea .land-meta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
    .login-and-register .land-featurearea .land-meta img {
      height: 60px;
      margin-bottom: 24px; }
    .login-and-register .land-featurearea .land-meta h1 {
      font-family: HoboStd;
      font-size: 40px;
      color: #FFF;
      text-transform: uppercase; }
    .login-and-register .land-featurearea .land-meta p {
      color: #878787;
      letter-spacing: 0.5px; }
    .login-and-register .land-featurearea .land-meta .friend-logo {
      display: inline-block;
      width: 100%; }
      .login-and-register .land-featurearea .land-meta .friend-logo span {
        font-size: 150px;
        position: relative; }
        .login-and-register .land-featurearea .land-meta .friend-logo span img {
          width: 180px; }
.login-and-register .login-reg-bg {
  background: #f4f7f6 none repeat scroll 0 0;
  float: left;
  height: 100vh;
  position: relative;
  width: 100%; }
  .login-and-register .login-reg-bg .log-reg-area {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 35px #e2e2e2;
    display: block;
    float: none;
    left: 50%;
    padding: 35px 55px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 505px; }
    @media (max-width: 771px) {
      .login-and-register .login-reg-bg .log-reg-area {
        display: inline-block;
        position: unset;
        transform: translate(0px);
        width: 100%;
        height: inherit;
        padding: 35px 25px; } }
    .login-and-register .login-reg-bg .log-reg-area.reg {
      display: none; }
    .login-and-register .login-reg-bg .log-reg-area > h2 {
      font-weight: bold;
      text-transform: capitalize;
      font-size: 32px;
      margin-top: 0;
      margin-bottom: 8px; }
    .login-and-register .login-reg-bg .log-reg-area > p {
      color: #878787;
      font-size: 14px;
      line-height: 26px; }
    .login-and-register .login-reg-bg .log-reg-area .form-group {
      margin-bottom: 0;
      margin-top: 15px;
      display: inline-block;
      width: 100%;
      position: relative; }
      .login-and-register .login-reg-bg .log-reg-area .form-group.field-hutts-url .input-group-addon {
        padding: 12px 16px 0 0; }
      .login-and-register .login-reg-bg .log-reg-area .form-group input, .login-and-register .login-reg-bg .log-reg-area .form-group textarea {
        display: block;
        background: 0 0;
        padding: .125rem .125rem .0625rem;
        font-size: 16px;
        border-width: 0;
        border-color: transparent;
        line-height: 1.9;
        width: 100%;
        -webkit-transition: all .28s ease;
        transition: all .28s ease;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: .0625rem solid #e1e8ed;
        color: #2a2a2a; }
        .login-and-register .login-reg-bg .log-reg-area .form-group input:focus, .login-and-register .login-reg-bg .log-reg-area .form-group textarea:focus {
          color: #2a2a2a;
          outline: 0; }
      .login-and-register .login-reg-bg .log-reg-area .form-group input {
        height: 30px; }
      .login-and-register .login-reg-bg .log-reg-area .form-group .control-label {
        position: absolute;
        top: .25rem;
        pointer-events: none;
        padding-left: .125rem;
        z-index: 1;
        color: #b7b7b7;
        font-size: 16px;
        font-weight: 400;
        -webkit-transition: all .28s ease;
        transition: all .28s ease; }
      .login-and-register .login-reg-bg .log-reg-area .form-group label {
        display: inline-block;
        margin-bottom: 8px; }
      .login-and-register .login-reg-bg .log-reg-area .form-group .mtrl-select {
        position: relative;
        border-bottom: .0625rem solid #e1e8ed;
        display: block; }
    .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme {
      display: inline-block;
      width: 50%;
      margin-top: 0;
      margin-bottom: 0; }
      .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme input {
        display: inline-block;
        height: auto;
        width: auto; }
        .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme input:before {
          left: 7px;
          top: 2px; }
        .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme input:after {
          margin-top: 0;
          margin-right: 0;
          border: 2px solid #999;
          border-radius: 0; }
        .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme input:checked:after {
          border: 2px solid #2196f3; }
      .login-and-register .login-reg-bg .log-reg-area .form-group.field-loginform-rememberme label {
        color: #999;
        font-size: 13px;
        position: relative;
        cursor: pointer;
        padding-left: 25px;
        text-align: left;
        display: block; }
    .login-and-register .login-reg-bg .log-reg-area .forgot-pwd, .login-and-register .login-reg-bg .log-reg-area .already-have {
      display: inline-block;
      font-size: 14px;
      text-align: right;
      width: 48.9%; }
    .login-and-register .login-reg-bg .log-reg-area .forgot-pwd {
      float: right;
      margin-top: 15px; }
    .login-and-register .login-reg-bg .log-reg-area .submit-btns {
      display: inline-block;
      margin-top: 20px;
      width: 100%; }
    .login-and-register .login-reg-bg .log-reg-area .need-help {
      margin-top: 20px; }

/*# sourceMappingURL=main.css.map */