.contact-form {
  background-color: var(--section-bg);
}
.contact-form .container-block.left h2, .contact-form .container-block.left h3 {
  color: var(--element1-title);
}
.contact-form .container-block.left h2 span, .contact-form .container-block.left h3 span {
  color: var(--element1-highlighted-title);
}
.contact-form .container-block.left p, .contact-form .container-block.left ul li, .contact-form .container-block.left ol li, .contact-form .container-block.left span {
  color: var(--element1-highlighted-title);
}
.contact-form .container-block.left a {
  color: var(--element1-link);
}
.contact-form .container-block.left a:hover {
  color: var(--element1-link-hover);
}
.contact-form .container-block.right h2, .contact-form .container-block.right h3 {
  color: var(--element2-title);
}
.contact-form .container-block.right h2 span, .contact-form .container-block.right h3 span {
  color: var(--element2-highlighted-title);
}
.contact-form .container-block.right p, .contact-form .container-block.right ul li, .contact-form .container-block.right ol li, .contact-form .container-block.right span, .contact-form .container-block.right label {
  color: var(--element2-text);
}
.contact-form .container-block.right p span, .contact-form .container-block.right ul li span, .contact-form .container-block.right ol li span, .contact-form .container-block.right span span, .contact-form .container-block.right label span {
  color: var(--element2-highlighted-title);
}
.contact-form .container-block.right a {
  color: var(--element2-link);
}
.contact-form .container-block.right a:hover {
  color: var(--element2-link-hover);
}
.contact-form h3 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 23rem;
}
.contact-form .title p {
  margin-bottom: 0;
  margin-top: 5px;
  font-weight: 500;
}
.contact-form .title {
  margin-bottom: 15px;
}
.contact-form .content strong {
  color: inherit;
}
.contact-form .content p {
  margin-bottom: 10px;
}
.contact-form .content {
  margin-top: 30px;
  padding: 25px;
}
.contact-form.reverse .text {
  padding-left: 50px;
  padding-right: 0;
}
.contact-form.reverse .wrapper {
  flex-direction: row-reverse;
}
.contact-form .linki .link span {
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.contact-form .linki .link:hover .link-photo {
  background-color: var(--element1-content-bg-hover);
  border-color: var(--element1-content-border-hover);
}
.contact-form .linki .link:hover span {
  color: var(--element1-link-hover);
}
.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 {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.contact-form .linki .link-photo {
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: var(--content-border-radius);
  border-style: solid;
  border-width: var(--content-border-width);
  border-color: var(--element1-content-border);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--element1-content-bg);
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.contact-form .linki .link-text strong {
  display: block;
  margin-top: 5px;
  font-weight: 500;
  color: var(--element1-title);
}
.contact-form .linki {
  margin-top: 25px;
}
.contact-form .wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 45px;
}
.contact-form .text {
  padding-right: 50px;
  flex: 1 1 50%;
  background-color: var(--element1-bg);
}
.contact-form .form {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  background-color: var(--element2-bg);
}
.contact-form .form .form-control {
  background-color: var(--element2-content-bg);
  border-style: solid;
  border-width: var(--content-border-width) !important;
  border-color: var(--element2-content-border) !important;
  border-radius: var(--content-border-radius) !important;
  color: var(--element2-text);
}
.contact-form .form .form-control::-moz-placeholder {
  color: var(--element2-text);
}
.contact-form .form .form-control::placeholder {
  color: var(--element2-text);
}
.contact-form .form .form-control:focus {
  border-color: var(--element2-content-border-hover);
}
.contact-form .form .checkbox-styled {
  background-color: var(--element2-content-bg);
  border-style: solid;
  border-width: var(--content-border-width);
  border-color: var(--element2-content-border);
  border-radius: var(--content-border-radius);
}
.contact-form .form .btn:after {
  display: none;
}
.contact-form .form .btn:before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/img/send2.svg");
  background-size: 16px;
  margin-right: 12px;
}
.contact-form .form .btn {
  width: 100%;
  border-width: var(--button-border-width);
  border-radius: var(--button-border-radius);
}
.contact-form .form .btn-primary:hover {
  background-color: var(--element2-btn1-bg-hover) !important;
  color: var(--element2-btn1-text-hover) !important;
  border-color: var(--element2-btn1-border-hover) !important;
}
.contact-form .form .btn-primary {
  background-color: var(--element2-btn1-bg);
  color: var(--element2-btn1-text);
  border-color: var(--element2-btn1-border);
}
.contact-form .form .btn-secondary:hover {
  background-color: var(--element2-btn2-bg-hover) !important;
  color: var(--element2-btn2-text-hover) !important;
  border-color: var(--element2-btn2-border-hover) !important;
}
.contact-form .form .btn-secondary {
  background-color: var(--element2-btn2-bg);
  color: var(--element2-btn2-text);
  border-color: var(--element2-btn2-border);
}
.contact-form .form-inner {
  padding-left: 110px;
  max-width: 735px;
  padding-top: 20px;
}
.contact-form {
  width: 100%;
  padding-bottom: 20px;
}

@media (max-width: 575.5px) {
  .contact-form.reverse .wrapper .text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .contact-form .linki {
    margin-top: 15px;
  }
  .contact-form .wrapper .text {
    padding-left: 0;
    padding-right: 0;
  }
  .contact-form .wrapper {
    flex-direction: column !important;
    padding: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767.5px) {
  .contact-form.reverse .wrapper .text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }
  .contact-form .content {
    margin-top: 20px;
    padding: 15px;
  }
  .contact-form .wrapper .text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }
  .contact-form .wrapper {
    flex-direction: column !important;
    padding: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.5px) {
  .contact-form.reverse .wrapper .text {
    padding-left: 0;
    padding-right: 0;
  }
  .contact-form .wrapper .text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .contact-form .wrapper {
    flex-direction: column !important;
    padding: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199.5px) {
  .contact-form .wrapper {
    padding: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .contact-form .wrapper {
    padding: 35px;
  }
}