@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400);

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #333;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #333;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #333;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #333;
}

input::placeholder, textarea::placeholder {
  color: #333;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #333;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #333;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #333;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #333;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #333;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #333;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #333;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #333;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #333;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #333;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #333;
}


header {
  position: relative;
  margin: 100px 0 25px 0;
  font-size: 2.3em;
  text-align: center;
  letter-spacing: 7px;
}

#form {
  position: relative;
  width: 90%;
  margin: 20px 5%;
}

input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 100%;
  height: 40px;
  margin:0 auto;
  padding: 0;
  text-align:center;
  
  background: transparent;
  color: #333 !important;
  
  border-bottom: solid 1px #b3aca7 !important;
  border:none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: rgba(179, 172, 167, 0.13);
  color: #333;
}

textarea {
  width: 100%;
  max-width: 100%;
  height: 110px;
  max-height: 110px;
  padding: 20px 0 0 0;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  text-align:center;
  
  border-bottom: solid 1px #b3aca7 !important;
  border:none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

textarea:hover {
  background: rgba(179, 172, 167, 0.13);
  color: #333;
}

#submit-start {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	width:25%;
  padding: 0;
  margin:16px 30% 0;
      color: #111;
    font-size: 1.025em;

  font-family: 'Lato', sans-serif;
  border-bottom: solid 0px #b3aca7 !important;
  outline:none;
  cursor: pointer;
}

	
	.btn-send-mail-start {opacity:0.5;
    background: rgba(0, 0, 0, 1.0);
	border:1px solid #fff;
	color:#fff !important;
    padding: 8px 23px;
	margin:10px auto;
	width:180px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .15em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  border-radius:3px;
}
	.btn-send-mail-start:hover {opacity:1;
    background: rgba(0, 0, 0, 1.0);
	border:1px solid #fff;
	color:#fff !important;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
	}

	
	.btn-send-mail-start:focus, .btn-send-mail-start:active {
		opacity:1;
    background: rgba(250, 250, 250, 1.0);
	border:1px solid #fff;
	color:#000 !important;
	}
	




@media only screen and (max-width: 720px) {
input {
  font-size: 0.65em;
  width: 100%;
  height: 25px;
}

textarea {
  height: 50px;
  max-height: 50px;
  padding: 10px 0 0 0;
  font-size: 0.75em;
}




}

@media only screen and (max-width: 540px) {

input {
  width: 100%;
}




}