/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.form-page {
  width: 750px;
  height:350px;
  padding: 2% 0 0;
  margin:0 auto ;
	 background-size:contain;
}
.form {
  position: relative;
  z-index: 1;
  margin: 0 auto ;
  width:90%;
  padding: 25px ;
  text-align: center;

}
.form .l{ float:left;padding: 15px;font-size: 26px; width:15%; color:#FF0000}
.form .f{ float:center; width:100%;}
.form input {
  outline: 0;
  background: #ffffff;
  width: 85%;
  border:#999999 solid 1px;
  color:#000000;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 16px;
  clear:both
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
}

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

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

.form button {

  text-transform: uppercase;
  outline: 0;
  background: #f80000;
  width: 85%;
  border: 0;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 18px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius:0px;
}
.form button:hover,.form button:active,.form button:focus {
  background: #0061AE;
}