/* TEMPORARY - PAYPAL ONLY */
#os_form .control-group:nth-child(20) { display: none }
.jd-page-title { display: none }


/* FRAMES */
.moduletable_donations { position: relative; width: 100%; text-align: center !important; z-index: 2 }


#donation-form { position: relative; margin: 0 auto; width: 90%; max-width: 1540px; overflow: hidden }

@media (max-width:2560px) { #donation-form  { max-width: 1205px } }
@media (max-width:1920px) { #donation-form  { max-width: 885px } }
@media (max-width:1040px) { #donation-form  { max-width: 590px } }


#os_form { position: relative; width: 100% }


.control-group { position: relative }



/* FORM BASIC RULES */
.controls { float: left; margin-left: 20px !important }

@media (max-width:1920px) { .controls { margin-left: 15px !important } }
@media (max-width:1040px) { .controls { margin-left: 10px !important } }


.moduletable_donations label { width: auto !important; font-family: 'Lato', sans-serif; font-size: 24px; color: #333333; font-weight: normal !important; padding-top: 12px !important }

@media (max-width:2560px) { .moduletable_donations label { font-size: 18px } }
@media (max-width:1920px) { .moduletable_donations label { font-size: 13px; letter-spacing: 0.6px; padding-top: 4px !important } }


.moduletable_donations input { width: 210px !important; height: 35px !important; font-size: 24px !important; padding-left: 10px !important }

@media (max-width:2560px) { .moduletable_donations input { width: 150px !important; height: 28px !important; font-size: 18px !important } }
@media (max-width:1920px) { .moduletable_donations input { width: 100px !important; height: 20px !important; font-size: 13px !important } }


.input-large { width: 210px !important }

@media (max-width:2560px) { .input-large {  width: 150px !important } }
@media (max-width:1920px) { .input-large {  width: 100px !important } }


.moduletable_donations select { height: 50px; font-size: 18px }

@media (max-width:2560px) { .moduletable_donations select { height: 35px; font-size: 14px; margin-top: 7px } }
@media (max-width:1920px) { .moduletable_donationsselect { height: 28px; font-size: 10px; margin-top: 0 } }




/* H3 - DONOR INFORMATION */
#os_form .control-group:nth-child(1) { float: left; width: 100% }


.jd-heading { margin-top: 50px; margin-bottom: 50px }

@media (max-width:2560px) { .jd-heading { margin-bottom: 40px } } 
@media (max-width:1920px) { .jd-heading { margin-bottom: 20px } } 
@media (max-width:1040px) { .jd-heading { margin-bottom: 10px } } 
@media (max-width:690px) { .jd-heading { width: 89%; color:#FFFFFF; padding: 10px 5%; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9) } }


/* ROW 1A - NAME */
#field_Salutation { float: left; width: 305px; margin-bottom: 50px }

@media (max-width:2560px) { #field_Salutation { width: 215px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_Salutation { width: 175px; margin-right: 15px } }
@media (max-width:690px) { #field_Salutation { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_Salutation .control-label { width: 35% !important } }
@media (max-width:690px) { #field_Salutation .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_Salutation select { width: 100% !important } }


#field_first_name { float: left; width: 400px; margin-right: 30px; margin-bottom: 50px }

@media (max-width:2560px) { #field_first_name { width: 290px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_first_name { width: 215px; margin-right: 15px } }
@media (max-width:1040px) { #field_first_name { width: 400px; margin-right: 0 } }
@media (max-width:690px) { #field_first_name { width: 100%; margin-right: 0 0 20px 0 } }


@media (max-width:690px) { #field_first_name .control-label { width: 35% !important } }
@media (max-width:690px) { #field_first_name .controls { width: 65% !important; margin-left: 0 !important } }


@media (max-width:1040px) { #field_first_name .input-large { width: 290px !important } }
@media (max-width:690px) { #field_first_name .input-large { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_Middle_Name { float: left; width: 395px; margin-right: 30px; margin-bottom: 50px }

@media (max-width:2560px) { #field_Middle_Name { width: 300px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_Middle_Name { width: 225px; margin-right: 15px } }
@media (max-width:690px) { #field_Middle_Name { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_Middle_Name .control-label { width: 35% !important } }
@media (max-width:690px) { #field_Middle_Name .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_Middle_Name input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_last_name { float: left; width: 380px; margin-bottom: 50px }

@media (max-width:2560px) { #field_last_name { width: 290px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_last_name { width: 220px } }
@media (max-width:1040px) { #field_last_name { width: 350px; margin-right: 0 } }
@media (max-width:690px) { #field_last_name { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_last_name .control-label { width: 35% !important } }
@media (max-width:690px) { #field_last_name .controls { width: 65% !important; margin-left: 0 !important } }


@media (max-width:1040px) { #field_last_name input { width: 242px !important } }
@media (max-width:690px) { #field_last_name input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }




/* ROW 2A - COMPANY */
#field_Company { float: left; width: 100%; margin-bottom: 80px }

@media (max-width:2560px) { #field_Company { margin-bottom: 50px } }
@media (max-width:1920px) { #field_Company { margin-bottom: 40px } }
@media (max-width:690px) { #field_Company { margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_Company .control-label { width: 35% !important } }
@media (max-width:690px) { #field_Company .controls { width: 65% !important; margin-left: 0 !important } }


#field_Company input { width: 300px !important }

@media (max-width:2560px) { #field_Company input { width: 250px !important } }
@media (max-width:1920px) { #field_Company input { width: 180px !important } }
@media (max-width:1040px) { #field_Company input { width: 460px !important } }
@media (max-width:690px) { #field_Company input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }




/* ROW 3A - ADDRESS */
#field_address { float: left; width: 412.5px; margin-right: 30px; margin-bottom: 50px }

@media (max-width:2560px) { #field_address { width: 312.5px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_address { width: 242.5px; margin-right: 15px } }
@media (max-width:1040px) { #field_address { width: 285px } }
@media (max-width:690px) { #field_address { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_address .control-label { width: 35% !important } }
@media (max-width:690px) { #field_address .controls { width: 65% !important; margin-left: 0 !important } }


#field_address .input-large { width: 265px !important }

@media (max-width:2560px) { #field_address .input-large { width: 190px !important } }
@media (max-width:1920px) { #field_address .input-large { width: 140px !important } }
@media (max-width:1040px) { #field_address .input-large { width: 195px !important } }
@media (max-width:690px) { #field_address .input-large { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_address2 { float: left; width: 412.5px; margin-right: 30px; margin-bottom: 50px }

@media (max-width:2560px) { #field_address2 { width: 312.5px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_address2 { width: 242.5px; margin-right: 15px } }
@media (max-width:1040px) { #field_address2 { width: 290px; margin-right: 0 } }
@media (max-width:690px) { #field_address2 { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_address2 .control-label { width: 35% !important } }
@media (max-width:690px) { #field_address2 .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_address2 input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_address2 .input-large { width: 265px !important }

@media (max-width:2560px) { #field_address2 .input-large { width: 190px !important } }
@media (max-width:1920px) { #field_address2 .input-large { width: 140px !important } }
@media (max-width:1040px) { #field_address2 .input-large { width: 195px !important } }
@media (max-width:690px) { #field_address2 .input-large { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_city { float: left; width: 315px; margin-right: 30px; margin-bottom: 50px }

@media (max-width:2560px) { #field_city { width: 240px; margin-right: 20px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_city { width: 175px; margin-right: 15px } }
@media (max-width:1040px) { #field_city { width: 215px; margin-right: 15px } }
@media (max-width:690px) { #field_city { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_city .control-label { width: 35% !important } }
@media (max-width:690px) { #field_city .controls { width: 65% !important; margin-left: 0 !important } }


@media (max-width:1040px) { #field_city input { width: 150px !important } }
@media (max-width:690px) { #field_city input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_zip { float: left; width: 305px; margin-bottom: 50px }

@media (max-width:2560px) { #field_zip { width: 235px; margin-bottom: 25px } }
@media (max-width:1920px) { #field_zip { width: 175px } }
@media (max-width:690px) { #field_zip { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_zip .control-label { width: 35% !important } }
@media (max-width:690px) { #field_zip .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_zip input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


/* ROW 4A = COUNTRY, STATE, PHONE, EMAIL */
#field_country { float: left; width: 340px; margin-right: 30px; margin-bottom: 100px }

@media (max-width:2560px) { #field_country { width: 255px; margin-right: 20px; margin-bottom: 60px } }
@media (max-width:1920px) { #field_country { width: 185px; margin-right: 15px; margin-bottom: 50px } }
@media (max-width:1040px) { #field_country { width: 180px; margin-right: 0; margin-bottom: 25px } }
@media (max-width:690px) { #field_country { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_country .control-label { width: 35% !important } }
@media (max-width:690px) { #field_country .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_country select { width: 100% !important } }


@media (max-width:1040px) { #field_country .controls { float: right } }


#field_state { float: left; width: 325px; margin-right: 30px; margin-bottom: 100px }

@media (max-width:2560px) { #field_state { width: 245px; margin-right: 20px; margin-bottom: 60px } }
@media (max-width:1920px) { #field_state { width: 185px; margin-right: 15px; margin-bottom: 50px } }
@media (max-width:690px) { #field_state { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_state .control-label { width: 35% !important } }
@media (max-width:690px) { #field_state .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_state input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_phone { float: left; width: 340px; margin-right: 30px; margin-bottom: 100px }

@media (max-width:2560px) { #field_phone { width: 260px; margin-right: 20px; margin-bottom: 60px } }
@media (max-width:1920px) { #field_phone { width: 190px; margin-right: 15px; margin-bottom: 50px } }
@media (max-width:690px) { #field_phone { width: 100%; margin: 0 0 20px 0 } }


@media (max-width:690px) { #field_phone .control-label { width: 35% !important } }
@media (max-width:690px) { #field_phone .controls { width: 65% !important; margin-left: 0 !important } }
@media (max-width:690px) { #field_phone input { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }


#field_email { float: left; width: 440px; margin-bottom: 100px }

@media (max-width:2560px) { #field_email { width: 340px; margin-bottom: 50px } }
@media (max-width:1920px) { #field_email { width: 272px; margin-bottom: 50px } }
@media (max-width:1040px) { #field_email { width: 180px } }
@media (max-width:690px) { #field_email { width: 100%; margin: 0 0 40px 0 } }


@media (max-width:690px) { #field_email .control-label { width: 35% !important } }
@media (max-width:690px) { #field_email .controls { width: 65% !important; margin-left: 0 !important } }


#field_email .input-large { width: 325px !important }

@media (max-width:2560px) { #field_email .input-large { width: 240px !important } }
@media (max-width:1920px) { #field_email .input-large { width: 186.5px !important } }
@media (max-width:1040px) { #field_email .input-large { width: 107px !important } }
@media (max-width:690px) { #field_email .input-large { width: 88% !important; padding-left: 5% !important; padding-right: 5% !important } }




/* H3 - DONOR INFORMATION */
#os_form .control-group:nth-child(15) { float: left; width: 100% }




/* DONATION TYPE */
#donation_type { float: left; width: 100%; margin-bottom: 50px }

@media (max-width:2560px) { #donation_type { margin-bottom: 25px } }
@media (max-width:1920px) { #donation_type { margin-bottom: 15px } }
@media (max-width:690px) { #donation_type { width: 96%; margin-left: 2%; margin-right: 2% } }


#donation_type .control-label { width: 210px !important }

@media (max-width:2560px) { #donation_type .control-label { width: 160px !important } }
@media (max-width:1920px) { #donation_type .control-label { width: 126px !important } }
@media (max-width:690px) { #donation_type .control-label { width: 100% !important; margin-bottom: 10px } }


#donation_type input[type="radio"] { float: left; width: 30px !important; margin-left: 20px !important; margin-right: 20px }

@media (max-width:2560px) { #donation_type input[type="radio"] { margin-left: 15px !important; margin-right: 15px } }
@media (max-width:1920px) { #donation_type input[type="radio"] { margin-left: 10px !important; margin-right: 10px } }
@media (max-width:1040px) { #donation_type input[type="radio"] { margin-left: 5px !important; margin-right: 5px } }
@media (max-width:690px) { #donation_type input[type="radio"] { margin-left: 0 !important; margin-right: 5px } }

@media (max-width:690px) { #donation_type .radio { padding-left: 0 !important } }


#tr_frequency, #tr_number_donations { float: left; margin-right: 20px; margin-bottom: 50px }

@media (max-width:2560px) { #tr_frequency, #tr_number_donations { margin-bottom: 40px } }
@media (max-width:1920px) { #tr_frequency, #tr_number_donations { margin-bottom: 30px } }
@media (max-width:690px) { #tr_frequency, #tr_number_donations { width: 96%; margin-left: 2%; margin-right: 2% } }




/* AMOUNT */
#os_form .control-group:nth-child(19) { float: left; width: 100%; margin-bottom: 50px }

@media (max-width:2560px) { #os_form .control-group:nth-child(19) { margin-bottom: 25px } }
@media (max-width:1920px) { #os_form .control-group:nth-child(19) { margin-bottom: 15px } }
@media (max-width:690px) { #os_form .control-group:nth-child(19) { width: 96%; margin-left: 2%; margin-right: 2% } }


@media (max-width:1040px) { #os_form .control-group:nth-child(19) .control-label { width: 100% !important; margin-bottom: 10px } }


#os_form .control-group:nth-child(19) #amount_container { float: right }

@media (max-width:1040px) { #os_form .control-group:nth-child(19) #amount_container {float: left; margin-left: 0 !important } }


#os_form .control-group:nth-child(19) #amount_container label { float: left; min-width: 190px }

@media (max-width:2560px) { #os_form .control-group:nth-child(19) #amount_container label { min-width: 147px } }
@media (max-width:1920px) { #os_form .control-group:nth-child(19) #amount_container label { min-width: 0 } }
@media (max-width:690px) { #os_form .control-group:nth-child(19) #amount_container label { margin-bottom: 10px } }


#os_form .control-group:nth-child(19) input[type="radio"] { width: 30px !important; margin-right: 20px; margin-left: 20px !important }

@media (max-width:1920px) { #os_form .control-group:nth-child(19) input[type="radio"] {  margin-right: 10px; margin-left: 10px !important } }
@media (max-width:1040px) { #os_form .control-group:nth-child(19) input[type="radio"] {  margin-top: 0 !important; margin-right: 5px; margin-left: 0 !important } }


@media (max-width:1040px) { #os_form .control-group:nth-child(19) #amount_container label { margin-right: 10px } } 


#os_form .control-group:nth-child(19) label:nth-child(6) { display: none }


.input-prepend { float: left; margin-top: 6px; margin-left: 50px }

@media (max-width:2560px) { .input-prepend { margin-left: 40px } }
@media (max-width:1920px) { .input-prepend { margin-top: 0; margin-left: 34px } }
@media (max-width:1040px) { .input-prepend { margin-left: 10px } }
@media (max-width:690px) { .input-prepend { margin-left: 0; margin-top: 10px !important } }


@media (max-width:1040px) { .input-prepend #amount { max-width: 60px !important } } 
@media (max-width:640px) { .input-prepend #amount { max-width: 200px !important } } 




/* PAYMENT METHOD */
#jdpaymentmethods { float: left; width: 100%; margin-bottom: 50px }

@media (max-width:2560px) { #jdpaymentmethods { margin-bottom: 25px } }
@media (max-width:1920px) { #jdpaymentmethods { margin-bottom: 15px } }
@media (max-width:690px) { #jdpaymentmethods { width: 96%; margin-left: 2%; margin-right: 2% } }


#jdpaymentmethods .control-label { width: 210px !important }

@media (max-width:2560px) { #jdpaymentmethods .control-label { width: 155px !important } }
@media (max-width:1920px) { #jdpaymentmethods .control-label { width: 130px !important } }
@media (max-width:690px) { #jdpaymentmethods .control-label { width: 100% !important } }


@media (max-width:690px) { #jdpaymentmethods .controls { margin-left: 0 !important; margin-top: 10px } }


@media (max-width:690px) { #jdpaymentmethods label { margin-right: 10px !important } }


#jdpaymentmethods input[type="radio"] { width: 30px !important; margin-left: 20px !important; margin-right: 20px }

@media (max-width:1920px) { #jdpaymentmethods input[type="radio"] {  margin-left: 10px !important; margin-right: 10px } }
@media (max-width:1920px) { #jdpaymentmethods input[type="radio"] {  margin-left: 0 !important; margin-right: 0 } }


#jdpaymentmethods label { float: left }


#tr_card_holder_name, #tr_card_number, #tr_exp_date, #tr_cvv_code, #tr_card_type { float: left; margin-right: 30px; margin-bottom: 50px !important }

@media (max-width:2560px) { #tr_card_holder_name, #tr_card_number, #tr_exp_date, #tr_cvv_code, #tr_card_type { margin-bottom: 25px !important } }
@media (max-width:1920px) { #tr_card_holder_name, #tr_card_number, #tr_exp_date, #tr_cvv_code, #tr_card_type { margin-bottom: 15px !important } }
@media (max-width:690px) { #tr_card_holder_name, #tr_card_number, #tr_exp_date, #tr_cvv_code, #tr_card_type { width: 96%; margin-left: 2%; margin-right: 2% } }



	
/* SUBMIT BUTTON */
.form-actions { float: left; width: 100%; padding: 0 !important; background-color: transparent; margin-top: 80px; border: 0 }

@media (max-width:2560px) { .form-actions { margin-top: 60px } }
@media (max-width:1920px) { .form-actions { margin-top: 50px } }
@media (max-width:1040px) { .form-actions { margin-top: 30px } }


.form-actions .btn-primary { width: 100% !important; height: 70px !important; font-family: 'Hammersmith One', sans-serif; font-size: 24px !important; line-height: 20px; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 1.6px; text-shadow: 0; padding: 0 !important; border: 0; font-weight: normal; -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; background-color: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9) }

@media (max-width:2560px) { .form-actions .btn-primary { font-size: 16px !important; height: 45px !important } }
@media (max-width:1920px) { .form-actions .btn-primary { font-size: 12px !important; height: 30px !important } }
@media (max-width:690px) { .form-actions .btn-primary { height: 40px !important; border-radius: 2px !important } }


.form-actions .btn-primary:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none }




/* PAYMENT HEADING */
.payment-heading { position: relative; max-width: 2000px; font-family: 'Hammersmith One', sans-serif; text-align: center; width: 90%; font-size: 50px; line-height: 60px; color: #7C8A94; font-weight: lighter; text-transform: uppercase; letter-spacing: 0.6px; padding: 0 5%; margin: 50px auto }

@media (max-width:2560px) { .payment-heading { max-width: 1200px; font-size: 34px; line-height: 44px } }
@media (max-width:1920px) { .payment-heading { max-width: 800px; font-size: 28px; line-height: 36px } }
@media (max-width:1040px) { .payment-heading { max-width: 600px; font-size: 20px; line-height: 28px } }
@media (max-width:690px) { .payment-heading { width: 80%; font-size: 14px; line-height: 20px; letter-spacing: 1.4px; padding: 0 10% } }