@charset "utf-8";
/* CSS Document */

/*form styles*/
.contact-form-container {
	width: 75%;
	margin: 0 auto;
}

.contact-form{
	width:100%;
	padding:5px 0;
	text-align:left;
	margin-top:0px;
}

.form-direction {
	width: 100%;
	text-align: center;
	font-family: 'Roboto', sans-serif;	
	padding-top: 2%;
}

.contact-form h3{text-transform:uppercase;}

#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}

#formpage p{
	text-align:left;
}

.formfield {
	width: 100%;
	display:inline-block;
	/*margin-left: 10px;*/
	margin-top: 10px;
	/*color: #F89520;*/
	min-width: 175px;
	text-align:left;
	/*overflow: hidden;*/
}
#formpage div {
	vertical-align: top;
	padding: 5px 0px;
	position: relative;
	margin: 0 auto;
}
#formpage input, select {
	padding: 6px 0px 5px 3px;
	border: 1px solid #ff3600;
	font-family: 'Roboto', sans-serif;	
	color: #000;
	font-size: 16px;
	background: rgba(255,255,255,0.30);
	width: 100%;
	margin-top: 5px;
    border-radius: 2px;
	height: 30px;
}

#formpage input {
	padding: 6px 5px !important;
}

#formpage input:focus {
background:rgba(192,192,192,0.75);
	border: 1px solid #ff3600;
	border-radius:2px
}

#formpage option{color:#333;background:#fff;}

/*===PLACEHOLDER TEXT STYLES===*/

#formpage ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #767676;
}
#formpage ::-moz-placeholder { /* Firefox 19+ */
  color: #767676;
}
#formpage :-ms-input-placeholder { /* IE 10+ */
  color: #767676;
}
#formpage :-moz-placeholder { /* Firefox 18- */
  color: #767676;
}
#formpage input.submit-button, #formpage input.submit-button:focus {
	background:#ff3600; 
	color:#fff;
	padding:10px;
	text-decoration:none;
	border-radius:2px;
	transition:ease-in .3s;
	width: 150px;
	height:auto;
	box-shadow:1px 1px 2px #848484;
	border: solid 2px #ff3600;
}

#formpage input.submit-button:hover{
	background:#fff; 
	transition:ease-out .3s;
	color: #ff3600;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #ff3600;
	font-family: 'Roboto', sans-serif;	
	color: #000;
	font-size: 16px;
	background: rgba(255,255,255,0.30);
	margin-top: 5px;
	width: 100%;
	height: 185px;
	border-radius:2px
}

#formpage textarea:focus{
	background:rgba(192,192,192,0.75);
	border: 1px solid #ff3600;
	border-radius:2px;
	color: #000;
} 

.CaptchaPanel{width:100%;}

.CaptchaImagePanel img{width:200px;}

.CaptchaAnswerPanel{
	width:250px;
}
.CaptchaWhatsThisPanel a{color:#333;}

.submit-button{
	padding:10px 0px 10px 0px;
	position:relative;
	width:100%;
	text-align:center;
}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
        

@media all and (max-width: 525px) {
#formpage {
margin-left: -1.25%;
}
}

/*end form styles*/