#forms_ {
  width: 100%;
  padding-top: 32px;
  border-radius: 2px;
}

@media (max-width: 768px) {
  #forms_ {
    height: 980px;
  }
}

#formContentsField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: left;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: solid 2px #dddddd;
  background: #fff;
}

#LeftField {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

#inputArea input {
  width: 480px;
  height: 22px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  #inputArea input {
    width: 400px;
  }
}

@media (max-width: 768px) {
  #inputArea input {
    width: 320px;
    margin-right: 12px;
    margin-left: 12px;
  }
}

#inputArea textarea {
  width: 480px;
  overflow: scroll;
  height: 200px;
  resize: none;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  #inputArea textarea {
    width: 400px;
  }
}

@media (max-width: 768px) {
  #inputArea textarea {
    width: 320px;
    margin-right: 12px;
    margin-left: 12px;
  }
}

#submitButton {
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

#submitBtn {
  width: 240px;
  height: 48px;
  color: #fff;
  border-radius: 32px;
  border: none;
  letter-spacing: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  background: #3291dd;
}

#thxMessage h3 {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}

#thxMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 32px;
  font-weight: 800;
  height: 240px;
  text-align: center;
}

#formTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: left;
  color: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  width: 240px;
}

@media (max-width: 768px) {
  #formTitle {
    width: 100%;
  }
}

#formArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: left;
  color: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  width: 100%;
  background: #ebebf1;
}

@media (max-width: 768px) {
  #formArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#inputArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: center;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #fff;
  border-left: solid 2px #dddddd;
}

@media (max-width: 768px) {
  #inputArea {
    border: none;
  }
}

#formArea + #formArea {
  border-top: solid 2px #dddddd;
}

#titleArea {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 12px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
  margin-left: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 220px;
  white-space: nowrap;
}

#requiredArea {
  font-size: 12px;
  color: #fff;
  width: 42px;
  height: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 2px;
  background: #ff3322;
}

#sentenseArea + p {
  margin-top: 84px;
}

#redArea {
  color: #ff3322;
}
/*# sourceMappingURL=contacts.css.map */