form.contact-form > div {
  border: 1px solid #FFF;
  border-top: none;
  position: relative;
  clear: both;
  background-color: #F6F6F6;
  font-size: 12px;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}

form.contact-form > div .clear-form {
  clear: none;
  display: none;
}

form.contact-form > div label.grunion-field-label {
	width: 130px;
  max-width: 250px;
	height:37px;
  background-color: #DCDCC1;
  font-size: 12px;
  color: #555;
  display: block;
  font-weight: normal;
  padding: 27px 55px 20px 20px;
  float: left;
  margin: -20px 20px 0 -20px;
	position: relative;
	line-height: 1.6em;
}
form.contact-form > div label.grunion-field-label span {
  float: right;
  background: #fff;
  font-size: 10px;
  line-height: 1.8em;
  padding: 0 .5em;
  color: #555;
  margin-top: 3px;
	position: absolute;
	right: 20px;
	top:25px;
}

form.contact-form > div label.textarea {
  height: 142px;
}

form.contact-form > div label.radio,
form.contact-form > div label.checkbox,
form.contact-form > div label.checkbox-multiple {
  margin-top: 5px;
  margin-right: 10px;
  display: inline-block;
}
form.contact-form > div label.radio input,
form.contact-form > div label.checkbox input,
form.contact-form > div label.checkbox-multiple input {
    margin-right: 5px;
}

form.contact-form > div input[type="text"],
form.contact-form > div input[type="email"],
form.contact-form > div input[type="tel"],
form.contact-form > div input[type="passward"] {
  height: 37px;
  width: calc(100% - 30% - 40px);
  float: left;
  border: none;
  border-radius: 0;
  border: 1px #E6E6E6 solid;
  padding: 10px;
  box-shadow: none;
  z-index: 999;
  box-sizing: border-box;
}

form.contact-form > div textarea {
  height: 140px;
  width: calc(100% - 30% - 40px);
  float: left;
  border: none;
  border-radius: 0;
  border: 1px #E6E6E6 solid;
  padding: 10px;
  box-shadow: none;
  z-index: 999;
  box-sizing: border-box;
  
}

form.contact-form > div select {
  background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat right 10px center;
  border-color: #c8d7e1;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px 1px 2px;
  color: #2e4453;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  text-overflow: ellipsis;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 3px 32px 5px 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: calc(100% - 30% - 40px);
}
form.contact-form > div select::-ms-expand {
    display: none;
}
form.contact-form .contact-submit input[type="submit"] {
  background-color: #DCDCC1;
  border-color: #111;
  color: #000;
  padding: 6px 30px;
  box-shadow: none;
  border: 0;
  width: 120px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
}