*,
*:after,
*:before 								{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.form-1 								{ width: 450px; margin: 60px auto 30px;  padding: 10px; position: relative; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25); border-radius: 5px; background: white; background: -moz-linear-gradient(#eeefef, #ffffff 10%); background: -ms-linear-gradient(#eeefef, #ffffff 10%); background: -o-linear-gradient(#eeefef, #ffffff 10%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff)); background: -webkit-linear-gradient(#eeefef, #ffffff 10%); background: linear-gradient(#eeefef, #ffffff 10%); }
.form-1 .field 							{ position: relative; }
.form-1 .field i 						{ left: 0px; top: 0px; position: absolute; height: 36px; width: 36px; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7); color: #777777; text-align: center; line-height: 42px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; }

.form-1 input[type=text],
.form-1 input[type=password] 			{ font-family: Calibri, Arial, sans-serif; font-size: 13px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 430px; padding: 10px 18px 10px 45px; border: none; box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px; background: #f9f9f9; color: #777; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
.form-1 input[type=text] 				{ margin-bottom: 10px; }

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i 	{ color:#0062a1; }
.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i 	{ color:#003f67; }

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus 		{ outline: none; }

.form-1 .submit 						{ width: 65px; height: 65px; position: absolute; top: 70px; right: -25px; padding: 10px; z-index: 2; background: #ffffff; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2); }
.form-1 .submit 						{ background-image:linear-gradient(to bottom, #1D7FBE, #006699)!important; }
.form-1 .submit:after 					{ width: 10px; height: 10px; position: absolute; top: -2px; left: 30px; background: #ffffff; box-shadow: 0 62px white, -32px 31px white; }

.form-1 button 							{ width: 100%; height: 100%; margin-top: -1px; font-size: 1.4em; line-height: 1.75;  color: #0062a1; border: none; border-radius: inherit; background: #FFF;  box-shadow:  inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1); cursor: pointer; }
.form-1 button:hover,
.form-1 button[type=submit]:focus 		{ background: #FFA23F; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.form-1 button:active 					{ background: #EA6221; box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3); }

.message 								{ font-size:16px; padding:10px 5px 5px 5px; text-align:center; color:#EA6221; font-weight:400; }