/* #Donation Form
================================================== */
span.payment-review {display: block;}
.formholder .alert, .formholder .help-block { display: block; padding: 10px; background:white; color: red; margin-bottom: 20px; }
.formholder .alert p { color: red; margin-bottom: 0; }
.formholder.membership .heading.col-sm-2.control-label{ width: 100%; margin-bottom: 20px; }
.formholder form{ margin: 20px 0; }
.form-group .heading{ float: left; min-width: 20%; padding: 5px 0;}
.formholder .txtinp.min{ width: 100px; }
.formholder .form-group { margin-bottom: 40px; }

/* #Page Styles
================================================== */
.main.support.checkout .formholder { border-top: 1px solid #ccc; margin: 0 0 40px 135px; padding: 24px 0;  }
.main.support a.buybtn	{ background: #fff; color: #38bfc3; display: block; font: 14px/21px "Avenir LT W01 95 Black", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 15px; position: absolute; right: 0; top: 30px; text-transform: uppercase; text-align: center; width: 120px; }
.main.support a.buybtn:hover { background: #38bfc3; color: #fff; }
.main.support.checkout h2.subtitle, .main.support h2.subtitle { margin: 0 0 40px 135px; }
.main.support article h3 { margin-bottom: 24px; }
.main.support article h3 a.drop { display: block; width: 100%; background: url('../images/drop.png') 100% 50% no-repeat; }
.main.support article h3 a.drop.current { background: url('../images/drop_up.png') 100% 50% no-repeat; }
.main.support article .summary { border-top: 1px solid #ccc; padding-top: 24px; }
.formholder .message { font-family: "Avenir LT W01 95 Black", sans-serif;  color: #38bfc3; padding: 5px 0; }
.formholder div.addon_desc { margin: 0 165px; }
.formholder label, .formholder p.sum.col { color: #333; line-height: 24px; }
.formholder input.igs_check { margin: 0 12px 24px 0; }
.formholder input.txtinp, .formholder .txtarea, .formholder select { display: block; margin: 0 0 24px 0; }
.formholder label.col, .formholder p.sum.col { float: left; margin: 0 24px 0 0; padding: 5px 0; width: 141px; } 
.formholder input.txtinp, .formholder .txtarea, .formholder select, .formholder input.inpbtn { color: #808080; font: 16px/20px "Avenir LT W01 55 Roman", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }
.formholder label input.txtinp, .formholder label .txtarea, .formholder label select { color: #808080; }
.formholder input.txtinp, .formholder .txtarea { background: white; border: 0; font: 16px/20px "Avenir LT W01 55 Roman", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px; width: 290px; }
.formholder .txtarea { height: 120px; }
.formholder select{ background-image: url(../images/select-arrow.png); background-position: center right; background-repeat: no-repeat; border: 0; color: #555; overflow: hidden; padding: 5px; text-overflow: ellipsis; white-space: nowrap; width: 300px; -webkit-appearance: button; -webkit-user-select: none; -webkit-linear-gradient(#ffffff, #ffffff 40%, #ffffff); }
.formholder select:focus { outline: none; }
.formholder .totes { display: block; font-family: "Avenir LT W01 95 Black", sans-serif;  font-size: 24px; color: #38bfc3; letter-spacing: 1px; }
.formholder input.inpbtn { background: #fff; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #38bfc3; font-size: 18px; text-align: center; padding: 20px 0; margin: 24px 0 24px 165px; position: relative; width: 300px; }
.formholder input.inpbtn:hover { background: #38bfc3; cursor: pointer; color: #fff;  } 
.main.support.checkout .gateway.formholder { margin: 0 0 0 135px; padding: 24px 0 0 0;  }
.main.support.checkout .gateway.formholder .payment_form { padding: 24px 0; }
.gateway.formholder input.txtinp, .gateway.formholder select { margin: -24px 0 0 165px;  }
#gateway_realex label {display: block; padding: 0 0 0 0; margin-bottom: 24px; }
.formholder a.btn { background: #fff; border: 0; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #38bfc3; font-size: 18px; text-align: center; line-height: 60px; margin: 0 0 0 165px; padding: 5px 0;  position: relative; width: 300px;  } 
.formholder a.btn:hover { background: #38bfc3; color: #fff; }

/* #Media Queries
================================================== */
/* Smaller than standard Widescreen (devices and browsers) */
@media only screen and (max-width: 1199px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.main.support.checkout h2.subtitle { margin-left: 0; }
.formholder div.addon_desc { margin: 0 0 0 250px; }
.main.support.checkout .formholder { margin: 0 0 40px 0; padding: 24px 0;  }
.main.support.checkout .gateway.formholder { margin: 0 0 0 0; padding: 24px 0 0 0;  }
.formholder a.btn { margin: 0 0 0 250px; padding: 5px 0;  position: relative; width: 300px;  } 
.formholder label.col, .formholder p.sum.col { float: left; margin: 0 24px 0 0; padding: 5px 0; width: 224px; } 
.formholder input.inpbtn { margin-left: 250px; }
.gateway.formholder input.txtinp, .gateway.formholder select { margin: -24px 0 0 250px;  }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.main.support.checkout h2.subtitle { text-align: center; margin: 0 0 24px 0; font-size: 24px; }
.main.support article h3  { font-size: 21px; text-align: center; width: 100%; }
.main.support article h3 a.drop { display: block; width: 260px; padding: 0 20px; background: url('../images/drop.png') 100% 50% no-repeat; }
.main.support article h3 a.drop.current { background: url('../images/drop_up.png') 100% 50% no-repeat; }
.formholder div.addon_desc { margin: 0 0 0 0; }
.main.support.checkout .formholder { margin: 0 0 24px 0; padding: 24px 0;  }
.formholder label.col, .formholder p.sum.col { float: left; margin: 0 0 24px 0; padding: 5px 0; width: 300px; } 
.formholder input.inpbtn { margin: 0 auto 24px auto; width: 300px; }
.formholder a.btn { margin: 0 0 0 0; padding: 5px 0;  position: relative; width: 300px;  } 
.gateway.formholder input.txtinp, .gateway.formholder select { margin: 24px 0 0 0;  }
.formholder p.sum.col, .formholder .totes { text-align: center; width: 100%; }


}