#contactForm {
  width: 600px;
  margin-top:30px;
  border-radius: 7px;
}

.feedback-input {
  color:#3c3c3c;
  font-weight:500;
  font-size: 18px;
  border-radius: 10px;
  line-height: 22px;
  background: #DAD1BD;
  padding: 13px 13px 13px 54px;
  margin-bottom: 10px;
  width:90%;
  box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
  background: #fff;
  box-shadow: 0;
  border: 3px solid #3498db;
  color: #3498db;
  outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
  color:#30aed6;
  border:#30aed6 solid 3px;
}

.error{
  background-color: #ff2600;
  color:  white;
  font-style: bold;
  padding: 5px 10px;
  border-radius: 6px;
}

/* Icons ---------------------------------- */
#name,#name:focus{
  background-image: url(../img/icon-person-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#email,#email:focus{
  background-image: url(../img/icon-email-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#phone,#phone:focus{
  background-image: url(../img/icon-phone-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#address,#address:focus{
  background-image: url(../img/icon-place-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#city,#city:focus{
  background-image: url(../img/icon-location_city-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#province,#province:focus{
  background-image: url(../img/icon-province.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#postal-code,#postal-code:focus{
  background-image: url(../img/icon-postal-code.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

#message{
  background-image: url(../img/icon-edit-24px.svg);
  background-size: 30px 30px;
  background-position: 11px 8px;
  background-repeat: no-repeat;
}

textarea {
    width: 90%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

.captcha {
  margin: 0 auto;
  padding: 5px;
  border: 4px inset #333;
  float:  left;
}
.captcha-input {
  margin-left: 210px;
  padding-top: 10px;
  width: 50%;
}

#sendButton {
  font-family: 'Patua One', sans-serif;
  width: 90%;
  cursor:pointer;
  color:#739350;
  font-size:48px;
  padding:18px 0 18px;
  margin-top:-4px;
}

#sendButton:hover{
  background-color: rgba(0,32,64,0.5);
  color: #0493bd;
}