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

/*-----------------------------------------------------------------------------------*/
/*	14. Contact Page Styles
/*-----------------------------------------------------------------------------------*/
.contact-form-container{ max-width:610px; margin:60px 0px;}
#contact-form input[type=text].error,
#contact-form textarea.error{ border:1px solid red;}
#contact-loader { vertical-align: middle; margin-left:20px; display:none; }
#message-sent { margin: 10px 0px; color:red; display:none; }
.form-cell{ width:305px; float:left; margin:0px 0px 20px;}
.form-group span{ color:#d7332c; display:inline-block; margin-left:5px; }
#contact-form .submit{ margin-bottom:15px;}
#contact-form .error-container label{ display:block; color:red; font-style:italic; }
.contact-widget{ font:13px 'Droid Sans', Arial, Helvetica, "Trebuchet MS", sans-serif; line-height:21px;}
.contact-widget p{ margin:20px 10px; color:#95959c; }
.contact-widget hr{ border:none; height:1px; background:#e6e6e6;}
.contact-widget a { color:#95959c; }
.contact-widget a:hover,.contact-widget a:focus{ color:#65656c; }

.captcha-container{ margin:0 0 20px; }
.captcha-container img{ vertical-align:top; margin:0 5px; }
#wrapper .captcha-container .captcha{ width:50px; font-size:14px;  }


.readmore { 
	display: inline-block; 
	height: 15px; 
	font-size: 13px; 
	line-height: 15px; 
	color: #fff;
	padding: 9px 15px; 
	border: none;
	cursor: pointer;		
	text-shadow: 1px 1px 0px #2D5900;	
	background-color: #7C9420; 
	white-space: nowrap;	
  	text-decoration: none;
  	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */
  	background-image:    -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */
  	background-image:      -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0));
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
input.readmore { height: 33px; line-height: 33px; padding: 0px 15px; }
.readmore:hover, 
.readmore:focus, 
.readmore:active {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */
  	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */
  	background-image:      -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1));

}

textarea,
select,
input[type="text"] { padding: 8px; font: 13px 'Open Sans', Arial, Helvetica, sans-serif; line-height: 16px; color: #808080; border: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 2px #c4c4c4; -moz-box-shadow: 1px 1px 2px #c4c4c4; -webbox-shadow: 1px 1px 2px #c4c4c4; }
input[type="text"] { height: 16px; }

.display-ie8 { display:none; }
.ie7 .display-ie8,
.ie9 .display-ie8,
.ie8 .display-ie8{ display:block;}


@media only screen and (min-width: 768px) and (max-width: 979px) {
	#contact-form textarea{ width:460px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#contact-form textarea{ width:420px; }
}

@media only screen and (max-width: 479px){
	#contact-form textarea{ width:255px; }
}