input {
 font-size: 16px;
 padding: 10px;
 width: calc(100% - 20px);
 border: 1px solid black;
 text-indent: 2px;
 margin-bottom: 10px;
}

input[type=text]:hover,
input[type=text]:focus,
textarea:hover,
textarea:focus {
 outline: none;
 border: 1px solid #ab0000;
}

option:focus,
option:hover {
 outline: none;
 border: 1px solid #ab0000;
 background-color: #ab0000;
}

textarea {
 font-family: Arial;
 font-size: 16px;
 border: 1px solid #222;
 width: calc(100% - 20px);
 height: 200px;
 padding: 10px;
 text-indent: 2px;
}

input[type=checkbox] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

input[type=checkbox] {
 content:' ';
 display:inline-block;
 position: relative;
 float: left;
 margin-left: 0px;
 width: 1px;
 height: 1px;
 border: 1px solid #000000;
 background: white;
 margin-right: 10px;
 box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=checkbox]:checked {
  background-color: #ab0000;
  box-shadow: inset 0 0 0 2px white;
}

p.fpx {
  margin-top: 4px;
}

.submit {
 height: auto;
 width: auto;
 border: 0;
 background-color: #ab0000;
 color: #fff;
}

u {
 display: none;
}

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

input,
textarea,
select {
 width: 50%;
}

}

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

input,
textarea,
select {
 width: calc(100% - 20px);
 font-size: 20px;
}

.submit{
 width: 100%;
 height: auto;
}

}