ol, ul {list-style: none;}
label {
    margin-bottom: 0;
    font-weight: 300;
}
body {
    padding-top: 30px;
    padding-bottom: 30px;
}
#receipt_number{font-weight:600;}
.displayNone {display: none;}
.italic {font-style: italic !important;}
.bold {font-weight: bold !important;}
.inlineBlock {display: inline-block;}
.donation-main {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.donation-main input[type=checkbox]:not(old), .donation-main input[type=radio]:not(old) {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    float: left;
}
.donation-main input[type=checkbox]:not(old) + label, .donation-main input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -20px;
    line-height: 19px;
}
.donation-main input[type=checkbox]:not(old) + label > span, .donation-main input[type=radio]:not(old) + label > span,
.donation-main input[type=checkbox]:not(old) + span.fancyBtn, .donation-main input[type=radio]:not(old) + span.fancyBtn {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    border: 1px solid rgb(70,70,70);
    border-radius: 50%;
    background: #ffffff;
    vertical-align: bottom;
}
.donation-main input[type=radio]:not(old) + span.fancyBtn {margin-left: -20px;}
.donation-main input[type=checkbox]:not(old) + label > span, .donation-main input[type=checkbox]:not(old) + span.fancyBtn {
    border-radius: 3px;
    background: #005aa1;
    border: 1px solid #005aa1;
}
.donation-main input[type=checkbox]:not(old) + span.fancyBtn {margin-left: -20px;}

.donation-main input[type=checkbox]:not(old):checked + label > span,
.donation-main input[type=radio]:not(old):checked + label > span,
.donation-main input[type=radio]:not(old):checked + span.fancyBtn {
    background: #ffffff;
}

.donation-main input[type=checkbox]:not(old):checked + label > span,
.donation-main input[type=checkbox]:not(old):checked + span.fancyBtn {
    background: #005aa1;
}
.donation-main input[type=radio]:not(old):checked + label > span > span,
.donation-main input[type=radio]:not(old):checked + span.fancyBtn > span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 4px;
    border-radius: 50%;
    background: #005aa1;
}
.donation-main input[type=checkbox]:not(old):checked + label > span:before,
.donation-main input[type=checkbox]:not(old):checked + span.fancyBtn:before {
    color: #ffffff;
    content: '✓';
    line-height: 17px;
    font-size: 19px;
}
.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}
.pageTitle {
    padding: 15px 0;
}
.pageTitle h1 {margin: 0;}
.donationWrap {
    padding: 10px 0;
}
.donationBox {
    /*margin: 0 20px;*/
    text-align: center;
    color: #fff;
    padding: 1px 0 5px;
    border-radius: 15px;
    border: 2px solid #005aa1;
}
.donationBox1 {background: #005aa1;}
.donationBox2 {
    background: #ffffff;
    color: #005aa1;
}
.donationBox h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 15px 0 8px;
    text-transform: capitalize;
    font-size: 28px;
}
.donationBox p {margin-bottom: 4px;}
.donationBox p.desc {font-size: 13px;}
.donationBox .horizontal_donation {
    margin-top: 20px;
    padding: 0;
}
.btn_ripple, .btn_ripple:visited {
    background-color: #ffffff;
    border: 0;
    color: #005aa1;
    overflow: hidden;
    padding: 10px 15px;
    vertical-align: middle;
    text-decoration: none!important;
    text-transform: uppercase;
    cursor: pointer;
}
.btn_ripple.is_medium, .btn_ripple:visited.is_medium {
    padding: 6px 10px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    min-width: 150px;
}
.donationBox2 .btn_ripple.is_medium, .donationBox2 .btn_ripple:visited.is_medium {
    background: #005aa1;
    color: #ffffff;
}
.btn_ripple:hover, .btn_ripple:visited:hover {
    background-color: #fff;
    border-color: #fff;
    color: #bf1a04;
}
label[for=mMakeGift], label[for=dMakeGift] {
    color: #005aa1;
    font-size: 18px;
    font-weight: 600;
}
.donation-main img {border-radius: 15px;}
.donationThanksBox {
    float: left;
    padding: 40px 30px 30px;
    background: #add8e6;
    font-size: 16px;
}
.donationImgBox img {width: 100%;}

.donationFormWrap {
    color: #333333;
}

