﻿/* New contact form added may 2016 */
.contact-wrapper {
	margin: 47px auto;
	max-width:580px;
}

#contact_form_responsive { 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:25px;
	text-align:left;
}

html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form input { 
	display:block;
	width:90%;
	max-width:400px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}
#contact_form_responsive .contact-note { color:#f00;font-size:.8em;margin-bottom:25px; }
#contact_form_responsive .Interest label, .Interest input {display:inline-block;}
#contact_form_responsive .Interest input {width:10%;max-width:50px;}
#contact_form_responsive .contact-subscribe label, .contact-subscribe input {box-sizing:border-box;display:inline-block;float:left;}
#contact_form_responsive .contact-subscribe label  {width:90%;margin-bottom:12px;}
#contact_form_responsive .contact-subscribe input {width:10%;max-width:50px;margin-bottom:12px;}
html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form div#contact-comments textarea#Comments { 
	display:block;
	width:90%;
	height:200px;
	border-radius:4px !important;
	-webkit-border-radius:4px !important;
	-moz-border-radius:4px !important;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}
html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form textarea# { 
	display:block;
	width:93%;
	max-width:420px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}
html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form #submit {
	cursor:pointer;
	background-color:#202020;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #000;
	color:#ffffff;
	font-size:calc(11px + 0.4vw);
	width:180px;
	height:60px;
	font-weight:bold;
	display:block;
	margin:25px auto;
	padding:4px;
}
html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form #submit:hover {
	background-color:#404040;
}
@media (min-width: 481px) and (max-width: 700px) {
	html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form #submit {
		font-size:calc(11px + 0.5vw);
	}
}
@media (max-width: 480px) {
	html body#contact div#pagewrapper div.pagewidth div#maincontent div#contact_form_responsive form #submit {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;	
	padding:4px;
	font-size:calc(11px + 0.8vw);
	}
}
.requiredfield {
	color:#f00;
}
