input[type=text], select {
	width: 100%;
	padding: 13px 13px 13px 54px;
	background-image: url(svgs/fi-marker.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
	color: #666;
	-webkit-appearance:none;
	}
input[type=email], select {
    width: 100%;
	padding: 13px 13px 13px 54px;
	background-image: url(svgs/fi-marker.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
	color: #666;
	-webkit-appearance:none;
	}
	
/* Icons ---------------------------------- */
#form {width:500px;margin:auto;}
#form #name{
	background-image: url(svgs/fi-torso.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #name:focus{
	background-image: url(svgs/fi-torso.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
    background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #email{
	background-image: url(svgs/fi-mail.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #email:focus{
	background-image: url(svgs/fi-mail.svg);
	background-size: 30px 30px;
    background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #message{
	background-image: url(svgs/fi-pencil.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
}

#form #message:focus{
	background-image: url(svgs/fi-pencil.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #telephone{
	background-image: url(svgs/fi-telephone.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#form #file:focus{
	background: #fff;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
    padding: 13px 13px 13px 54px;
}

#form  textarea {
    width: 100%;
    height: 100px;
    line-height: 150%;
    resize:vertical;
	border:none;
	background-color: #fbfbfb;
}

#form  input:hover, #form  textarea:hover,
#form  input:focus, #form  textarea:focus {
	background-color:#e6e6e6;
}

	
#form  .submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

.button {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  float: left;
  width: 100%;
  border-radius: 15px;
  cursor: pointer;
  background-color: #06086C;
  color: white;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s;
  margin: 20px 0 20px 0;
  font-weight: 700;
  -moz-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  -webkit-transition: all .3s ease-in-out 0s;
   transition: all .3s ease-in-out 0s;
}

.button:hover{
	background-color:#226CE0;
	color: #fff;
}

@media  only screen and (max-width: 580px) {
	#form {width:100%;margin:auto;}
	#form #file{
	background-image: url(svgs/fi-photo.svg);
	background-size: 25px 25px;
	background-position: 11px 9px;
	background-repeat: no-repeat;
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 12px;
	border-radius: 3px;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	box-sizing: border-box;
	border: 3px solid rgba(0,0,0,0);
	}
}