@charset "utf-8";
/* CSS Document */
.contactform {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.formfieldtitle {
  font-family: OpenSansnorm;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  padding: 10px;
}
.formfield {
  padding: 10px;
  font-family: OpenSansnorm;
}
.textformfield {
  font-family: OpenSansnorm;
  padding: 10px;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  border-radius: 10px;
}
.message {
  font-family: OpenSansnorm;
  padding: 10px;
  vertical-align: top;
  font-size: 18px;
  font-weight: normal;
}
.messageformfield {
  width: 100%;
  height: 8rem;
  font-family: OpenSansnorm;
  padding: 10px;
  vertical-align: top;
  font-size: 18px;
  font-weight: normal;
  border: 2px solid #111;
  ;
  border-radius: 10px;
}
.conform {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
input:focus {
  outline: 1px solid #f00;
  box-shadow: 2px 2px 10px #FFCC00;
}
textarea:focus {
  outline: 1px solid #f00;
  box-shadow: 0 0 10px #FFCC00;
}
.contermchecks {
  display: inline-block;
}
.conterms {
  width: 90%;
  font-family: OpenSansnorm;
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  color: #888;
  float: right;
  ;
}
.checkedbox {
  width: 1rem;
  float: left;
}
.concheck {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 5px;
  border: 2px solid #555;
  vertical-align: middle;
}
.concheck:checked {
  background: #f00;
}
.termscheckbox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: inline-block;
}
.subbutfield {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.subbut {
  padding: 15px;
  width: 100%;
  background-color: #222;
  border: 0px;
  font-family: OpenSansnorm;
  font-size: 16px;
  color: #fff;
  border-radius: 10px;
}
.aboutustitle {
  padding-bottom: 40px;
}