@CHARSET "UTF-8";

.contactForm {
	width: 100%;
}

.tr {
	width: 100%;
}

.td1 {
	width: 20%;
	float: left;
	padding: 0.65em 0 0;
}

.td2,
.td3 {
	float: left;
	width: 80%;
}

.td2,
.td3 {
	margin-bottom: 0.65em;
}

.td2 input,
.td2 textarea {
	width: 97%;
	padding: 0.65em 1.5%;
    color: #333;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1em;
    background: #ddd;
    border: none;
}

textarea {
	resize: none;
	height: 4.5em;
	margin: 0;
}

.td3 input {
	width: 2.25em;
	padding: 0.65em 1.5%;
	margin-right: 4px;
    color: #333;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1em;
	text-align: center;
    background: #ddd;
    border: none;
}

.td4 {
	float: right;
}

.td4 input {
	width: auto;
}

.info {
 	font-size: 0.8em;
	color: #888;
}

.errorMessage {
	display: inline-block;
	font-size: 0.8em;
	color: #e8514e;
}

#btnSend, #btnReset {
	height: 100%;
	width: auto;
    border: none;
    background-color: silver;
    float: right;
    margin-right: 0;
    -webkit-appearance: none;
}

#btnSend:HOVER,
#btnReset:HOVER {
	background-color: gray;
}

input.error {
	background-image: url("../../img/error.png");
	background-position: center right;
	background-repeat: no-repeat;
}

::-webkit-input-placeholder {
   color: #888888 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #888888 !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888888 !important;  
}

:-ms-input-placeholder {  
   color: #888888 !important;  
}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

}