@font-face {
  font-family: 'poppinsregular';
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-regular-webfont.eot");
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://dev-cdn.empleyado.com/fonts/poppins-regular-webfont.woff2") format("woff2"), url("https://dev-cdn.empleyado.com/fonts/poppins-regular-webfont.woff") format("woff"), url("https://dev-cdn.empleyado.com/fonts/poppins-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'poppinsbold';
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-bold-webfont.eot");
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://dev-cdn.empleyado.com/fonts/poppins-bold-webfont.woff2") format("woff2"), url("https://dev-cdn.empleyado.com/fonts/poppins-bold-webfont.woff") format("woff"), url("https://dev-cdn.empleyado.com/fonts/poppins-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'poppinslight';
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-light-webfont.eot");
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://dev-cdn.empleyado.com/fonts/poppins-light-webfont.woff2") format("woff2"), url("https://dev-cdn.empleyado.com/fonts/poppins-light-webfont.woff") format("woff"), url("https://dev-cdn.empleyado.com/fonts/poppins-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'poppinsextralight';
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-extralight-webfont.eot");
  src: url("https://dev-cdn.empleyado.com/fonts/poppins-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("https://dev-cdn.empleyado.com/fonts/poppins-extralight-webfont.woff2") format("woff2"), url("https://dev-cdn.empleyado.com/fonts/poppins-extralight-webfont.woff") format("woff"), url("https://dev-cdn.empleyado.com/fonts/poppins-extralight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*Helper Classes*/
.spacer50 {
  display: block;
  height: 50px; }

.spacer40 {
  display: block;
  height: 40px; }

.spacer30 {
  display: block;
  height: 30px; }

.spacer25 {
  display: block;
  height: 25px; }

.spacer20 {
  display: block;
  height: 20px; }

.spacer15 {
  display: block;
  height: 15px; }

.spacer10 {
  display: block;
  height: 10px; }

.spacer5 {
  display: block;
  height: 5px; }

.w0 {
  width: 0 !important; }

.w10 {
  width: 10%; }

.w17 {
  width: 17% !important; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w43 {
  width: 43%; }

.w45 {
  width: 45%; }

.w46 {
  width: 46%; }

.w47 {
  width: 47%; }

.w48 {
  width: 48%; }

.w49 {
  width: 49%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w58 {
  width: 58% !important; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w68 {
  width: 68%; }

.w70 {
  width: 70% !important; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w83 {
  width: 83% !important; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100% !important; }

.hauto {
  height: auto; }

.h2 {
  height: 2%; }

.h5 {
  height: 5%; }

.h10 {
  height: 10%; }

.h20 {
  height: 20%; }

.h30 {
  height: 30%; }

.h35 {
  height: 35%; }

.h40 {
  height: 40%; }

.h45 {
  height: 45%; }

.h50 {
  height: 50%; }

.h55 {
  height: 55%; }

.h60 {
  height: 60%; }

.h70 {
  height: 70%; }

.h75 {
  height: 75%; }

.h80 {
  height: 80%; }

.h85 {
  height: 85%; }

.h90 {
  height: 90%; }

.h100 {
  height: 100%; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.normal {
  font-weight: 300; }

.bold {
  font-weight: 600; }

.padding-free {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.indent {
  margin-left: 20px; }

.margin0auto {
  margin: 0 auto; }

.display-block {
  display: block; }

.inline {
  display: inline-block;
  vertical-align: top; }

.display-inline {
  display: inline-block; }

.display-table {
  display: table; }

.middle {
  display: table-cell;
  vertical-align: middle; }

.align-middle {
  display: table-cell !important;
  vertical-align: middle;
  cursor: default; }

.align-top {
  vertical-align: top; }

.hidden {
  opacity: 0;
  margin-top: 50px; }

.visible {
  opacity: 1;
  margin-top: 0px !important; }

.white {
  color: #ffffff !important; }

.no-scroll {
  overflow: hidden; }

.transition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.border-red {
  border: 1px solid red; }

@media (max-width: 575.98px) {
  .login {
    width: 100% !important;
    padding: 70px 10px 30px !important; }

  .forgotpassword-wrapper {
    width: 100% !important; }

  .login-wrapper {
    padding: unset !important; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .login {
    width: 100% !important;
    padding: 70px 10px 30px !important; }

  .forgotpassword-wrapper {
    width: 100% !important; }

  .login-wrapper {
    padding: unset !important; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .login {
    width: 100% !important;
    padding: 70px 10px 30px !important; }

  .forgotpassword-wrapper {
    width: 100% !important; }

  .login-wrapper {
    padding: unset !important; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .login {
    width: 100% !important; }

  .forgotpassword-wrapper {
    width: 100% !important; }

  .login-wrapper {
    padding: unset !important; } }
html, body {
  height: 100%;
  font-family: 'poppinsregular', sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 1.5;
  overflow: hidden;
  color: #39393c;
  letter-spacing: 1px !important; }

.font-lighter {
  font-family: 'poppinsextralight'; }

.font-light {
  font-family: 'poppinslight'; }

.font-bold {
  font-family: 'poppinsbold'; }

.wrapper {
  height: 100%; }
  .wrapper .left {
    background: url("https://source.unsplash.com/daily?Perspective,Milkyway,moody-landscapes,direction-time");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative; }
    .wrapper .left .content-wrapper .tagline {
      padding: 0 30px; }
      .wrapper .left .content-wrapper .tagline .tagline-text {
        font-size: 4.5vw;
        letter-spacing: 5px;
        line-height: 70px; }
      .wrapper .left .content-wrapper .tagline .button-wrapper .btn {
        color: #EAECEC;
        background-color: #39393C;
        padding: 10px 30px;
        text-transform: uppercase;
        box-shadow: -2px 2px 5px 1px #c5c6ca;
        letter-spacing: 1px; }
        .wrapper .left .content-wrapper .tagline .button-wrapper .btn:focus, .wrapper .left .content-wrapper .tagline .button-wrapper .btn:hover, .wrapper .left .content-wrapper .tagline .button-wrapper .btn:visited {
          box-shadow: 0 0 0 0.2rem rgba(110, 217, 161, 0.25); }
    .wrapper .left .footer {
      position: absolute;
      bottom: 0;
      padding: 20px; }
      .wrapper .left .footer a {
        color: #39393c; }
        .wrapper .left .footer a i {
          font-size: 22px; }
  .wrapper .right {
    background-color: #5D9DCB;
    position: relative; }

.logo-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  padding: 40px 30px; }
  .logo-wrapper .logo {
    height: auto;
    width: 250px; }

.login-wrapper {
  padding: 40px 30px;
  width: 80%; }
  .login-wrapper .login {
    padding: 70px 20px 30px;
    width: 80%; }
    .login-wrapper .login .form-control {
      margin-top: 30px;
      background-color: transparent;
      border: 3px solid #39393C;
      padding: 15px 20px;
      border-radius: 15px;
      color: #EAECEC;
      font-size: 16px; }
      .login-wrapper .login .form-control:focus {
        box-shadow: unset; }
    .login-wrapper .login ::placeholder {
      color: #EAECEC; }
    .login-wrapper .login .view-pass {
      left: auto;
      right: 25px;
      top: 20px;
      cursor: pointer;
      color: #ccc;
      display: none;
      font-size: 20px; }
      .login-wrapper .login .view-pass:hover {
        color: #39393C; }
    .login-wrapper .login .btn {
      margin-top: 15px;
      background-color: #39393C;
      padding: 15px 20px;
      border-radius: 15px;
      color: #EAECEC;
      font-size: 16px; }
      .login-wrapper .login .btn:focus, .login-wrapper .login .btn:hover, .login-wrapper .login .btn:visited {
        box-shadow: unset; }
    .login-wrapper .login hr {
      border-top: 2px solid #EAECEC;
      margin-top: unset;
      margin-bottom: unset; }
    .login-wrapper .login .separator {
      width: 50px;
      margin: -15px auto;
      background-color: #5D9DCB;
      font-size: 20px; }
    .login-wrapper .login .btn-create {
      text-transform: capitalize;
      margin-top: 15px;
      background-color: transparent;
      padding: 10px 25px;
      border: 2px solid #EAECEC;
      border-radius: 15px;
      color: #EAECEC;
      font-size: 16px;
      cursor: pointer; }
      .login-wrapper .login .btn-create:focus {
        outline: unset; }
      .login-wrapper .login .btn-create:hover, .login-wrapper .login .btn-create:visited {
        box-shadow: unset; }
    .login-wrapper .login .has-account {
      margin-top: 10px; }
      .login-wrapper .login .has-account a {
        color: #EAECEC; }

.return-wrapper {
  padding: 40px 30px 0px; }
  .return-wrapper .caret {
    margin-top: 5px; }
    .return-wrapper .caret .icon {
      height: auto;
      width: 25px; }
  .return-wrapper .create-account-wrapper {
    color: #EAECEC;
    text-transform: capitalize; }
    .return-wrapper .create-account-wrapper .create-account-label {
      font-size: 20px;
      vertical-align: middle;
      margin-right: 10px; }
    .return-wrapper .create-account-wrapper .icon {
      height: auto;
      width: 55px; }
  .return-wrapper .forgot-password-wrapper {
    color: #EAECEC;
    text-transform: capitalize; }
    .return-wrapper .forgot-password-wrapper .forgot-password-label {
      font-size: 20px;
      vertical-align: middle;
      margin-right: 10px; }
    .return-wrapper .forgot-password-wrapper .icon {
      height: auto;
      width: 40px; }

.forgotpassword-wrapper {
  padding: 0px 30px 0px;
  width: 80%; }
  .forgotpassword-wrapper .forgotpassword .form-control {
    margin-top: 30px;
    background-color: transparent;
    border: 3px solid #39393C;
    padding: 15px 20px;
    border-radius: 15px;
    color: #EAECEC;
    font-size: 16px; }
    .forgotpassword-wrapper .forgotpassword .form-control:focus {
      box-shadow: unset; }
  .forgotpassword-wrapper .forgotpassword ::placeholder {
    color: #EAECEC; }
  .forgotpassword-wrapper .forgotpassword .btn-wrapper {
    width: 50%; }
    .forgotpassword-wrapper .forgotpassword .btn-wrapper .btn {
      margin-top: 15px;
      background-color: #39393C;
      padding: 15px 20px;
      border-radius: 15px;
      color: #EAECEC;
      font-size: 16px; }
      .forgotpassword-wrapper .forgotpassword .btn-wrapper .btn:focus, .forgotpassword-wrapper .forgotpassword .btn-wrapper .btn:hover, .forgotpassword-wrapper .forgotpassword .btn-wrapper .btn:visited {
        box-shadow: unset; }
    .forgotpassword-wrapper .forgotpassword .btn-wrapper .has-account {
      margin-top: 10px; }
      .forgotpassword-wrapper .forgotpassword .btn-wrapper .has-account span {
        color: #EAECEC; }
        .forgotpassword-wrapper .forgotpassword .btn-wrapper .has-account span a {
          color: #EAECEC;
          text-decoration: underline;
          text-underline-position: under; }

.register-wrapper {
  padding: 0px 30px 0px; }
  .register-wrapper .register .form-control {
    margin-top: 30px;
    background-color: transparent;
    border: 3px solid #39393C;
    padding: 15px 20px;
    border-radius: 15px;
    color: #EAECEC;
    font-size: 16px; }
    .register-wrapper .register .form-control:focus {
      box-shadow: unset; }
  .register-wrapper .register ::placeholder {
    color: #EAECEC; }
  .register-wrapper .register .view-pass {
    left: auto;
    right: 25px;
    top: 20px;
    cursor: pointer;
    color: #ccc;
    display: none;
    font-size: 20px; }
    .register-wrapper .register .view-pass:hover {
      color: #39393C; }
  .register-wrapper .register .view-re-pass {
    left: auto;
    right: 25px;
    top: 25px;
    cursor: pointer;
    color: #ccc;
    display: none; }
    .register-wrapper .register .view-re-pass:hover {
      color: #39393C; }
  .register-wrapper .register .terms-wrapper input {
    vertical-align: middle;
    margin: 10px 10px 10px 10px; }
  .register-wrapper .register .terms-wrapper span {
    color: #EAECEC;
    vertical-align: middle; }
    .register-wrapper .register .terms-wrapper span a {
      color: #EAECEC;
      text-decoration: underline;
      text-underline-position: under; }
  .register-wrapper .register .btn-wrapper {
    width: 50%; }
    .register-wrapper .register .btn-wrapper .btn {
      margin-top: 15px;
      background-color: #39393C;
      padding: 15px 20px;
      border-radius: 15px;
      color: #EAECEC;
      font-size: 16px; }
      .register-wrapper .register .btn-wrapper .btn:focus, .register-wrapper .register .btn-wrapper .btn:hover, .register-wrapper .register .btn-wrapper .btn:visited {
        box-shadow: unset; }
    .register-wrapper .register .btn-wrapper .has-account {
      margin-top: 10px; }
      .register-wrapper .register .btn-wrapper .has-account span {
        color: #EAECEC; }
        .register-wrapper .register .btn-wrapper .has-account span a {
          color: #EAECEC;
          text-decoration: underline;
          text-underline-position: under; }

.bg {
  background-image: url("../img/bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .bg .middle .card {
    box-shadow: -3px 3px 5px 0px #b1b1b1; }
    .bg .middle .card .card-body {
      padding: 40px 30px; }
      .bg .middle .card .card-body img {
        height: auto;
        width: 250px; }
      .bg .middle .card .card-body .card-content {
        margin: 20px 0px 0px; }
        .bg .middle .card .card-body .card-content .card-title i {
          font-size: 100px;
          color: #39393C; }
        .bg .middle .card .card-body .card-content .card-text {
          margin: 20px 0px 0px; }
          .bg .middle .card .card-body .card-content .card-text h3 {
            font-family: 'poppinsbold', sans-serif;
            text-transform: uppercase;
            font-size: 22px; }
          .bg .middle .card .card-body .card-content .card-text p {
            font-family: 'poppinslight', sans-serif;
            font-size: 18px; }
        .bg .middle .card .card-body .card-content .btn-wrapper a .btn-create {
          text-transform: capitalize;
          margin-top: 15px;
          background-color: #39393C;
          padding: 10px 25px;
          border: 2px solid #EAECEC;
          border-radius: 15px;
          color: #EAECEC;
          font-size: 16px;
          cursor: pointer; }
          .bg .middle .card .card-body .card-content .btn-wrapper a .btn-create:focus {
            outline: unset; }
          .bg .middle .card .card-body .card-content .btn-wrapper a .btn-create:hover, .bg .middle .card .card-body .card-content .btn-wrapper a .btn-create:visited {
            box-shadow: unset; }

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