/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* --------------------------------------------------------------------- */
/* -------------------------------------------------- wkContact */
.wkContact {
  margin: 5rem auto;
}
.wkContact__container {
  align-items: center;
  display: flex;
  height: 55rem;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (min-width: 670px) {
  .wkContact__container {
    height: 43rem;
  }
}
.wkContact__image {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.wkContact__image img {
  height: 100%;
  width: auto;
}
.wkContact__form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 73rem;
  padding: 2rem;
  position: absolute;
  z-index: 1;
}
.wkContact__form input[type=text],
.wkContact__form input[type=email],
.wkContact__form textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: none;
  font-size: 1.6rem;
  outline: none;
  padding: 0 2rem;
  resize: none;
  width: 100%;
}
.wkContact__form input[type=text],
.wkContact__form input[type=email] {
  height: 5rem;
}
.wkContact__form textarea {
  height: 100%;
  min-height: 11rem;
  padding: 1rem 2rem;
  width: 100%;
}
@media (min-width: 670px) {
  .wkContact__form textarea {
    width: 50%;
  }
}
.wkContact__form input[type=checkbox] {
  margin: 0.4rem 1rem 0 0;
}
.wkContact__form label {
  cursor: pointer;
}
.wkContact__form input[type=submit] {
  padding: 0 2rem;
  width: 22rem;
}
.wkContact__optin {
  align-items: flex-start;
  display: flex;
  margin-bottom: 2rem;
}
.wkContact__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 670px) {
  .wkContact__content {
    flex-wrap: nowrap;
  }
}
.wkContact__input {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 670px) {
  .wkContact__input {
    width: 50%;
  }
}
.wkContact__submit {
  display: flex;
  justify-content: center;
  width: 100%;
}
.wkContact__background {
  background-image: linear-gradient(to top, #edeeee 0%, #d7d9d9 88%, rgba(215, 217, 217, 0));
  height: calc(100% - 15rem);
  position: absolute;
  right: 0;
}
@media (min-width: 670px) {
  .wkContact__background {
    background: linear-gradient(to left, #edeeee 0%, #d7d9d9 88%, rgba(215, 217, 217, 0));
    height: 100%;
    width: calc(50% + 10rem);
  }
}
/*# sourceMappingURL=wkContact.css.map */