/*.donationLevels, .tributeGiftWrap, .donationBoxWrap, .paymentWrap, .donationJoin {
    margin-bottom: 30px;
}*/
.donationLevelWrap {
    display: inline-block;
    padding: 20px;
    margin: 5px 10px 5px 0;
    background: #005aa1;
    border-radius: 10px;
    color: #fff;
}
.donationLevelWrap.checked {
    background: #005aa1;
    color: #fff;
}
#donationLevelOther, #mDonationLevelOther {width: 90px;}
.donationComments input, .donationJoin input {margin-right: 10px;}
.donationBoxWrap{margin-bottom:19px;}
.makeGift {margin-bottom: 15px;}
.tributeGiftWrap fieldset > div, .tributeGiftPerson > div, .giftNotifyInfo > div,
.donationBoxWrap fieldset > div, .paymentWrap fieldset > div {margin-bottom: 10px;}
.donation-main input {
    padding: 4px 5px;
    border: 1px solid #ccc;
}
.tributeGiftWrap select, .donationBoxWrap select, .paymentWrap select, .dayOfMonth select {
    padding: 3px 5px;
    border: 1px solid #ccc;
}
.tributeGiftWrap label, .donationBoxWrap label.organisationLabel, .paymentWrap label {min-width: 150px;}
label#mGPhoneNo-error {min-width: 250px;}
.makeGiftAddress > div + div {margin-top: 10px;}
div.donationSubmit {margin-bottom: 10px;}
input#donationSubmit {
    background: #00a465;
    color: #ffffff;
    border: none;
    padding: 10px 10px;
    border-radius: 3px;
    margin-left: 3px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.tributeReason {margin-bottom: 10px;}
