.in-registrace h1,
.in-registracia h1 {
  text-transform: none;
}
.in-registrace #register-form,
.in-registracia #register-form {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  width: 52%;
  padding: 1.5em;
  margin-bottom: 3em;
}
.in-registrace .content form h4,
.in-registrace .content.narrow h4,
.in-registracia .content form h4,
.in-registracia .content.narrow h4 {
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.in-registrace .content-wrapper #register-form .row > div,
.in-registracia .content-wrapper #register-form .row > div {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.in-registrace #register-form .row:nth-child(4),
.in-registracia #register-form .row:nth-child(4) {
  position: relative;
  padding-top: 3em;
}
.in-registrace #register-form  .content-wrapper.container .row > div,
.in-registracia #register-form  .content-wrapper.container .row > div {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.in-registrace #register-form .row:nth-child(4)::before,
.in-registracia #register-form .row:nth-child(4)::before {
  content: "Registrovat přes e-mail";
  display: block;
  position: absolute;
  top: 0;
  left: 0.6rem;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 1px;
}
.in-registracia #register-form .row:nth-child(4)::before {
  content: "Registrovať cez e-mail";
}
.in-registrace #register-form .submit-wrapper .btn,
.in-registracia #register-form .submit-wrapper .btn {
  border-radius: 50px;
  background-color: #2CA2C6;
  padding: 0px 60px;
}
.in-registrace #register-form .submit-wrapper .btn:hover,
.in-registracia #register-form .submit-wrapper .btn:hover {
  background-color: #8880B4;
}
.in-registrace .register-soc,
.in-registracia .register-soc,
.social-login-buttons {
  display: flex;
  flex-flow: column wrap;
}
.in-registrace #register-form .register-soc .form-group:nth-of-type(1),
.in-registracia #register-form .register-soc .form-group:nth-of-type(1)  {
  order: 1;
  display: block;
  width: 100%;
}
.in-registrace .register-soc h4,
.in-registracia .register-soc h4 {
  font-size: 1.5em;
  font-weight: 500;
  text-transform: none;
}
.in-registrace .register-soc .login-btn,
.in-registracia .register-soc .login-btn {
  border-radius: 50px;
  padding: 10px 50px 10px 70px;
  display: block;
  width: 20rem;
  margin-bottom: 1rem;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
.in-registrace #register-form .register-soc .login-btn:hover,
.in-registracia #register-form .register-soc .login-btn:hover {
  background-color: #8880B4;
  color: #fff;
}
.in-registrace .register-soc .login-btn.google,
.in-registracia .register-soc .login-btn.google {
  background-color: #fff;
  border: 1px solid #cacfd2;
  color: #222222;
}
.in-registrace .register-soc .login-btn.facebook,
.in-registracia .register-soc .login-btn.facebook {
  background-color: #1876f0;
  color: #fff;
  border: 1px solid transparent;
  margin-bottom: 0;
}
.in-registrace main .content-inner,
.in-registracia main .content-inner {
  display: flex;
  flex-flow: row wrap;
}
.in-registrace main .content-inner h1,
.in-registracia main .content-inner h1 {
  width: 100%;
}
.in-registrace main .content-inner .registration-info,
.in-registracia main .content-inner .registration-info {
  width: 48.5%;
  align-self: flex-start;
  padding: 2em 0 2em 2em;
  display: block;
}
.in-registrace main .content-inner .registration-info p,
.in-registracia main .content-inner .registration-info p {
  margin: 0;
}
.in-registrace main .content-inner .registration-info h5,
.in-registracia main .content-inner .registration-info h5 {
  margin-top: 20px;
  display: block;
  width: 100%;
  font-size: 13px;
}
.in-registrace main .content-inner .registration-info ul,
.in-registracia main .content-inner .registration-info ul {
  list-style: none !important;
  padding-left: 0;
  margin: 0;
}
.in-registrace main .content-inner .registration-info ul > li,
.in-registracia main .content-inner .registration-info ul > li {
  margin-bottom: 0.5em;
  font-size: 1em;
  position: relative;
  padding-left: 1.5em;
}
.in-registrace main .content-inner .registration-info ul > li::before,
.in-registracia main .content-inner .registration-info ul > li::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #2CA2C6;
  position: absolute;
  top: 5px;
  left: 0;
  text-indent: 0;
  border-radius: 50px;
  display: inline-block;
  text-rendering: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.in-registrace #content .registration-info_logo,
