.contact-form-wrapper {
  position: relative; }
  .contact-form-wrapper:after {
    display: block;
    content: "";
    height: 455px;
    width: 369px;
    min-height: 455px;
    background-image: url(/img/linia-dark.svg);
    background-size: 369px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 90px;
    z-index: 0;
    pointer-events: none; }
  .contact-form-wrapper .form {
    z-index: 1;
    position: relative; }

.contact-form {
  width: 100%; }
  .contact-form.reverse .wrapper {
    flex-direction: row-reverse; }
  .contact-form .linki {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 90px; }
    .contact-form .linki a {
      color: var(--primary-text); }
      .contact-form .linki a span {
        color: var(--element1-color); }
      .contact-form .linki a:hover {
        color: var(--text-hover); }
    .contact-form .linki .link {
      display: flex;
      align-items: center;
      margin: 0 auto; }
      .contact-form .linki .link.email .link-photo {
        background-image: url("/img/email.svg"); }
      .contact-form .linki .link.address .link-photo {
        background-image: url("/img/mark.svg"); }
      .contact-form .linki .link.telephone .link-photo {
        background-image: url("/img/tel.svg"); }
    .contact-form .linki .link-photo {
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 15px;
      min-width: 32px;
      width: 32px;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--element1-color);
      border-radius: 50%; }
  .contact-form .wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center; }
  .contact-form .text {
    width: 50%; }
  .contact-form .form {
    width: 50%;
    display: flex;
    align-items: center; }
    .contact-form .form .checkbox-label .checkbox-styled {
      background-color: var(--primary-bg);
      border-color: var(--primary-text); }
      .contact-form .form .checkbox-label .checkbox-styled.checked span {
        color: var(--primary-text); }
      .contact-form .form .checkbox-label .checkbox-styled span {
        font-size: 20px;
        font-weight: bold;
        color: var(--primary-bg); }
  .contact-form .form-inner {
    padding-left: 110px;
    max-width: 735px;
    padding-top: 20px; }

@media (max-width: 575.5px) {
  .contact-form-wrapper:after {
    display: none; }

  .contact-form .form, .contact-form .text {
    width: 100%; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .contact-form-wrapper:after {
    display: none; }

  .contact-form .form, .contact-form .text {
    width: 90%; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .contact-form-wrapper:after {
    display: none; }

  .contact-form .form, .contact-form .text {
    width: 80%; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .contact-form-wrapper:after {
    right: calc(50vw - 618px);
    height: 350px;
    width: 284px;
    min-height: 350px;
    background-size: 286px; }

  .contact-form .form {
    width: 70%; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .contact-form-wrapper:after {
    right: calc(50vw - 788px); }

  .contact-form .btn-primary {
    margin-top: 10px;
    min-width: 354px; } }
@media (min-width: 1580px) {
  .contact-form .btn-primary {
    margin-top: 10px;
    min-width: 354px; } }

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