/* -------- html, body */
html, body {position: relative; width: 100%; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,1);}
body {       font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #444;}

/* -------- links */
a {text-decoration: none; color: #00529c;}
a:hover {text-decoration: none; color: #40962b; cursor: pointer;}

/* -------- defaults */
div#etapContainer *
{
	box-sizing: border-box; background-clip: border-box; letter-spacing: 0;
	transition:
	position 0.2s ease-in-out 0s,
	z-index 0.2s ease-in-out 0s,
	top 0.2s ease-in-out 0s,
	right 0.2s ease-in-out 0s,
	bottom 0.2s ease-in-out 0s,
	left 0.2s ease-in-out 0s,
	display 0.2s ease-in-out 0s,
	float 0.2s ease-out 0s,
	width 0.2s ease-out 0s,
	max-width 0.2s ease-out 0s,
	min-width 0.2s ease-out 0s,
	height 0.2s ease-out 0s,
	max-height 0.2s ease-out 0s,
	min-height 0.2s ease-out 0s,
	margin 0.2s ease-in-out 0s,
	padding 0.2s ease-in-out 0s,
	color 0.2s ease-in-out 0s,
	background 0.2s ease-in-out 0s,
	background-color 0.2s ease-in-out 0s,
	background-image 0.2s ease-in-out 0s,
	background-position 0.2s ease-in-out 0s,
	border 0.2s ease-in-out 0s,
	border-color 0.2s ease-in-out 0s,
	border-width 0.2s ease-in-out 0s,
	text-align 0.2s ease-in-out 0s,
	visibility 0.2s ease-in-out 0s,
	opacity 0.2s ease-in-out 0s,
	transform 0.2s ease-in-out 0s,
	border-radius 0.2s ease-in-out 0s,
	box-shadow 0.2s ease-in-out 0s,
	text-shadow 0.2s ease-in-out 0s;
}
/* -------- font-awesome */
@font-face {
	font-family: "FontAwesome";
	src: url("fontAwesome/fontawesome-webfont.eot?v=4.7.0");
	src: url("fontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fontAwesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fontAwesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fontAwesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* -------- main container */
div#etapContainer {position: relative; display: block; float: left; width: 100%; max-width: 800px; height: auto; margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; box-sizing: border-box;}
/* -------- form container */
div#etapForm {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm form {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none;}
/* -------- links */
div#etapForm a {font-size: inherit; line-height: inherit;}
div#etapForm p.section_header {display:inline; width: auto; margin-left: 35px; margin-top: -25px;}
/* ---------------------------------------- default inputs, selects and textareas */
/* -------- general text, select and textarea */
div#etapForm input[type=text],
div#etapForm input[type=password],
div#etapForm input[type=number],
div#etapForm input[type=tel],
div#etapForm input[type=email],
div#etapForm input[type=url],
div#etapForm select,
div#etapForm textarea {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,1); border: 2px solid rgba(225,225,225,1); color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; outline: none; border-radius: 1px; box-shadow: none; text-shadow: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
div#etapForm input[type=text]:hover,
div#etapForm input[type=password]:hover,
div#etapForm input[type=number]:hover,
div#etapForm input[type=tel]:hover,
div#etapForm input[type=email]:hover,
div#etapForm input[type=url]:hover,
div#etapForm select:hover,
div#etapForm textarea:hover {border-color: rgba(180,180,180,1);}
div#etapForm input[type=text]:focus,
div#etapForm input[type=password]:focus,
div#etapForm input[type=number]:focus,
div#etapForm input[type=tel]:focus,
div#etapForm input[type=email]:focus,
div#etapForm input[type=url]:focus,
div#etapForm select:focus,
div#etapForm textarea:focus {background-color: rgba(255,255,255,1); border-color: #00529c; outline: none; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);}
/* -------- specific text input */
div#etapForm input.text,
div#etapForm input.amount,
div#etapForm input.cvv2,
div#captchaContainer div#etapCaptchaInput input[type=text] {}
div#etapForm input.text {width: 45%;}
div#etapForm input.amount {width: 150px;}
div#etapForm input.two_digit {width: 50px!important; text-align: center!important;}
div#etapForm input.three_digit {width: 50px!important; text-align: center!important;}
div#etapForm input.four_digit {width: 60px!important; text-align: center!important;}
div#etapForm input.two_digit_right {}
div#etapForm input.cvv2 {width: 70px;}
div#etapForm input.inline_input {width: 100%!important;}
div#etapForm input.disabled_text {background-color: rgba(0,0,0,0.05);}
div#etapForm input.disabled_text:hover {cursor: not-allowed;}
div#etapForm input.confirm {background-color: rgba(119,153,25,0.05);}
div#etapForm input.confirm:focus {background-color: rgba(119,153,25,0.01);}
div#etapForm input.no_confirm {background-color: rgba(141,37,27,0.05);}
div#etapForm input.no_confirm:focus {background-color: rgba(141,37,27,0.01);}
div#etapForm div.confirm_email_wrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div.confirm_email_wrapper::before {position: absolute; top: 0; right: 0; display: block; float: right; width: auto; height: auto; margin: 0; padding: 7px; font-size: 25px; line-height: 30px; font-family: "FontAwesome"; content: " "; color: rgba(255,255,255,0); border-radius: 1px; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.yes_confirm_email::before {background-color: rgba(139,184,79,1); color: rgba(255,255,255,1); content: "\f058";}
div#etapForm div.no_confirm_email::before {background-color: rgba(141,37,27,1); color: rgba(255,255,255,1); content: "\f06a";}
/* -------- confirm text fields */
div#etapForm input.confirm_yes,
div#etapForm input.confirm_yes:focus {border-color: rgba(67,175,34,1); background-color: rgba(67,175,34,0.2);}
div#etapForm input.confirm_no,
div#etapForm input.confirm_no:focus {border-color: rgba(175,34,34,1); background-color: rgba(175,34,34,0.2);}
/* -------- checkmark/caution */
div#etapForm div.confirm_number {position: relative; display: block; float: left; width: auto; height: auto; margin: 8px 0 0 7px; padding: 0; font-size: 24px; line-height: 24px;}
div#etapForm div.confirm_number::before {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome";}
div#etapForm div.show_check {color: rgba(67,175,34,1);}
div#etapForm div.show_check::before {content: "\f058";}
div#etapForm div.show_caution {color: rgba(175,34,34,1);}
div#etapForm div.show_caution::before {content: "\f071";}
div#etapForm div.show_none {color: rgba(255,255,255,0);}
/* -------- dollar sign input */
div#etapForm div.dollar_sign_input {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.dollar_sign_input input.dollar_sign {position: relative; z-index: 100; padding-left: 22px!important;}
div#etapForm div.dollar_sign_input::before {position: absolute; z-index: 101; top: 10px; left: 7px; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 16px; content: "$"; box-sizing: border-box;}
div#etapForm div.other_amount_wrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm div.inline_amt_wrapper {display: inline-block; float: none; width: auto;}
div#etapForm div.inline_amt_wrapper div.dollar_sign_input input.dollar_sign {}
div#etapForm div.inline_amt_wrapper div.dollar_sign_input::before {top: 12px; font-size: 20px; line-height: 20px; font-weight: bold}
/* -------- readonly dollar sign input */
div#etapForm div.readonly_input {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.readonly_input input.readonly {position: relative; z-index: 100; width: 150px!important; background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,0);}
div#etapForm div.readonly_input input.readonly:focus {background-color: rgba(255,255,255,0); border-color: rgba(255,255,255,1); box-shadow: none;}
div#etapForm div.readonly_input input.readonly:hover {cursor: not-allowed;}
div#etapForm div.readonly_input::before {position: absolute; z-index: 101; top: 11px; left: 1px; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-size: 20px; line-height: 20px; font-weight: 400; content: "$"; box-sizing: border-box;}
/* -------- specific select */
div#etapForm select {}
div#etapForm select:hover {cursor: pointer;}
div#etapForm select option {margin: 0; padding: 0; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; box-sizing: border-box; transition: none!important;}
div#etapForm div.select_wrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,1);}
div#etapForm div.select_wrapper select {z-index: 101; background-color: rgba(255,255,255,0);}
div#etapForm div.select_wrapper::before {font-family: "FontAwesome"!important; content: "\f078"; position: absolute; z-index: 100; top: 8px; right: 10px; display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; color: rgba(0,0,0,0.3); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.select_wrapper:hover::before {color: rgba(0,0,0,1);}
div#etapForm div.exp_month {margin: 0 5px 0 0;}
div#etapForm div.inline_select_wrapper {width: 100%;}
div#etapForm select.inline_input {width: 100%;}
div#etapForm select::-ms-expand {display: none;}
/* -------- specific textarea */
div#etapForm textarea {min-height: 0!important;}
div#etapForm textarea.address {width: 45%; height: 60px;}
div#etapForm textarea.comments {width: 100%; height: 80px;}
/* -------- placeholder text color */
input[type=text]::-moz-placeholder {color: rgba(0,0,0,1);}
input[type=text]:focus::-moz-placeholder {color: rgba(0,0,0,0);}
input[type=text]::-webkit-input-placeholder {color: rgba(0,0,0,1);}
input[type=text]:focus::-webkit-input-placeholder {color: rgba(0,0,0,0);}
textarea::-moz-placeholder {color: rgba(0,0,0,1);}
textarea:focus::-moz-placeholder {color: rgba(0,0,0,0);}
textarea::-webkit-input-placeholder {color: rgba(0,0,0,0.75);}
textarea:focus::-webkit-input-placeholder {color: rgba(0,0,0,0);}
/* -------- links that look like buttons */
div#etapForm a.link_button {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; text-decoration: none; font-weight: 400; border: 1px solid rgba(255,255,255,1); border-width: 0 0 3px 0; border-radius: 1px;}
div#etapForm a.link_button:hover {cursor: pointer;}
div#etapForm a.link_button::after {display: inline-block; padding: 0 0 0 15px; text-decoration: none; font-family: "FontAwesome"; content: "\f0a9";}
div#etapForm a.cancel {margin: 0 0 0 15px;}
div#etapForm a.cancel::after {content: "\f00d";}
div#etapForm a.field_button {margin: 0 0 0 5px;}
div#etapForm a.calc_button {margin: 0 10px 0 0;}
div#etapForm a.calc_button::after {content: "\f1ec";}
div#etapForm a.half_width {width: 49.5%; margin-bottom: 7px; font-size: 13px; line-height: 19px;}
div#etapForm a.half_width:nth-child(even) {float: right;}
div#etapForm a.half_width::after {display: block; float: right; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm a.cvv2_button {width: 100%; margin: 3px 0 0 0; text-align: center;}
/* ---------------------------------------- blocks, fieldsets and legends */
/* -------- fieldset and form field */
div#etapForm div.form_field {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0;}
div#etapForm fieldset {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 25px 0; padding: 0 0 15px 0; background-color: rgba(255,255,255,0); border: none;}
div#etapForm fieldset.left_labels {}
div#etapForm fieldset legend {position: relative; display: block; float: left; width: 100%; height: auto;}
div#etapForm fieldset legend.extra_legend {margin: 25px 0 15px 0;}
div#etapForm fieldset div.form_field {margin: 0 0 5px 0;}
div#etapForm fieldset div.inline_center_buttons {text-align: center;}
div#etapForm fieldset div.opt_info {margin: 0 0 20px 0; padding: 0;}
div#etapForm fieldset div.border_bottom {margin: 0; padding: 0 0 15px 0; border-bottom: 1px dashed rgba(0,0,0,0.1);}
/* -------- heading, list and paragraph */
div#etapForm h1,
div#etapForm h2,
div#etapForm h3,
div#etapForm h4,
div#etapForm h5,
div#etapForm h6 {position: relative; display: block; float: left; width: 100%; height: auto;}
div#etapForm h1 {}
div#etapForm h2 {}
div#etapForm h3 {}
div#etapForm h4 {}
div#etapForm h5 {}
div#etapForm h6 {}
div#etapForm h1.center_h,
div#etapForm h2.center_h,
div#etapForm h3.center_h,
div#etapForm h4.center_h,
div#etapForm h5.center_h,
div#etapForm h6.center_h {text-align: center;}
div#etapForm div.form_field p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; font-size: inherit; line-height: inherit; font-family: inherit; color: inherit;}
div#etapForm div.form_field p:first-child {margin: 0;}
div#etapForm div.form_field p.fund_description {margin: 0 0 15px 0;}
div#etapForm  p.center_p {text-align: center;}
div#etapForm div.form_field ul {position: relative; display: block; float: left; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0 0 0 10px; list-style-type: none;}
div#etapForm div.form_field ul li {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 0 0 0 25px;}
div#etapForm div.form_field ul.half li {width: 49%;}
div#etapForm div.form_field ul.half li:nth-child(odd) {clear: both;}
div#etapForm div.form_field ul.half li:nth-child(even) {float: right;}
div#etapForm div.form_field ul li:last-child {margin: 0;}
div#etapForm div.form_field ul li::before {position: absolute; z-index: 100; top: 6px; left: 5px; display: block; float: left; width: 8px; height: 8px; margin: 0; padding: 0; background-color: rgba(255,70,18,1); border-radius: 2px; content: " ";}
div#etapForm div.form_field ul ul li::before {top: 4px; width: 4px; height: 4px; border: 2px solid rgba(0,0,0,0.3); background-color: rgba(255,255,255,1);}
/* -------- non-bulleted list */
div#etapForm div.form_field ul.no_bullet li {padding: 0;}
div#etapForm div.form_field ul.no_bullet li::before {display: none; content: "";}
/* -------- arrow bulleted list */
div#etapForm div.form_field ul.arrow_bullet {padding: 0 0 0 15px;}
div#etapForm div.form_field ul.arrow_bullet li {padding: 0 0 0 35px;}
div#etapForm div.form_field ul.arrow_bullet li::before {top: 10px; left: 20px; font-family: "FontAwesome"; font-size: 14px; line-height: 14px; color: rgba(0,0,0,0.3); background-color: rgba(255,255,255,0); content: "\f112"; transform: rotate(180deg);}
/* -------- inline fields */
div#etapForm fieldset div.inline_field {margin: 0 0 5px 0;}
div#etapForm fieldset div.inline_half {width: 49%;}
div#etapForm fieldset div.inline_thirds {width: 32%;}
div#etapForm fieldset div.inline_left {clear: both;}
div#etapForm fieldset div.inline_center {margin: 0 0 15px 2%;}
div#etapForm fieldset div.inline_right {float: right;}
div#etapForm fieldset div.inline_full {width: 100%;}
div#etapForm fieldset div.inline_field input[type=text],
div#etapForm fieldset div.inline_field div.select_wrapper,
div#etapForm fieldset div.inline_field select {width: 100%;}
/* ---------------------------------------- labels */
/* -------- regular field labels */
div#etapForm label {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;}
div#etapForm fieldset label {padding: 0 0 3px 0;}
div#etapForm fieldset.left_labels label {width: 200px; padding: 11px 0 3px 0;}
div#etapForm fieldset.left_labels label.auto {width: auto; padding: 11px 15px 0 0;}
div#etapForm fieldset label.inline_label {display: none;}
/* inline center */
div#etapForm label.inline_button {display: inline-block; float: none;}
/* -------- radio and checkbox button */
div#etapForm label.input_button {width: auto!important; padding: 0!important; font-size: 100%; line-height: 100%;}

div#etapForm label.input_button:hover, {cursor: pointer;}
div#etapForm label.input_button input[type=radio],
div#etapForm label.input_button input[type=checkbox] {position: absolute; z-index: -1; top: 0; left: 0; display: block; float: left; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: visible; opacity: 0;}
div#etapForm label.input_button div {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; background-color: rgba(255,255,255,0); border: 2px solid rgba(255,255,255,0);}

/* -------- classic input button */
div#etapForm label.button {margin: 0 5px 5px 0; border: none; box-shadow: none;}
div#etapForm label.inline_button {margin: 0 3px 5px 3px;}
div#etapForm label.button div {font-weight: 500; border-radius: 1px;}
div#etapForm label.button:hover div {}
/* classic input button for 600px */
	div#etapForm label.button {width: 49%!important; margin: 0 0 5px 0;}
	/*div#etapForm label.button:nth-child(odd) {float: left; clear: both;}
	div#etapForm label.button:nth-child(even) {float: right;}*/
	div#etapForm label.button div {width: 100%; padding-right: 0; padding-left: 0; text-align: center;}
	div#etapForm label.other_amt_button {float: left!important;}
	div#etapForm div.other_amount_wrapper {width: 100%!important;}
	div#etapForm div.other_amount_wrapper div.dollar_sign_input {float: right!important; width: 100%!important;}
	div#etapForm div.other_amount_wrapper input[type=text] {width: 100%!important;}
	div#etapForm label.fixed_width {width: 49%!important;  }
/* alternate size/color */
div#etapForm label.alt_color div {}
div#etapForm label.button div.arrow::after {position: relative; z-index: 100; display: inline-block; padding: 0 0 0 15px; font-family: "FontAwesome"; content: "\f0a9";}
div#etapForm label.button input[type=radio]:checked + div,
div#etapForm label.button input[type=checkbox]:checked + div {}
div#etapForm fieldset div.form_field div.half_other {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm fieldset div.form_field div.half_other label.input_button {width: 49%!important; margin: 0; text-align: center;}
/* -------- classic radio and checkbox */
div#etapForm label.classic {margin: 0 10px 5px 0;}
div#etapForm label.set_width {min-width: 100%;}
div#etapForm label.classic div {text-align: left; line-height: 150%; background-color: rgba(255,255,255,0.5); border-color: rgba(225,225,225,1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,1), inset 0 -20px 20px 0 rgba(0,0,0,0.02);}
div#etapForm label.classic:hover div {border-color: rgba(180,180,180,1);}
div#etapForm label.classic div::before,
div#etapForm label.classic div::after {position: absolute; display: block; float: left; margin: 0; padding: 0; content: " "; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm label.classic div::before {z-index: 100; width: 20px; height: 20px; background-color: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.2);}
div#etapForm label.classic div::after {z-index: 101; width: 14px; height: 14px; background-color: rgba(255,255,255,0);}
div#etapForm label.classic:hover div::before {background-color: rgba(0,0,0,0.05);}
div#etapForm label.classic input[type=radio]:checked + div::after,
div#etapForm label.classic input[type=checkbox]:checked + div::after {}
div#etapForm label.classic input[type=radio]:checked + div,
div#etapForm label.classic input[type=checkbox]:checked + div {border-color: #00529c;}
/* classic radio and checkbox for 600px*/
	div#etapForm label.classic {width: 100%; margin: 0 5px 5px 0;}
	div#etapForm label.classic div {width: 100%;}
	div#etapForm label.left_margin {margin: 0 0 5px 0;}
/* -------- radio button */
div#etapForm label.radio {}
div#etapForm label.radio div {border-radius: 2px;}
div#etapForm label.radio div::before,
div#etapForm label.radio div::after {border-radius: 15px;}
/* -------- checkbox button */
div#etapForm label.checkbox {}
div#etapForm label.checkbox div {border-radius: 2px;}
div#etapForm label.checkbox div::before,
div#etapForm label.checkbox div::after {}
div#etapForm label.checkbox div::after {width: 0!important; height: 30px!important; padding: 0; font-family: "FontAwesome"; content: "\f00c"; font-weight: 400; font-size: 30px; line-height: 30px; text-align: center; overflow: hidden;}
div#etapForm label.checkbox input[type=checkbox]:checked + div::after,
div#etapForm label.checkbox input[type=radio]:checked + div::after {width: 30px!important;}
div#etapForm label.left_margin {margin: 0 10px 5px 10px;}
/* -------- bold text button or label */
div#etapForm label.bold {font-weight: 700;}
div#etapForm label div span.highlight_label {font-weight: 700; font-size: 18px; line-height: 24px; color: rgba(182,11,11,1);}
/* -------- full-width button or label */
div#etapForm label.full {width: 100%!important;}
div#etapForm label.full_center {width: 100%!important; text-align: center;}
/* -------- half-width button or label */
div#etapForm label.half {clear: left; width: 226px!important; text-align: center;}
div#etapForm label.half:nth-child(odd) {clear: both;}
/* ---------------------------------------- credit cards */
div#etapForm div#ccWrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: -1px 0 0 10px; padding: 0; text-align: center;}
div#etapForm label.cc_button {position: relative; display: inline-block; float: none; width: auto!important; height: auto; margin: 0 5px 0 0!important; padding: 0!important; text-align: center;}
div#etapForm label.cc_button:hover {cursor: pointer;}
div#etapForm label.cc_button:last-child {margin: 0;}
div#etapForm label.cc_button input[type=radio] {position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: visible; opacity: 0;}
div#etapForm label.cc_button div {position: relative; z-index: 100; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: center;}
div#etapForm label.cc_button div::before {position: relative; z-index: 100; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome"; text-align: center; font-size: 46px; line-height: 46px; text-align: center; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm label.cc_button:hover div::before {}
div#etapForm label.cc_button input[type=radio]:checked + div::before {}
div#etapForm label.visa div::before {content: "\f1f0";}
div#etapForm label.maca div::before {content: "\f1f1";}
div#etapForm label.amex div::before {content: "\f1f3";}
div#etapForm label.disc div::before {content: "\f1f2";}
div#etapForm label.dine div::before {content: "\f24c";}
/* ---------------------------------------- submit and reset */
/* -------- buttons */
div#etapForm div#submitAndReset {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm div#submitAndReset fieldset {margin: 0; padding: 0;}
div#etapForm div#submitAndReset input[type=submit],
div#etapForm div#submitAndReset input[type=reset],
div#etapForm div#submitAndReset input[type=button],
div#etapForm div#submitAndReset a.reset,
div#etapForm div#submitAndReset a.submit_back {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 15px!important; text-decoration: none; text-transform: uppercase; font-family: inherit; font-weight: 400; font-size: 20px!important; line-height: 26px!important; background-image: none; border: none; border-radius: 0; text-shadow: none; box-shadow: none; appearance: normal; -moz-appearance: none; -webkit-appearance: none;}
div#etapForm div#submitAndReset a.reset {margin-left: 10px;}
div#etapForm div#submitAndReset a.submit_back {margin-right: 3px;}
div#etapForm div#submitAndReset a.submit_back::before {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 10px 0 0; padding: 0; font-family: "FontAwesome"; font-weight: 400; content: "\f060"; color: rgba(255,255,255,1); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div#submitAndReset input[type=submit]:hover,
div#etapForm div#submitAndReset input[type=reset]:hover,
div#etapForm div#submitAndReset input[type=button]:hover,
div#etapForm div#submitAndReset a.reset:hover,
div#etapForm div#submitAndReset a.submit_back:hover {cursor: pointer; text-decoration: none;}
/* ---------------------------------------- other form items */
div#etapForm span.required_field {color: #40962b; font-weight: 700;}
div#etapForm span.reqBlue,
div#etapForm label.reqBlue {color: rgba(62,147,192,1); font-weight: 700;}
div#etapForm div.field_info {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 5px 0 5px;}
div#etapForm div.dob_separator {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 5px 0 5px;}
div#etapForm div.field_info_code {position: relative; display: block; float: left; width: auto; height: auto; margin: 0 0 0 5px; padding: 7px 10px; text-align: center; opacity: 0; font-weight: 700; color: rgba(255,255,255,1); border-radius: 3px;}
div#etapForm div.field_info_code::after {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 0 0 10px; padding: 0; font-weight: 400; color: rgba(255,255,255,2); font-family: "FontAwesome"; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.valid_code {opacity: 1!important; background-color: rgba(119,153,25,1);}
div#etapForm div.valid_code::after {content: "\f058";}
div#etapForm div.invalid_code {opacity: 1!important; background-color: rgba(141,37,27,1);}
div#etapForm div.invalid_code::after {content: "\f06a";}
div#etapForm div.field_info_2 {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 11px 15px 0 15px;}
div#etapForm div.neg_left {padding: 7px 5px 0 0; margin-left: -10px;}
div#etapForm div.small {font-size: 12px; line-height: 18px; padding-top: 9px!important;}
div#etapForm img.img_shadow {width: auto; height: auto; margin: 0; padding: 0; border: 5px solid rgba(255,255,255,1); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);}
div#etapForm span.linethrough {text-decoration: line-through;}
div#etapForm div.child_wrapper {display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 15px; background-color: rgba(0,0,0,0.01); border: 1px solid rgba(0,0,0,0.1);}
div#etapForm div.child_wrapper h4 {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#etapForm label.payment_option {width: 275px!important;}
/* -------- show/hide */
div#etapForm div.show_section,
div#etapForm div.hide_section {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden;}
div#etapForm div.outside {width: 110%; margin: 0 0 0 -5%; padding: 0 5%;}
div#etapForm div.show_section {transition: max-height 0.5s ease-in-out 0.1s, opacity 0.5s ease-in-out 0.2s; max-height: 1500px; opacity: 1;}
div#etapForm div.hide_section {transition: max-height 0.5s ease-in-out 0.1s, opacity 0.5s ease-in-out 0.1s; max-height: 0; opacity: 0;}
div#etapForm div.shorter {max-height: 500px!important;}
div#etapForm div.longer {max-height: 10000px!important;}
/* inline */
div#etapForm div.show_inline,
div#etapForm div.hide_inline {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.show_inline {max-width: 100px; opacity: 1;}
div#etapForm div.hide_inline {max-width: 0; opacity: 0;}
/* -------- text and image */
div#etapForm div#textContainer {position: relative; display: block; float: left; width: 60%; height: auto; margin: 0; padding: 0 35px 0 0;}
div#etapForm div#imageContainer {position: relative; display: block; float: right; width: 40%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#imageContainer img {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none; border: 10px solid rgba(255,255,255,1); border-radius: 15px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 8px 0 rgba(0,0,0,0.2);}
/* ---------------------------------------- share links */
div#eTapShareLinksWrapper {position: relative; display: block; float: right; width: 100%; height: auto; margin: 15px 0 0 0; padding: 0; text-align: center;}
div#eTapShareLinksWrapper p {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 10px 5px 0 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
div#eTapShareLinksWrapper div#shareLinks {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; vertical-align: top;}
div#eTapShareLinksWrapper div#shareLinks ul {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; list-style-type: none;}
div#eTapShareLinksWrapper div#shareLinks ul li {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; background-image: none;}
div#eTapShareLinksWrapper div#shareLinks ul li:last-child {margin: 0;}
div#eTapShareLinksWrapper div#shareLinks ul li a {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; text-decoration: none;}
div#eTapShareLinksWrapper div#shareLinks ul li a:hover {}
div#eTapShareLinksWrapper div#shareLinks ul li a::before {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome"; font-size: 36px; line-height: 36px;}
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(1) a::before {content: "\f081";}/*twitter*/
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(2) a::before {content: "\f082";}/*facebook*/
div#eTapShareLinksWrapper div#shareLinks ul li:nth-child(3) a::before {content: "\f08c";}/*linkedin*/
div#eTapShareLinksWrapper div#shareLinks ul li a img {position: absolute; z-index: -1; top: 0; left: 0; display: none; float: none; width: 1px; height: 1px; margin: 0; padding: 0; border: none; visibility: hidden; opacity: 0;}
/* ---------------------------------------- captcha */
div#captchaContainer {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaImage {position: relative; display: block; float: left; width: 50%; max-width: 300px; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaImage img {position: relative; display: block; float: left; width: 100%; min-width: 200px; height: auto; margin: 0 0 5px 0; padding: 0; border: 5px solid rgba(196,196,196,1); border-radius: 2px;}
div#captchaContainer div#etapCaptchaImage a {position: relative; display: block; float: left; clear: left; width: 100%; min-width: 200px; height: auto; margin: 0; padding: 8px 0; text-align: center; text-decoration: none; border-radius: 2px;}
div#captchaContainer div#etapCaptchaImage a:hover {background-color: rgba(255,255,255,1);}
div#captchaContainer div#etapCaptchaImage a::after {display: inline-block; margin: 0; padding: 0 0 0 10px; font-family: "FontAwesome"; content: "\f01e";}
div#captchaContainer div#etapCaptchaInstructions {position: relative; display: block; float: left; width: 50%; height: auto; margin: 0; padding: 0 0 0 10px;}
div#captchaContainer div#etapCaptchaInstructions p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
div#captchaContainer div#etapCaptchaInstructions p.top {display: none;}
div#captchaContainer div#etapCaptchaChallenge {display: none;}
div#captchaContainer div#etapCaptchaInput {position: relative; display: block; float: left; width: 50%; height: auto; margin: 0; padding: 10px 0 0 10px;}
div#captchaContainer div#etapCaptchaInput input[type=text] {width: 100%!important;}
/* ---------------------------------------- reCaptcha */
div#captchaWrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
/* ---------------------------------------- powered by etapestry.com */
div#etapForm div#poweredBy {position: relative; display: block; float: left; width: 100%; height: auto; margin: 25px 0 15px 0; padding: 0;}
div#etapForm div#poweredBy p {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;  font-size: 12px; line-height: 12px;}
/* ---------------------------------------- thawte */
div#etapForm div#thawte {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#thawte table {position: relative; display: block; float: left; width: 100%!important; height: auto; margin: 0; padding: 0; border: none; text-align: center;}
div#etapForm div#thawte table tbody {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border: none; text-align: center;}
div#etapForm div#thawte table tbody tr {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#thawte table tbody tr td {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; text-align: center;}
div#etapForm div#thawte table tbody tr td img {position: relative; width: auto; height: auto; margin: 0; padding: 0; border: none;}
div#etapForm div#thawte table tbody tr td a {position: relative; width: auto; height: auto; margin: 0; padding: 0;}

/* ---------------------------------------- header bar */
div#etapForm div#headerBar {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 15px 0; padding: 10px; background-color: rgba(0,0,0,0.03); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), 0 5px 10px 0 rgba(0,0,0,0.1);}
div#etapForm div#headerBar h1 {margin: 0; padding: 0; border: none;}

div#etapForm div#headerBar div#logo {position: relative; display: block; float: left; width: 100%; height: auto; margin: 15px 0 25px 0; padding: 0; text-align: center;}
div#etapForm div#headerBar div#logo img {position: relative; display: inline-block; float: none; width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none;}


/* -------- step wrapper */
div#etapForm div#stepWrapper {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 30px 0; padding: 0;}
div#etapForm div#stepWrapper div.step_wrapper {position: relative; display: block; float: left; width: 98%; height: auto; margin: 0; padding: 30px; background-color: rgba(255,255,255,1); border-radius: 10px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), 0 5px 10px 0 rgba(0,0,0,0.1); overflow: hidden;}

/* step one */
div#etapForm div#stepWrapper div.first_step_1 {z-index: 4; top: 0; left: 5%; max-height: 3000px; min-height: 300px;} div#etapForm div#stepWrapper div.first_step_1  {opacity: 1;}
div#etapForm div#stepWrapper div.first_step_2 {display: none;} div#etapForm div#stepWrapper div.first_step_2  {opacity: 0;}
div#etapForm div#stepWrapper div.first_step_3 {display: none;} div#etapForm div#stepWrapper div.first_step_3  {opacity: 0;}
/* step two */
div#etapForm div#stepWrapper div.second_step_1 {display: none;} div#etapForm div#stepWrapper div.second_step_1  {opacity:0;}
div#etapForm div#stepWrapper div.second_step_2 {z-index: 4; top: 0; left: 5%; max-height: 3000px; min-height: 300px;} div#etapForm div#stepWrapper div.second_step_2  {opacity: 1;}
div#etapForm div#stepWrapper div.second_step_3 {display: none;} div#etapForm div#stepWrapper div.second_step_3  {opacity: 0;}
/* step three */
div#etapForm div#stepWrapper div.third_step_1 {display: none;} div#etapForm div#stepWrapper div.third_step_1  {opacity: 0;}
div#etapForm div#stepWrapper div.third_step_2 {display: none;} div#etapForm div#stepWrapper div.third_step_2  {opacity: 0;}
div#etapForm div#stepWrapper div.third_step_3 {z-index: 4; top: 0; left: 5%; max-height: 3000px; min-height: 300px;} div#etapForm div#stepWrapper div.third_step_3 {opacity: 1;}
/* -------- back/next buttons */
div#etapForm div.back_next_buttons {}
div#etapForm div.back_next_buttons ul {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none; text-align: center;}
div#etapForm div.back_next_buttons ul li {position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.back_next_buttons ul li::before {display: none;}
div#etapForm div.back_next_buttons ul li a {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 15px 15px 15px 15px;      color: rgba(255,255,255,1);
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal; text-transform: uppercase; background-color: #00529c; border: none;  border-radius: 5px; text-decoration: none;}
div#etapForm div.back_next_buttons ul li a:hover {color: rgba(255,255,255,1); background-color: #40962b;}
div#etapForm div.back_next_buttons ul li a::before,
div#etapForm div.back_next_buttons ul li a::after {position: relative; display: inline-block; float: none; width: auto; height: auto; padding: 0; font-family: "FontAwesome"; font-weight: 400; color: rgba(255,255,255,1); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.back_next_buttons ul li a:hover::before,
div#etapForm div.back_next_buttons ul li a:hover::after {color: rgba(255,255,255,1);}
div#etapForm div.back_next_buttons ul li a.back::before {margin: 0 10px 0 0; content: "\f060";}
div#etapForm div.back_next_buttons ul li a.next::after {margin: 0 0 0 10px; content: "\f061";}

/* -------- e-card preview */
div#etapForm div#eCardPreview {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 30px; background-color: rgba(255,255,255,1); border: 2px solid rgba(0,0,0,0.1);}
div#etapForm div#eCardPreview div#ec_customMessage {position: relative; display: block; float: left; width: 100%; height: auto; margin: 15px 0; padding: 15px; background-color: rgba(0,0,0,0.05);}
div#etapForm div#eCardPreview p.ec_img img {max-width: 100%;}

/* -------- donation summary */
div#etapForm div.form_field p.sum_p {clear: left; max-width: 100%; padding: 5px 10px; text-align: left; }
div#etapForm div.form_field p.sum_p span.sum_text {position: relative; display: inline-block;  font-weight: 600;}
div#etapForm div.form_field p.sum_p:hover {background-color: rgba(255,255,255,1);}

/* ---------------------------------------- adjust these padding and color settings ---------------------------------------- */
/* -------- padding */
/* text input */
div#etapForm input.text,
div#etapForm input.amount,
div#etapForm input.cvv2,
div#captchaContainer div#etapCaptchaInput input[type=text] {padding: 11px 0 10px 10px;}
div#etapForm input.two_digit,
div#etapForm input.three_digit,
div#etapForm input.four_digit {padding: 10px 1px 10px 0;}
div#etapForm div.other_amount_wrapper input[type=text] {padding: 11px 0 11px 26px!important;}
div#etapForm div.readonly_input input.readonly {padding: 9px 0 9px 16px!important;}
/* select */
div#etapForm select {padding: 11px 40px 10px 10px;}
/* textarea */
div#etapForm textarea {padding: 10px 0 0 7px;}
/* classic input button */
div#etapForm label.button div {padding: 13px 15px 13px 15px;}
/* classic radio and checkbox */
div#etapForm label.classic div {padding: 10px 20px 10px 40px;}
/* classic radio and checkbox dot positioning */
div#etapForm label.classic div::before {top: 8px; left: 10px;}
div#etapForm label.checkbox div::after {top: -2px!important; left: 6px!important;}
div#etapForm label.radio div::after {top: 11px!important; left: 13px!important;}
/* link buttons */
div#etapForm a.link_button {padding: 11px 15px 8px 15px;}
/* special labels */
div#etapForm fieldset div.special_label label {position: absolute; z-index: 105; top: 0; left: 0; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 3px 0 0 0; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 10px; line-height: 12px; color: rgba(0,0,0,0.4); background-color: rgba(238,238,238,1); border: 2px solid #00529c; border-width: 2px 2px 0 2px; opacity: 0;}
div#etapForm fieldset div.center_inline label {width: 50%!important; margin: 0 0 0 25%!important;}
div#etapForm fieldset div.special_label input[type=text]:focus + label,
div#etapForm fieldset div.special_label select:focus + label,
div#etapForm fieldset div.special_label textarea:focus + label {opacity: 1;}
div#etapForm fieldset div.special_label select:focus + label + div.select_bg + div.select_down {top: 21px;}
div#etapForm fieldset div.special_label input.text:focus,
div#etapForm fieldset div.special_label input.cvv2:focus {padding: 13px 0 8px 5px!important;}
div#etapForm fieldset div.special_label select:focus {padding: 13px 40px 8px 10px!important;}
div#etapForm fieldset div.special_label textarea:focus {padding: 13px 0 8px 6px!important;}
div#etapForm fieldset div.special_label label.cvv2_special {width: 49%!important;}

/* -------- colors */
/* -- #40962b - #ff7614 - orange */
/* --- #00529c - #62c942 - green */
/* --- #40962b - #53ab38 - dark green */

/* -------- legend */
div#etapForm fieldset legend {margin: 0 0 15px 0; padding: 0 0 5px 0;  font-weight: 600; font-size: 20px; line-height: 26px; color: #40962b; border: 1px solid rgba(0,0,0,0.1); border-width: 0 0 1px 0;}
/* -------- headings */
div#etapForm h1 {margin: 0 0 10px 0; padding: 0 0 10px 0; text-align: center; font-weight: 400; font-size: 30px; line-height: 36px; color: #00529c; border: 1px solid rgba(0,0,0,0.1); border-width: 0 0 1px 0;}
div#etapForm h2 {margin: 0; padding: 0; font-weight: 400; font-size: 24px; line-height: 30px; color: #40962b;}
div#etapForm h3 {margin: 10px 0 5px 0; padding: 0; font-weight: 400; font-size: 22px; line-height: 28px; color: #00529c;}
div#etapForm h4 {margin: 0; padding: 0; font-weight: 400; font-size: 24px; line-height: 30px; color: rgba(104,74,125,1);}
div#etapForm h5 {margin: 15px 0 10px 0; padding: 0; font-weight: 700; font-size: 20px; line-height: 26px; color: rgba(235,111,35,1);}
div#etapForm h6 {margin: 0; padding: 0; font-weight: 700; font-size: 16px; line-height: 22px; color: rgba(204,218,40,1);}

/* -------- resting state colors */
/* link button, captcha button */
div#etapForm a.link_button,
div#captchaContainer div#etapCaptchaImage a {color: rgba(255,255,255,1)!important; background-color: #00529c!important; border-color: #40962b;}
/* submit/reset buttons */
div#etapForm div#submitAndReset input[type=submit],
div#etapForm div#submitAndReset input[type=reset],
div#etapForm div#submitAndReset input[type=button],
div#etapForm div#submitAndReset a.reset,
div#etapForm div#submitAndReset a.submit_back {color: rgba(255,255,255,1)!important; background-color:#00529c!important; border: none; border-radius: 5px; width: 98%; }
/* classic input button */
div#etapForm label.button div {color: rgba(255,255,255,1); background-color: #00529c; border-radius: 5px; box-shadow: inset 0 25px 25px 0 rgba(255,255,255,0.15);}
/* classic input button alt */
div#etapForm label.alt_color div {  
   
    font-weight: 700;
    font-style: normal; color: #FFF; background-color:##00529c; border: none; box-shadow: none; text-transform: uppercase;}
div#etapForm label.cc_button div::before {color: rgba(0,0,0,0.2);}
/* share icons */
div#eTapShareLinksWrapper div#shareLinks ul li a {color: rgba(0,0,0,0.2);}
/* -------- hover state colors */
/* link button, captcha button */
div#etapForm a.link_button:hover,
div#captchaContainer div#etapCaptchaImage a:hover {color: #f16e36!important; background-color: #40962b!important; }
/* subimt/reset buttons */
div#etapForm div#submitAndReset input[type=submit]:hover,
div#etapForm div#submitAndReset input[type=reset]:hover,
div#etapForm div#submitAndReset input[type=button]:hover,
div#etapForm div#submitAndReset a.reset:hover,
div#etapForm div#submitAndReset a.submit_back:hover {color: #fff!important; background-color: #40962b!important;}
/* classic input button */
div#etapForm label.button:hover div {color: rgba(255,255,255,1)!important; background-color: #40962b!important;}
/* classic input button alt */
div#etapForm label.alt_color:hover div {color: rgba(255,255,255,1); background-color: #40962b!important; border-color: #40962b;}
/* credit cards */
div#etapForm label.cc_button:hover div::before {color: rgba(0,0,0,0.5);}
/* share icons */
div#eTapShareLinksWrapper div#shareLinks ul li a:hover {color: #00529c!important;}
/* -------- checked state colors */
/* classic input button */
div#etapForm label.button input[type=radio]:checked + div,
div#etapForm label.button input[type=checkbox]:checked + div {color: rgba(255,255,255,1)!important; background-color: #40962b!important;}
/* classic input button alt */
div#etapForm label.alt_color input[type=radio]:checked + div,
div#etapForm label.alt_color input[type=checkbox]:checked + div {color: rgba(255,255,255,1)!important; background-color: #40962b!important; }
/* radio button dot */
div#etapForm label.radio input[type=radio]:checked + div::after,
div#etapForm label.radio input[type=checkbox]:checked + div::after {background-color: #00529c!important; box-shadow: inset 0 5px 5px 0 rgba(255,255,255,0.3);}
/* checkbox checkmark */
div#etapForm label.checkbox div::after {color: #00529c!important;}
/* credit card icons */
div#etapForm label.cc_button input[type=radio]:checked + div::before {color: #00529c!important;}

/* ---------------------------------------- mobile-responsive medis queries */

@media screen and (max-width: 400px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media only screen and (max-width: 428px)
{
	/* step wrappers */
	div#etapForm div#stepWrapper div.step_wrapper {width: 94%;}
	/* step one */
	div#etapForm div#stepWrapper div.first_step_1 {left: 3%;}
	div#etapForm div#stepWrapper div.first_step_2 {left: 2%;}
	div#etapForm div#stepWrapper div.first_step_3 {left: 1%;}
	/* step two */
	div#etapForm div#stepWrapper div.second_step_1 {left: 4%;}
	div#etapForm div#stepWrapper div.second_step_2 {left: 3%;}
	div#etapForm div#stepWrapper div.second_step_3 {left: 2%;}
	/* step three */
	div#etapForm div#stepWrapper div.third_step_1 {left: 5%;}
	div#etapForm div#stepWrapper div.third_step_2 {left: 4%;}
	div#etapForm div#stepWrapper div.third_step_3 {left: 3%;}
	/* link buttons */
	div#etapForm a.cancel {width: 100%; margin: 0; text-align: center;}
	/* inline fields */
	div#etapForm fieldset div.inline_field {margin: 0 0 5px 0;}
	div#etapForm fieldset div.inline_half {width: 100%;}
	div#etapForm fieldset div.inline_thirds {width: 100%;}
	div#etapForm fieldset div.inline_center {margin: 0 0 5px 0;}
	div#etapForm fieldset div.inline_right {float: left;}
	div#etapForm fieldset div.inline_full {margin: 0 0 5px 0;}
	/* half lists */
	div#etapForm div.form_field ul.half li {width: 100%;}
	/* qty boxes */
	div#etapForm div.half_left {width: 100%;}
	div#etapForm div.half_right {float: left; width: 100%;}
	div#etapForm div.qty_box {margin: 0 0 10px 0!important;}
	div#etapForm div.qty_box {margin: 0 0 10px 0!important;}
	div#etapForm div.half_spon_left {width: 100%; margin: 0!important;}
	div#etapForm div.half_spon_right {float: left; width: 100%; margin: 0 0 15px 0!important;}
	/* text inputs */
	div#etapForm input.text,
	div#etapForm input.amount,
	div#etapForm input.cvv2,
	div#captchaContainer div#etapCaptchaInput input[type=text] {width: 100%!important;}
	div#etapForm input.two_digit {width: 46%!important;}
	div#etapForm input.two_digit_right {float: right;}
	div#etapForm div.dob_separator {width: 8%; padding: 11px 0 0 0; text-align: center;}
	div#etapForm input.three_digit,
	div#etapForm input.four_digit {width: 70px!important;}
	/* dollar sign inputs */
	div#etapForm div.dollar_sign_input {width: 100%;}
	div#etapForm div.dollar_sign_input input.dollar_sign {width: 100%;}
	/* readonly dollar sign input */
	div#etapForm div.readonly_input,
	div#etapForm div.readonly_input input.readonly {width: 100%;}
	/* selects */
	/* -------- specific select */
div#etapForm select {}
div#etapForm select:hover {cursor: pointer;}
div#etapForm select option {margin: 0; padding: 0; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.select_wrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; overflow: hidden;}
div#etapForm div.select_wrapper select {z-index: 101; background-color: rgba(255,255,255,0);}
div#etapForm div.select_wrapper div.select_down {position: absolute; top: 13px; right: 10px; display: block; float: right; width: auto; height: auto; margin: 0; padding: 0;}
div#etapForm div.select_wrapper div.select_down::before {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-family: "FontAwesome"!important; content: "\f078"; color: rgba(0,0,0,0.3); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
div#etapForm div.select_wrapper:hover div.select_down::before {color: rgba(0,0,0,1);}
div#etapForm div.select_wrapper div.select_bg {position: absolute; top: 0; left: 0; display: block; float: left; width: 100%; height: 50px; margin: 0; padding: 0; background-color: rgba(238,238,238,1);}
div#etapForm div.select_wrapper select:focus + label + div.select_bg {background-color: rgba(255,255,255,1);}
div#etapForm div.exp_month {margin: 0 5px 0 0;}
div#etapForm div.inline_select_wrapper {width: 100%;}
div#etapForm select.inline_input {width: 100%;}
div#etapForm select::-ms-expand {display: none;}rtant;}
	div#etapForm select#cardExpMonth {margin: 0 0 5px 0;}
	/* textareas */
	div#etapForm textarea.address {width: 100%!important;}
	/* regular field labels */
	div#etapForm fieldset.left_labels label,
	div#etapForm fieldset.left_labels label.auto {width: 100%; padding: 7px 0 3px 0;}
	/* classic input button */
	div#etapForm label.button {width: 100%!important; margin: 0 0 5px 0;}
	div#etapForm label.fixed_width {width: 49%!important; margin: 0 0 5px 0;}
	div#etapForm label.button:nth-child(odd) {float: left; clear: both;}
	div#etapForm label.button:nth-child(even) {float: right;}
	div#etapForm label.button div {width: 100%; padding-right: 0; padding-left: 0; text-align: center;}
	div#etapForm label.other_amt_button {float: left!important;}
	div#etapForm div.other_amount_wrapper {width: 100%!important;}
	div#etapForm div.other_amount_wrapper div.dollar_sign_input {float: right!important; width: 100%!important;}
	div#etapForm div.other_amount_wrapper input[type=text] {width: 100%!important;}
	/* classic radio and checkbox */
	div#etapForm label.classic {width: 100%!important; margin: 0 0 5px 0;}
	div#etapForm label.classic div {width: 100%!important;}
	div#etapForm label.left_margin {margin: 0 0 5px 0;}
	/* link buttons */
	div#etapForm a.field_button {width: 100%; margin: 5px 0 0 0; text-align: center;}
	/* half list */
	div#etapForm div.form_field ul.half li {width: 100%;}
	/* field info */
	div#etapForm div.field_info {width: 100%; padding: 5px 0 0 0;}
	div#etapForm div.field_info_2 {padding: 5px 0 0 0;}
	div#etapForm div.neg_left {margin: 0;}
	div#etapForm div.field_info_code {width: 100%; margin: 5px 0 0 0;}
	/* donation summary */
	div#etapForm div.form_field p.sum_p {max-width: 100%;}
	/* credit cards */
	div#etapForm div#ccWrapper {width: 100%; margin: 2px 0 0 0;}
	/* captcha */
	div#captchaContainer div#etapCaptchaImage {width: 100%; max-width: 1000px;}
	div#captchaContainer div#etapCaptchaImage img,
	div#captchaContainer div#etapCaptchaImage a {width: 100%; max-width: 300px!important;}
	div#captchaContainer div#etapCaptchaInstructions {width: 100%; padding: 10px 0 0 0; text-align: center;}
	div#captchaContainer div#etapCaptchaInstructions p.left {display: none;}
	div#captchaContainer div#etapCaptchaInstructions p.top {display: block;}
	div#captchaContainer div#etapCaptchaInput {width: 100%; padding: 10px 0 0 0;}
	/* back/next buttons */
	div#etapForm div.back_next_buttons ul li {display: block; float: left; width: 49%;}
	div#etapForm div.back_next_buttons ul li:last-child {float: right;}
	div#etapForm div.back_next_buttons ul li a {width: 100%;}
	/* submit and reset */
	div#etapForm div#submitAndReset input[type=submit],
	div#etapForm div#submitAndReset input[type=reset],
	div#etapForm div#submitAndReset input[type=button],
	div#etapForm div#submitAndReset a.reset,
	div#etapForm div#submitAndReset a.submit_back {width: 100%; margin: 0; padding-right: 0; padding-left: 0; text-align: center;}
	div#etapForm div#submitAndReset a.reset,
	div#etapForm div#submitAndReset a.submit_back {float: left;}
	/* powered by */
	div#etapForm div#submitAndReset div#poweredBy {width: 100%;}
	div#etapForm div#submitAndReset div#poweredBy p {width: 100%; text-align: center;}
	/* show/hide */
	div#etapForm div.show_section {max-height: 2000px!important;}
	div#etapForm div.shorter {max-height: 2000px!important;}
	div#etapForm div.longer {max-height: 20000px!important;}
}
@media only screen and (max-width: 428px)
{
	/* header bar */
	div#etapForm div#headerBar h1 {font-size: 22px; line-height: 28px;}
	/* step circles */
	div#etapForm a.step_num {display: none;}
	/* step wrappers */
	div#etapForm div#stepWrapper div.step_wrapper {padding: 15px;}
	/* e-card */
	div#etapForm div#eCardPreview {padding: 15px;}
	div#etapForm div#eCardPreview div#ec_customMessage {padding: 10px;}
	/* extra legends */
	div#etapForm fieldset legend.extra_legend {margin: 15px 0;}
	/* text inputs */
	div#etapForm input.three_digit,
	div#etapForm input.four_digit {width: 55px!important;}
	/* other amount */
	div#etapForm div.inline_amt_wrapper div.dollar_sign_input {width: 100%!important;}
	div#etapForm div.inline_amt_wrapper label.other_amt_button {width: 100%!important;}
	/* credit cards */
	div#etapForm label.cc_button div::before {font-size: 50px; line-height: 50px;}
	/* captcha */
	div#captchaContainer div#etapCaptchaImage img,
	div#captchaContainer div#etapCaptchaImage a {max-width: 100%!important;}
	/* back/next buttons */
	div#etapForm div.back_next_buttons ul li {width: 100%; margin: 0 0 5px 0;}
	div#etapForm div.back_next_buttons ul li:last-child {float: left; margin: 0;}
	/* submit and reset */
	div#etapForm div#submitAndReset input[type=submit],
	div#etapForm div#submitAndReset input[type=reset],
	div#etapForm div#submitAndReset input[type=button],
	div#etapForm div#submitAndReset a.reset,
	div#etapForm div#submitAndReset a.submit_back {width: 100%; margin-bottom: 5px;}
	div#etapForm div#submitAndReset a.reset {float: left; margin: 0;}
}