.login_related {
  background: #f9f9f9;
  font-size: 14px;
  min-height: 50vh;
  margin-top: -20px; }
  .login_related ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0.2);
    opacity: 1;
    /* Firefox */
    font-weight: 100; }
  .login_related :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.2);
    font-weight: 100; }
  .login_related ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.2);
    font-weight: 100; }
  .login_related .section-heading {
    margin: 20px 0; }
  .login_related .form_container {
    padding: 40px 0 0;
    border: 1px solid #e2e2e2;
    margin: 20px 50px 50px; }
    .login_related .form_container .form-row {
      margin: 0 25%; }
  .login_related .form-control:valid, .login_related .form-control.is-valid {
    background-image: none; }
  .login_related .form-control:invalid, .login_related .form-control.is-invalid {
    background-image: none; }
  .login_related .form-control.is-invalid ~ .valid-feedback {
    display: none; }
  .login_related .valid-feedback:after, .login_related .valid-feedback:before, .login_related .invalid-feedback:after, .login_related .invalid-feedback:before {
    border-style: solid;
    border-radius: 2px;
    border-width: 1px 0 1px 0;
    content: " ";
    height: 0px;
    position: absolute; }
  .login_related .valid-feedback:before, .login_related .invalid-feedback:before {
    transform: rotate(45deg); }
  .login_related .valid-feedback:after, .login_related .invalid-feedback:after {
    transform: rotate(-45deg); }
  .login_related .valid-feedback:before {
    right: 34px;
    top: 55px;
    width: 7px; }
  .login_related .valid-feedback:after {
    right: 23px;
    top: 52px;
    width: 15px; }
  .login_related .invalid-feedback:after, .login_related .invalid-feedback:before {
    right: 25px;
    top: 52px;
    width: 15px; }
  .login_related .birth-warning {
    color: #DC3545; }
  .login_related .form_title {
    text-align: center;
    font-size: 20px;
    margin: 0;
    color: #646464; }
  .login_related input[type="text"], .login_related input[type="email"], .login_related input[type="password"], .login_related input[type="tel"], .login_related select {
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 50px;
    color: #808080; }
    .login_related input[type="text"]:focus, .login_related input[type="email"]:focus, .login_related input[type="password"]:focus, .login_related input[type="tel"]:focus, .login_related select:focus {
      border-color: #b898e4;
      box-shadow: none; }
  .login_related select {
    height: 50px !important; }
  .login_related textarea {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px 20px;
    font-size: 14px;
    color: #808080; }
    .login_related textarea:focus {
      border-color: #b898e4;
      box-shadow: none; }
  .login_related hr.divider {
    overflow: inherit;
    position: relative;
    margin: 20px 30px 30px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2); }
    .login_related hr.divider:after {
      content: "or";
      text-align: center;
      position: absolute;
      top: 0px;
      width: 50px;
      color: rgba(0, 0, 0, 0.2);
      background: #f9f9f9;
      font-weight: 400;
      left: 50%;
      transform: translate(-50%, -50%); }
  .login_related .form-row .btn-facebook {
    color: #fff;
    background: #3a59a4;
    height: 50px;
    line-height: 50px;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: flex; }
    .login_related .form-row .btn-facebook:focus {
      box-shadow: none; }
  .login_related .form-row .btn-line {
    color: #fff;
    background: #3CD52E;
    height: 50px;
    line-height: 50px;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: flex; }
    .login_related .form-row .btn-line:focus {
      box-shadow: none; }
  .login_related .form-row .input-group .sub-button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .login_related button[type="submit"] {
    background-color: #b898e4;
    border: none;
    color: #fff;
    letter-spacing: 4px;
    height: 50px; }
    .login_related button[type="submit"]:hover {
      background-color: #715697; }
  .login_related .form_footer {
    background: #fff;
    border-top: 1px solid #e2e2e2;
    text-align: center; }
    .login_related .form_footer a {
      color: #33a4e8; }
      .login_related .form_footer a:hover {
        text-decoration: none; }
  @media (max-width: 991px) {
    .login_related .form_container .form-row {
      margin: 0 15%; } }
  @media (max-width: 767px) {
    .login_related .form_container .form-row {
      margin: 0 5%; } }
  @media (max-width: 575px) {
    .login_related .form_container {
      margin: 50px 0; } }