@import "compass/css3";
 *, *:before, *:after {
	 box-sizing: border-box;
}
 html {
	 overflow-y: scroll;
}
 body {
	 background: #c1bdba;
	 font-family: 'Titillium Web', sans-serif;
}
 a {
	 text-decoration: none;
	 color: #1ab188;
	 transition: 0.5s ease;
}
 a:hover {
	 color: #179b77;
}
 .form {
	 background: rgba(19, 35, 47, .9);
	 padding: 40px;
	 max-width: 800px;
	 margin: 40px auto;
	 border-radius: 4px;
	 box-shadow: 0 4px 10px 4px rgba(19, 35, 47, .3);
}

 h1 {
	 text-align: left;
	 color: #fff;
	 font-weight: 300;
	 margin: 0 60px 40px;
}
 label {
	 position: absolute;
	 transform: translateY(50px);
	 left: 2px;
	 color: rgba(255, 255, 255, .5);
	 transition: all 0.25s ease;
	 -webkit-backface-visibility: hidden;
	 pointer-events: none;
	 font-size: 14px;
}

input:read-only{
	background-color: rgba(255, 255, 255,0.3);
}

 label.highlight {
	 color: #fff;
}
 input, textarea {
	 font-size: 18px;
	 display: block;
	 width: 100%;
	 height: 100%;
	 padding: 10px 10px;
	 background: none;
	 background-image: none;
	 border: 1px solid #a0b3b0;
	 color: #fff;
	 border-radius: 0;
	 transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
 input:focus, textarea:focus {
	 outline: 0;
	 border-color: #1ab188;
}
 textarea {
	 border: 2px solid #a0b3b0;
	 resize: vertical;
}
 .field-wrap {
	 position: relative;
	 margin-bottom: 40px;
}
 .top-row:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .top-row > div {
	 float: left;
	 width: 35%;
	 margin-right: 4%;
}
 .top-row > div:last-child {
    width: 60%;
	 margin: 0;
}
 .button {
	 border: 0;
	 outline: none;
	 border-radius: 0;
	 padding: 15px 0;
	 font-size: 24px;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 0.1em;
	 background: #1ab188;
	 color: #fff;
	 transition: all 0.5s ease;
	 -webkit-appearance: none;
	 width: 60%;
}
 .button:hover, .button:focus {
	 background: #179b77;
}
 .button-block {
	 display: block;
	 width: 100%;
}