.in-registracia #content .registration-info_logo {
  text-align: center;
}
.in-registrace #content .registration-info_logo img,
.in-registracia #content .registration-info_logo img {
  max-width: 155px;
  width: 100%;
  height: auto;
}
.in-registrace #content .registration-info_more,
.in-registracia #content .registration-info_more {
  font-size: 1.1em;
  margin-top: 1rem;
}
.registration-info,
.in-registrace #register-form fieldset:nth-child(3),
.in-registracia #register-form fieldset:nth-child(3) {
  display: none;
}
/**registrace hlavička**/
.social-login-buttons-divider {
  margin-bottom: 1em;
}
.social-login-buttons .login-btn,
.social-login-buttons .login-btn.seznam,
.social-login-buttons .login-btn.google,
.social-login-buttons .login-btn.facebook {
  border-radius: 50px;
  padding: 10px 40px 10px 60px;
  display: block;
  width: 19rem;
  margin-bottom: 0.5rem;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
.in-registrace .register-soc .login-btn.seznam,
.in-registracia .register-soc .login-btn.seznam,
.social-login-buttons .login-btn.seznam {
  margin-top: 0;
}
a.login-btn.seznam strong,
a.login-btn.facebook strong,
a.login-btn.google strong {
  padding: 0;
}
.social-login-buttons .login-btn:hover,
.social-login-buttons .login-btn.google:hover,
.social-login-buttons .login-btn.facebook:hover,
.social-login-buttons .login-btn.seznam:hover {
  background-color: #8880B4;
  color: #fff;
}
.social-login-buttons .login-btn.google {
  background-color: #fff;
  border: 1px solid #cacfd2;
  color: #222222;
}
.social-login-buttons .login-btn.facebook {
  background-color: #1876f0;
  color: #fff;
  border: 1px solid transparent;
}
.social-login-buttons .form-group:nth-of-type(2) {
  order: 1;
}
@media only screen and (max-width: 992px) {
  .in-registrace #register-form,
  .in-registracia #register-form {
      width: 100%;
      padding: 1.5em 1em 1em;
      margin-bottom: 2em;
  }
  .in-registrace main .content-inner .registration-info,
  .in-registracia main .content-inner .registration-info {
      width: 100%;
      padding: 1em;
      margin-bottom: 1em;
  }
}
@media only screen and (max-width: 520px) {
  .in-registrace .register-soc h4,
  .in-registrace #register-form .row:nth-child(4)::before,
  .in-registracia .register-soc h4,
  .in-registracia #register-form .row:nth-child(4)::before {
      font-size: 1.3em;
  }
  .in-registrace .register-soc .login-btn,
  .in-registracia .register-soc .login-btn {
      padding: 10px 15px 10px 60px;
      width: 17rem;
  }
  .in-registrace #content .registration-info_logo img,
  .in-registracia #content .registration-info_logo img {
      max-width: 100px;
  }
  form .form-group label {
    margin-bottom: 10px;
  }
  .social-login-buttons .login-btn,
  .social-login-buttons .login-btn.seznam,
  .social-login-buttons .login-btn.google,
  .social-login-buttons .login-btn.facebook {
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  .social-login-buttons .login-btn {
      padding: 10px 25px 10px 25px;
  }
  .social-login-buttons .login-btn.google,
  .social-login-buttons .login-btn.facebook,
  .social-login-buttons .login-btn.seznam {
      background-image: none;
  }
}
@media (min-width: 768px) {
  .in-registrace .sidebar,
  .in-registracia .sidebar {
    display: none;
  } 
}