@charset "UTF-8";

.contact-footer, .resource-template {background:#edeef0;}


/***************************************************************/
/************************ typography ***************************/
/***************************************************************/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, img { margin: 0; padding: 0; }
.page-title, .section-header h2, .large-number-list dt:before, .hero-title, .promo-panel--highlight .promo-panel-title, .stats-number, .map-supporting-info-number, .roi-calc-indicator, .roi-calc-spin, body, .anchor-link, h1, h2, h3, h4, h5, h6, .section-highlight--alt .section-header h2, a.link-btn, .btn, .text-btn, .links-list a, .mobile-nav-menu > li > a, .side-nav-list > li > a, .roi-calc-add-row .roi-calc-add-row-text, .large-number-list dt, .header-nav a, .mobile-nav-trigger, .pagination > li > a, .pagination > li > span, .anchor-links, .promo-panel-title, .icon-list-title, .pull-quote-text:before, .team-bio-title, .roi-calc-text, .roi-calc-value, .roi-calc-add-row, .tooltipster-default .tooltipster-content strong, #mainBody label { font-family: "Gotham SSm A", "Gotham SSm B", arial, verdana, freesans, "numbus sans l", sans-serif; letter-spacing: -.02em; }
.page-title, .section-header h2, .large-number-list dt:before, .hero-title, .promo-panel--highlight .promo-panel-title, .stats-number, .map-supporting-info-number, .roi-calc-indicator, .roi-calc-spin { font-weight: 200; }
body, .anchor-link { font-weight: 400; }
h1, h2, h3, h4, h5, h6, .section-highlight--alt .section-header h2, a.link-btn, .btn, .text-btn, .links-list a, .mobile-nav-menu > li > a, .side-nav-list > li > a, .roi-calc-add-row .roi-calc-add-row-text, .large-number-list dt, .header-nav a, .mobile-nav-trigger, .pagination > li > a, .pagination > li > span, .anchor-links, .promo-panel-title, .icon-list-title, .pull-quote-text:before, .team-bio-title, .roi-calc-text, .roi-calc-value, .roi-calc-add-row, .tooltipster-default .tooltipster-content strong { font-weight: 500; }
body { font-size: 16px; font-size: 1rem; }
@media only screen and (max-width: 767px) {
	body { font-size: 15px; font-size: 0.9375rem; }
}
h1, h2, h3, h4, h5, h6 { color: #222222; }
h1 { font-size: 36px; font-size: 2.25rem; }
h2 { font-size: 27px; font-size: 1.6875rem; }
@media only screen and (max-width: 990px) {
	h2 { font-size: 24px; font-size: 1.5rem; }
}
@media only screen and (max-width: 767px) {
	h2 { font-size: 20px; font-size: 1.25rem; }
}
h3 { font-size: 16px; font-size: 1rem; text-transform: uppercase; }
h4 { font-size: 16px; font-size: 1rem; }
h5 { font-size: 15px; font-size: 0.9375rem; }
strong { font-weight: 500; }



/***************************************************************/
/*************************** forms *****************************/
/***************************************************************/
#mainBody .form-field input, #mainBody .form-field select { height: 38px; }
.contact-footer .comments textarea, #mainBody .form-field input, #mainBody .form-field select,  #mainBody .form-field textarea {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 16px; line-height: 1.25; color: #555555; background-color: white; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
#mainBody .form-field textarea {height:auto;}
@media only screen and (max-width: 767px) {
	#mainBody .input { font-size: 14px; font-size: 0.875rem; }
}
#mainBody label { font-weight: 500; padding-left:0; display:block;}
#mainBody textarea { max-width: 100%; }
#mainBody .input-group-btn .btn { height: 38px; min-width: 0; padding: 0 12px; border-radius: 0 4px 4px 0; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 1; }
input[type=radio], input[type=checkbox] { margin: 2px 0 0; }
.form-field {margin-bottom:15px;}
/* errors */
#mainBody p.errors, #mainBody p.no-label {color:#a94442; margin-bottom:15px;}
#mainBody p.no-label {text-align:right; font-size: 12px; margin-top: 3px;}
#mainBody p.error {margin-bottom:0;}
#mainBody p.error label {color:#a94442;}
#mainBody p.error input, #mainBody p.error select {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
/*FOOTER FORM SPECIFIC*/
.contact-footer .form-field {position:relative; padding-left:15px; padding-right:15px; width:50%;}
.contact-footer .comments {float:right;}
.contact-footer .comments textarea {height:auto; overflow:auto; padding-bottom:36px;}
#mainBody .contact-form--footer .submit input {background:#4f5557; color:white; margin-left:15px;}
	#mainBody .contact-form--footer .submit input:hover {background:#282c2d;}
.contact-footer form.form p.submit {padding-left:15px; margin-left:0; padding-right: 15px;}
#mainBody .contact-form--footer p.no-label {position:relative; padding-left:15px; padding-right:15px; width:50%;}	
#mainBody .contact-form--footer p.errors {padding-left:15px;}
@media only screen and (max-width: 455px) {
.contact-form--footer .submit input {float:left;}
}
@media only screen and (max-width: 679px) {
/*.contact-footer .form-field {width:100%; float:none;}*/
}

/***************************************************************/
/************************* structure ***************************/
/***************************************************************/
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
html, body { width: 100%; min-width: 280px; -webkit-font-smoothing: antialiased; }


/***************************************************************/
/************************** buttons ****************************/
/***************************************************************/
#mainBody .submit input { color: white; background-color: #77b800; border-color: #cccccc; text-transform: uppercase; white-space: normal; font-size: 14px; font-size: 0.875rem; padding: 14px 28px; border: none; border-radius: 0; min-width: 180px; -webkit-transition: color .15s, background .15s; transition: color .15s, background .15s; }
#mainBody .submit input:hover { text-decoration: none; color: #578404; }
#mainBody .submit input:hover, #mainBody .submit input:focus { -webkit-transition: color .25s, background .25s; transition: color .25s, background .25s; text-decoration: none; background: #578404; color: white; }
@media only screen and (max-width: 455px) {
	#mainBody .submit input { display: block; }
	
}


/***************************************************************/
/********************** contact form ***************************/
/***************************************************************/
 @media only screen and (max-width: 767px) {
	textarea.form-control { height: 120px; }
}
#mainBody .contact-form .submit input { margin: 20px 0; }
@media only screen and (max-width: 767px) {
	#mainBody .contact-form .submit input { margin-top: 0; }
}
@media only screen and (max-width: 455px) {
	#mainBody .contact-form .submit input { width: 100%; }
}
.contact-form--footer { margin-top: 20px; }