#form-contatti {
  width: 30%;
  margin-right: 10%; }

#testo-contatti {
  width: 60%; }

#contact input, #contact textarea {
  width: 92%;
  max-width: 92%;
  padding: 4%;
  border: solid 1px #eeeeee;
  margin: 0 0 10px 0;
  line-height: 150%;
  -webkit-transition: border 0.4s ease-in-out;
  -moz-transition: border 0.4s ease-in-out;
  -o-transition: border 0.4s ease-in-out;
  -ms-transition: border 0.4s ease-in-out;
  transition: border 0.4s ease-in-out; }

#contact input:focus, #contact textarea:focus {
  border: solid 1px #aaaaaa; }

#contact input:required,
#contact textarea:required {
  background: url(../images/validation-asterisk.svg) right center no-repeat; }

#contact input:focus:required:valid,
#contact textarea:focus:required:valid,
#contact input:required:valid,
#contact textarea:required:valid {
  background: url(../images/validation-true.svg) right center no-repeat;
  border: solid 1px #73c412; }

#contact input[type="button"] {
  width: 100%;
  max-width: 100%;
  height: 50px;
  border: solid 1px #dddddd;
  background-color: #eeeeee;
  text-transform: uppercase;
  color: #333;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  -ms-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out; }

#contact input[type="button"]:hover {
  background-color: #dddddd; }

#contact input[type="checkbox"] {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important; }

#errori {
  padding: 3%;
  width: 94%;
  margin: 5px 0px;
  background: #e43459;
  color: #fff;
  font-weight: bold;
  text-align: center; }

#risultato {
  padding: 3%;
  width: 94%;
  margin: 5px 0px;
  background: #73c412;
  color: #fff;
  font-weight: bold;
  text-align: center; }

#privacy-form label a {
  color: #888888;
  font-style: italic;
  margin: 0px;
  padding: 0px; }
