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

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

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

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

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

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

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

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

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

/* on hover placeholder */

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

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

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

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

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

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

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

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


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

#form {
  position: relative;
  width: 100%;
  margin: 20px 0;
}

input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 100%;
  height: 35px;
  padding: 0;
  text-align:left;
  
  background: transparent;
  outline: none;
  color: #ddd !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.0);
  color: #ddd;
}

textarea {
  width:100%;
  max-width: 100%;
  height: 90px;
  max-height: 90px;
  padding: 10px 0 0 0;
  
  background: transparent;
  outline: none;
  
  color: #ddd;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  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.0);
  color: #ddd;
}

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

  font-family: 'Lato', sans-serif;
    border: solid #ffffff 1px;
  outline:none;
  cursor: pointer;
}


	
	.btn-send-mail-contact {
    background: rgba(125, 125, 125, 0.20);
	color:white !important;
    padding: 8px 23px;
	margin:10px auto;
	width:150px;
    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: none !important;
	border-radius:3px;
	text-align:center;
	}


	
	.btn-send-mail-contact:hover {
    background: rgba(25, 25, 25, .575);
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
	}

	
	.btn-send-mail-contact:focus, .btn-send-mail-contact:active{
    background: rgba(225, 225, 225, .95);
	color:black !important;
	}


#submit-contact {
  width: 100%;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #fff;
  
  outline:none;
  cursor: pointer;
  
  border: solid 0px #b3aca7;
}

#submit {color: #e2dedb;
    width: 500px;
    height: 60px;
    margin-top: 10px;
    position: relative;
}




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

input {
  width: 90%;
}

textarea {
  width:90%;
  max-width: 90%;

}