.donate-modal-wrapper { /*! background:#efefef; */ /*! margin-bottom:20px; */ /*! padding:20px 50px; */	 }
.donate-modal-title{ width:100%; /*! max-width:330px; */ text-align:center;     margin: auto;background: rgba(0,0,0,.03);border-bottom: 1px solid #dfdfd7;font-size: 18px;font-weight: 500;padding: 16px 20px;}
.donate-modal-title h2{ text-align:center; font-weight:500px; font-size:24px; line-height:1.2; margin-top: 0;margin: 0;color: #777;font-size: 18px;font-weight: 500;}
.donate-modal-inner{ padding:10px 10px; background-color:#fff;    width: 100%; /*! max-width: 900px; */ margin: 0 auto;text-align: center;}
.donation-form-payment-types {margin: 0px;padding: 0px;margin-top: 10px;}
.donation-form-payment-amount {margin: 0px;padding: 0px;}
.donation-form-payment-types ul, .donation-form-payment-amount ul {margin: 0px;padding: 0px;list-style: none;}
.donation-form-payment-types ul li, .donation-form-payment-amount ul li {margin-bottom: 10px;margin-right: 5px;display: inline-block;background: #d3d3fe;padding: 15px 25px;border-radius: 10px;border: 1px solid #ccc;}
.donation_form_input {display: block;position: relative;padding-right: 35px;	cursor: pointer;font-size: 15px;	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.donation_form_input input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.donation_form_checkmark {position: absolute;top: -2px;	right: 0;height: 20px;width: 20px;background-color: #252f58;border-radius: 50%;}
.donation_form_input input:checked ~ .donation_form_checkmark {background-color: #fff;}
.donation_form_checkmark:after {content: "";position: absolute;display: none;}
.donation_form_input input:checked ~ .donation_form_checkmark:after {display: block;}
.donation_form_input input1 ~ .donation_form_checkmark:after {display: block;}
.donation_form_input .donation_form_checkmark:after {left: 7px;top: 5px;width: 5px;height: 10px;border: solid #252f58;	border-width: 0 3px 3px 0;	-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.donation-form-payment-types ul li.donation_active_tab, .donation-form-payment-amount ul li.donation_active_tab {background: #252f58;color: #FFF;border: 0px solid #ccc;}
.donate-dd-wrapper {display: block;}
.donate-dd-wrapper select {background-color: transparent;display: inline-block;padding: 10px;margin: 10px 1%;	font-size: 18px;width: 47%;border: 0;font-size: 15px;color: #222852;border-bottom: 1px solid #CCC;}
#donationOtherAmountBtn {background: #d3d3fe;padding: 10px 25px;border-radius: 10px;border: 1px solid #ccc;cursor: pointer;display: inline-block;}
#donationOtherAmountBtnText {display: none;width: 300px;margin: 0 auto;border: 1px solid #ccc;position: relative;}
#donationOtherAmountBtnText input, #donationOtherAmountBtnText input:focus, #donationOtherAmountBtnText input:hover, #donationOtherAmountBtnText input:focus-visible {font-size: 16px;appearance: none;background: transparent;border: none;display: inline-block;outline:none;width:200px;}
.donation_form_tax_label {font-size: 15px;margin-bottom: 13px;}
.donation_payment_methods_bg {background-color: #f6f7f4;transition: background-color .15s linear;cursor: pointer;border-radius: 4px;border: 1px solid #bcbcb9;color: #333232;padding: 10px;font-size: 1rem !important;}
.donation_form_payment_methods_section ul {margin: 0px;padding: 0px;}
.donation_form_payment_methods_section ul li { margin-right:5px;display: inline-block;display: inline-block;border: 1px solid transparent;padding: 0.5rem 0.75rem;border-radius: 0.25rem;transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;border-color: #3c3c3b !important;box-shadow: 0px 3px 5px rgb(0 0 0 / 50%);transition: all 0.3s ease 0s;margin-bottom:15px;}
.donation_form_payment_methods_section ul li img {height: 45px !important;}
.donation_form_payment_methods {margin-bottom: 10px;}
.donation-form-payment-amount .donation_form_checkmark {display: none;}
.donation-form-payment-amount .donation_form_input {padding: 0 25px;}
.preinput, .postinput {color: #c1c1ba;font-size: 14px;}
.donation-field-type-submit .elementor-button{ cursor:pointer;}
.donation-register-form {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.donation-form-step2,.donation-form-step3{ display:none;}
.donation-register-form-content {background-color: #fefefe;margin: auto;border: 1px solid #888;width: 50%;position: relative;}
.donation_close {font-size: 20px;font-weight: bold;margin-top: 0;position: absolute;background: red;color: #fff;border-radius: 50px;z-index: 1;padding:0px 5px 4px;right: -10px;width: 25px;height: 25px;line-height: 20px;top: -11px;}
.donation_close:hover,.donation_close:focus {color: #fff;text-decoration: none;cursor: pointer;}
.donate-modal-configuration-error h2 {color: red;font-size: 18px; margin:0px;}

#donation_form_loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000000; background-color: rgba(255,255,255,0.8); text-align: center }
#donation_form_loader #donation_form_loader_container { display: table; height: 100%; vertical-align: middle; width: 100% }
#donation_form_loader #donation_form_loader_container_inner { display: table-cell; height: 100%; vertical-align: middle; width: 100% }
#donation_form_loader #cd_css_loader { border: 14px solid #bbb; border-radius: 50%; border-top: 14px solid #030303; width: 50px; height:50px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; margin: 0 auto }
@-webkit-keyframes spin {  0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {  0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
#donaton_form_css_loader_text { font-size: 16px; font-weight: bold; margin-top: 15px; color: #000; }
#donation_form_loader_data, #donation_form_loader_info_data { position:relative; background: #fff; padding: 25px 50px; max-width: 500px;min-width: 300px; margin: 0 auto; border-radius: 10px; border: 1px solid #ccc; display: inline-block; box-shadow: 5px 5px 2px #ddd; width: auto }
#donation_form_loader_info_data{display: block; width: 90%; margin: auto; max-width: 500px;}
#donation_form_loader_info_data .donation_form_error_popup .fa {font-size: 30px;text-align: center;background: #bf3a3a;color: #fff;border-radius: 100%;width: 50px;height: 50px;line-height: 52px;}
#donation_form_loader_info_data .donation_form_success_popup .fa {font-size: 30px;text-align: center;background: #129e1a;color: #fff;border-radius: 100%;width: 50px;height: 50px;line-height: 52px;}
#donation_form_loader_info_data .fa.success { color: green }
#donation_form_loader_info_data .fa.failed { color: #990000 }
#donation_form_loader_info_data_text { font-size: 16px; margin-top: 10px; color: #000; font-weight:normal;}
.donation_form_error_popup #donation_form_loader_info_data_text{ color:#bf3a3a;}
.donation_form_success_popup #donation_form_loader_info_data_text{ color:#129e1a;}
.donation_form_error_popup .fa.fa-times.df-close-popup,.donation_form_success_popup .fa.fa-times.df-close-popup { cursor:pointer; position: absolute;top: -10px;right: -10px;width: 25px !important;height: 25px !important;line-height: 25px !important;font-size: 16px !important;background: #000 !important;}

.donation-form-step3 .credit_card_security_code { width:50%;}
.donation-form-step3 .creditcardexpmonthyear { width:100%;display: flex;justify-content: flex-start;margin-top: 10px;	flex-wrap: unset;align-items: baseline;}
.donation-form-step3 .credit_card_exp_month {margin-right: 10px; width:50%;}

.donation-form-step3 .credit_card_exp_year {margin-right: 10px;}
.donation-form-step3 .credit_card_number label {text-align: left;display: block;}
.donation-form-step3 .creditcardexpmonthyear label {text-align: left;}
.donation-form-step3 .submit_credit_form input,.donation-form-step3 .submit_credit_form input:hover {width: 100%;margin-top: 10px;color: #fff;background-color: #3860e0;border-color: #3860e0;}
 .credit_card_exp_month, .credit_card_exp_year,.credit_card_security_code {text-align: left;}
html[dir="rtl"]  .donation_close{ left:-10px; right:auto;}


.credit_card_number #credit_card_number {
	background-image: url(../images/images.png),url(../images/images.png);
	background-position: 2px -121px,260px -61px;
	background-size: 120px 372px,120px 361px;
	background-repeat: no-repeat;
	padding-left: 54px;
}

.credit_card_number #credit_card_number.visa {
	background-position: 2px -163px,260px -61px;
}

.credit_card_number #credit_card_number.visa_electron{background-position:2px -208px,260px -61px}
.credit_card_number #credit_card_number.mastercard{background-position:2px -251px,260px -61px}
.credit_card_number #credit_card_number.maestro{background-position:2px -295px,260px -61px}
.credit_card_number #credit_card_number.discover{background-position:2px -337px,260px -61px}
.credit_card_number #credit_card_number.valid.visa{background-position:2px -163px,260px -87px}
.credit_card_number #credit_card_number.valid.visa_electron{background-position:2px -205px,260px -87px}
.credit_card_number #credit_card_number.valid.mastercard{background-position:2px -247px,260px -87px}
.credit_card_number #credit_card_number.valid.maestro{background-position:2px -289px,260px -87px}
.credit_card_number #credit_card_number.valid.discover{background-position:2px -331px,260px -87px}.