.donationLevelWrap.checked #donationLevelOther, .donationLevelWrap.checked #mDonationLevelOther,
.donationLevelWrap.checked .currencySign {
    display: inline-block !important;
}
.donationFormWrap:before {
    clear: both;
    display: block;
    content: '';
}
.donationForm {
    display: none;
    margin: 20px 0;
}
.donationForm.activeForm {display: block;}
.pageTitle h2 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0;
    color: #005aa1;
}
.donation-main h3 {
    font-size: 21px;
    font-weight: 600;
    color: #005aa1;
    text-transform: capitalize;
}
.donation-main h4 {
    font-size: 18px;
    font-weight: 600;
    color: #005aa1;
}
legend {
    margin-bottom: 10px;
    border: none;
}
.donationJoin legend {
    color: #005aa1;
    font-weight: 600;
}
.donateSection {
    border: 1px solid #9cb1da;
    border-radius: 15px;
    padding: 15px;
}
.donateSection + .donateSection {margin-top: 20px;}
.donationLevels label {font-size: 17px;}
.donationLevels input[type=text] {
    color: #005aa1;
    line-height: 19px;
    padding: 2px 5px;
}
.amountFields {margin-bottom: 20px;}
.donateSection .inlineBlock + .inlineBlock {margin-left: 15px;}
.privacyPolicy {margin: 17px 0;}
.donation-main hr {border-color: #AAAAAA;}
.donateSection hr {
    border-color: #BBBBBB;
    margin-top: 10px;
}
.width100 label {
    width: 100%;
    margin-bottom: 5px;
}
.width100 input, .width100 select {width: 100%;}
#giftPersonS {margin: 0 15px;}
label.error {color: #f01648;}
.dayOfMonth {margin-bottom: 15px;}
.dayOfMonthR {margin-top: 10px;}
.donateMonthWrap, .donateOnDayWrap {
    display: inline-block;
}
.donateMonthWrap, .donateMonthWrap label, .donateOnDayWrap label {margin-right: 10px;}
.donationImgBox:before {
    display: block;
    clear: both;
    content: '';
}
.dThanks {clear: left;}
.dThanks:after {
    display: block;
    content: '';
    clear: both;
}
.dThanks h3 {
    font-style: normal;
    text-transform: initial;
}
.dThanks .imgWrap:nth-child(2n+1){margin-bottom: 15px;}
.dThanks img {
    width: 100%;
}
.preferredPhoneHead {
    margin-bottom: 3px;
    padding-left: 15px;
}
.newsletter {margin-bottom: 10px;}
.newsletter.lastChild {margin-bottom: 20px;}
.currencySymbol {position: relative;}
.checked .currencySymbol:before {
    display: block;
    content: '$';
    line-height: 25px;
    left: 4px;
    position: absolute;
    color: #005aa1;
}
#donationLevelOther, #mDonationLevelOther {padding-left: 12px;}
.generousDonation {color: #FF0000;}

.newsletterByWrap label[for=joinByPost], .newsletterByWrap label[for=joinByEmail],
.newsletterByWrap label[for=joinByPostM], .newsletterByWrap label[for=joinByEmailM] {margin-right: 20px;}

/*.preferredPhone label.error {padding: 0 15px;}*/
.preferredPhone label.error, .newsletterByWrap label.error, .privacyPolicy label.error {
    display: none;
    width: 100%;
}
.dThanksMessage {
    background: #005aa1;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    margin-bottom: 15px;
    font-size: 15px;
}
.dThanksMessage h3 {
    color: #ffffff;
    font-weight: 300;
}
span#cvvWhatsThis {position: relative;}
span.cvvTooltip {
    display: none;
    text-align: left;
    background-color: #005aa1;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    left: -36px;
    top: 23px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}
span.cvvTooltip:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #005aa1;
    left: 38px;
    top: -12px;
}
span#cvvWhatsThis:hover span.cvvTooltip{
    display:block;
    transform-origin: 100% 0;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}
/* Header */
header.header {margin-bottom: 20px;}
.headerLeft {float: left;}
.headerRight {
    float: right;
    margin-top: 55px;
}
.infoTab {float: right;}
.infoTab .helpline, .infoTab .order_info {
    margin: 0 0 0 10px;
    width: 165px;
    height: 53px;
    float: left;
    border: 1px solid #C4C4C4;
}
.infoTab .helpline img, .infoTab .order_info img {
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    width: 28px;
    height: 28px;
}
.infoTab .helpline > span, .infoTab .order_info > span {
    color: #0058A3;
    font-size: 16px;
    font-weight: 400;
    float: right;
    width: 105px;
    margin-top: 5px;
    line-height: 20px;
}
/* Footer */
footer.footer h3 {
    color: #005aa1;
    font-size: 20px;
    border-bottom: 1px solid #666666;
    padding-bottom: 12px;
}
footer.footer a {color: #000000;}
footer .contact {
    width: 80%;
    float: left;
}
.contact .desc {
    border: medium none;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 20px;
    min-height: inherit;
    padding: 10px 0;
}
.contact .desc .fa {
    background: #005aa1;
    border-radius: 50%;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 32px;
    line-height: 18px;
    margin-right: 10px;
    padding: 7px 0 0;
    text-align: center;
    width: 32px;
}
.contact .desc .dis_table {
    display: table;
    margin: 5px 0 0 0;
}
footer .social-links-wrapper {
    text-align: right;
    width: 20%;
    float: left;
}
footer ul.social-links {padding-left: 0;}
.social-links > li {
    padding: 10px 0;
    margin: 0 0px 0 0;
}
.social-links > li > a {
    background: #005aa1;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 32px;
    line-height: 18px;
    padding: 7px 0 0;
    text-align: center;
    width: 32px;
    border: none;
    display: inline-block;
}
.copyright {
    clear: left;
    border-top: 1px solid #666666;
    padding-top: 20px;
    font-size: 13px;
}
.copyright:before {
    display: block;
    clear: both;
    content: '';
}
.humanvalidation{
    margin-bottom:20px;
}

@media (max-width: 992px){
    .hidden_992 {display: none;}
    .infoTab .helpline, .infoTab .order_info {
        width: 70px;
        height: 50px;
    }
    .infoTab .helpline img, .infoTab .order_info img {
        width: 18px;
        height: 18px;
        margin: 5px 0 0 25px;
    }
    .infoTab .helpline span, .infoTab .order_info span {
        font-size: 13px;
        margin-top: 1px;
        width: 70px;
        text-align: center;
    }
}
@media (max-width: 767px){
    .donationBoxWrap + .donationBoxWrap {margin-top: 20px;}
    .donationComments .inlineBlock {display: block;}
    .donateSection .inlineBlock + .inlineBlock {
        margin-left: 0;
        margin-top: 10px;
    }
    #giftPersonS {margin: 0 5px;}
    .makeGiftEmail {clear: left;}
    fieldset > div [class*="col-"] {margin-bottom: 10px;}
    .donationLevelWrap {
        display: block;
        margin-right: 0;
    }
    .headerLeft .logo img {height: 80px;}
    .headerRight {margin-top: 20px;}
}
@media (max-width: 567px){
    footer .contact {width: 100%;}
    footer .social-links-wrapper {
        width: 100%;
        text-align: left;
    }
    .social-links > li {
        display: inline-block;
        margin-right: 20px;
    }
}
@media (max-width: 467px){
    .giftPersonNameI {
        margin-top: 10px;
        display: inline-block;
        margin-left: 74px;
    }
    .headerLeft .logo img {height: 60px;}
    .headerRight {margin-top: 2px;}
    .wait-loading {display:block;}
}