/* Donate Boost styles----------------------------------- */
#donate-boost-wrap { width: 100%; height: 100%; top: 0; left: 0; z-index: 999998; }

#donate-boost { font-family: arial; text-align: center; }

#donate-boost * { padding: 0; margin: 0; box-sizing: border-box; list-style: none; -webkit-overflow-scrolling: touch; }

#donate-boost .donate-boost-form { position: relative; margin: 0 auto; width: 320px; z-index: 999999; }

#donate-boost .donate-boost-form .radius-full { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

#donate-boost .donate-boost-form .radius-bottom { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

#donate-boost .donate-boost-form .donate-boost-form-wrap { padding: 14px 24px 24px 24px; overflow: hidden; background: #ffffff; background-color: #f3f3f3; background-image: -webkit-linear-gradient(top, #fafafa, #f3f3f3); background-image: -webkit-linear-gradient(top,#fafafa, #f3f3f3); background-image: linear-gradient(to bottom,#fafafa, #f3f3f3); }

@media (min-width: 48em) { #donate-boost .donate-boost-form .donate-boost-form-wrap { box-shadow: 0px 35px 85px 0px rgba(0, 0, 0, 0.4); } }

#donate-boost .donate-boost-form .donate-boost-form-outerwrap { -webkit-animation-duration: .5s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

#donate-boost .donate-boost-form .form-wrap { border: 1px solid #dadada; background: #ffffff; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin: 10px 0; -webkit-animation-duration: 1s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

#donate-boost .donate-boost-form .form-wrap.de-tiers-wrap { border: 0; background: none; }

#donate-boost .donate-boost-form input { font-family: Arial, "Lucida Grande", sans-serif; color: #588DCA; background: #ffffff; padding: 8px; font-size: 16px; font-weight: 300; line-height: 21px; text-align: left; width: 100%; height: 36px; line-height: inherit; border: 0px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: inset rgba(81, 203, 238, 0) 0px 0px 3px; }

#donate-boost .donate-boost-form input::-webkit-input-placeholder { font-family: Arial, "Lucida Grande", sans-serif; color: #9f9fa5; font-style: normal !important; }

#donate-boost .donate-boost-form input::-moz-placeholder { font-family: Arial, "Lucida Grande", sans-serif; color: #9f9fa5; font-style: normal !important; }

#donate-boost .donate-boost-form input:-moz-placeholder { font-family: Arial, "Lucida Grande", sans-serif; color: #9f9fa5; font-style: normal !important; }

#donate-boost .donate-boost-form input:-ms-input-placeholder { font-family: Arial, "Lucida Grande", sans-serif; color: #9f9fa5; font-style: normal !important; }

@media (min-width: 40em) { #donate-boost .donate-boost-form input { font-size: 13px; } }

#donate-boost .donate-boost-form input.donate-boost-error { border: solid 1px red; }

#donate-boost .donate-boost-form .circle { background-color: #ffffff; box-shadow: 0px 1px 1px 0px #4478b2; height: 10px; margin: 0 0 3px 0; width: 10px; display: inline-block; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; opacity: 0; }

#donate-boost .donate-boost-form #circle1 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; }

#donate-boost .donate-boost-form #circle2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; }

#donate-boost .donate-boost-form #circle3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; }

#donate-boost .donate-boost-form .de-amount input { width: 100%; height: 50px; font-size: 32px; line-height: 36px; font-weight: 300; box-shadow: none; text-align: center; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: inset 0; }

#donate-boost .donate-boost-form .de-amount input:focus { box-shadow: inset rgba(81, 203, 238, 0.5) 0px 0px 3px; }

#donate-boost .donate-boost-form .de-tiers { font-family: Arial, "Lucida Grande", sans-serif; color: #9f9fa5; padding: 0; margin: 4px 0; font-size: 12px; line-height: 20px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; text-align: left; display: inline-block; width: 100%; }

#donate-boost .donate-boost-form .de-tiers a { color: #9f9fa5; font-weight: 400; width: 100%; display: block; padding: 3px 3px 3px 8px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border: 0; }

#donate-boost .donate-boost-form .de-tiers .message:before { font-family: FontAwesome; content: '\f0c8'; padding-right: 4px; padding-left: 2px; }

#donate-boost .donate-boost-form .de-tiers .selected .message:before { font-family: FontAwesome; content: '\f14a'; padding-right: 4px; padding-left: 2px; }

#donate-boost .donate-boost-form .de-tiers .selected { background: #e8e8e8; color: #588DCA; }

#donate-boost .donate-boost-form .de-tiers li { width: 50%; float: left; padding: 0px; }

#donate-boost .donate-boost-form .de-tiers .amount { display: none; }

#donate-boost .donate-boost-form .de-subscription { clear: both; display: block; color: #ffffff; background: #9f9fa5; padding: 2px; overflow: hidden; }

#donate-boost .donate-boost-form .de-subscription label { float: left; font-size: 11px; height: 18px; }

#donate-boost .donate-boost-form .de-subscription label li.checkbox { width: 20px; float: left; padding: 0; margin: 0; }

#donate-boost .donate-boost-form .de-subscription label li.label { float: left; text-align: left; font-weight: 600; letter-spacing: 0px; line-height: 20px; padding: 0 0 0 3px; margin: 0; height: 20px; }

#donate-boost .donate-boost-form .de-subscription label li input { height: 20px; }

#donate-boost .donate-boost-form .de-email input#email, #donate-boost .donate-boost-form .de-email input#honoree, #donate-boost .donate-boost-form .de-honoree input#email, #donate-boost .donate-boost-form .de-honoree input#honoree { padding-left: 30px; }

#donate-boost .donate-boost-form .de-email i, #donate-boost .donate-boost-form .de-honoree i { line-height: 18px; width: 20px; position: absolute; padding: 8px 0 0 10px; color: #9f9fa5; font-size: 14px; }

#donate-boost .donate-boost-form .de-amount, #donate-boost .donate-boost-form .de-email { width: 100%; }

#donate-boost .donate-boost-form .de-cc input#cardNumber, #donate-boost .donate-boost-form .de-cc input#name { padding-left: 30px; }

#donate-boost .donate-boost-form .de-cc i { line-height: 18px; width: 20px; position: absolute; padding: 8px 0 0 10px; color: #9f9fa5; font-size: 14px; }

#donate-boost .donate-boost-form .de-mm { border-top: solid 1px #dadada; border-right: solid 1px #dadada; float: left; width: 33%; }

#donate-boost .donate-boost-form .de-yy { float: left; width: 33%; border-top: solid 1px #dadada; border-right: solid 1px #dadada; }

#donate-boost .donate-boost-form .de-cvc { float: left; width: 34%; border-top: solid 1px #dadada; }

#donate-boost .donate-boost-form input#first_name, #donate-boost .donate-boost-form input#last_name, #donate-boost .donate-boost-form input#area-code, #donate-boost .donate-boost-form input#phone, #donate-boost .donate-boost-form input#address, #donate-boost .donate-boost-form input#city, #donate-boost .donate-boost-form input#state, #donate-boost .donate-boost-form input#postal-code { text-transform: capitalize; }

#donate-boost .donate-boost-form .de-name { border-bottom: solid 1px #dadada; width: 100%; }

#donate-boost .donate-boost-form .de-name input#first_name { padding-left: 30px; }

#donate-boost .donate-boost-form .de-name i { line-height: 18px; width: 20px; position: absolute; padding: 8px 0 0 10px; color: #9f9fa5; font-size: 14px; }

#donate-boost .donate-boost-form .de-area-code { float: left; width: 50%; border-right: solid 1px #dadada; }

#donate-boost .donate-boost-form .de-area-code i { line-height: 18px; width: 20px; position: absolute; padding: 8px 0 0 10px; color: #9f9fa5; font-size: 14px; }

#donate-boost .donate-boost-form .de-phone { float: left; width: 50%; }

#donate-boost .donate-boost-form .de-address { float: left; width: 100%; border-bottom: solid 1px #dadada; }

#donate-boost .donate-boost-form .de-address input#address { padding-left: 30px; }

#donate-boost .donate-boost-form .de-address i { line-height: 18px; width: 20px; position: absolute; padding: 8px 0 0 10px; color: #9f9fa5; font-size: 14px; }

#donate-boost .donate-boost-form .de-city { float: left; width: 50%; border-right: solid 1px #dadada; }

#donate-boost .donate-boost-form .de-state { float: left; width: 25%; border-right: solid 1px #dadada; }

#donate-boost .donate-boost-form .de-code { float: left; width: 25%; }

#donate-boost button#stripe-submit, #donate-boost button.donor-submit, #donate-boost input[type="submit"], #donate-boost input[type="button"], #donate-boost input[type="reset"] { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 100%; font-size: 24px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 10px 4px; margin: 10px 0 0 0; border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; cursor: pointer; color: #ffffff; line-height: 24px; height: 44px; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); background-image: url(../images/btn-bg.png); }

#donate-boost button#stripe-submit:focus, #donate-boost button#stripe-submit:hover, #donate-boost button#stripe-submit:active, #donate-boost button.donor-submit:focus, #donate-boost button.donor-submit:hover, #donate-boost button.donor-submit:active, #donate-boost input[type="submit"]:focus, #donate-boost input[type="submit"]:hover, #donate-boost input[type="submit"]:active, #donate-boost input[type="button"]:focus, #donate-boost input[type="button"]:hover, #donate-boost input[type="button"]:active, #donate-boost input[type="reset"]:focus, #donate-boost input[type="reset"]:hover, #donate-boost input[type="reset"]:active { background-image: none; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); }

#donate-boost button#stripe-submit:disabled, #donate-boost button.donor-submit:disabled, #donate-boost input[type="submit"]:disabled, #donate-boost input[type="button"]:disabled, #donate-boost input[type="reset"]:disabled { opacity: 0.5; cursor: not-allowed; }

#donate-boost .close-button { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 120px; font-size: 14px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 5px 4px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px; border: solid 1px #fff; cursor: pointer; color: #ffffff; line-height: 24px; }

#donate-boost #stripe-progress { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 100%; font-size: 24px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 10px 4px; margin: 8px 0 0 0; border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; cursor: pointer; color: #ffffff; line-height: 24px; height: 44px; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); background-image: none; }

#donate-boost #stripe-progress:focus, #donate-boost #stripe-progress:hover, #donate-boost #stripe-progress:active { box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); }

#donate-boost .payment-errors .de-error-content { background: red; padding: 10px; color: white; text-align: center; font-size: 12px; }

#donate-boost select { font-family: Arial, "Lucida Grande", sans-serif; font-size: 13px; padding: 12px 0 12px 10px !important; width: 100%; text-align: center !important; color: #588DCA; background: #F4F4F4; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border: none; box-shadow: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#donate-boost select:focus { outline: none; }

#donate-boost .video-container { height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 1.5rem; }

#donate-boost .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#donate-boost .donate-boost-success-wrap { height: 320px; width: 320px; display: table-cell; vertical-align: middle; color: white !important; }

#donate-boost .donate-boost-success-wrap .fa-check-circle { font-size: 65px; color: #ffffff; }

#donate-boost .donate-boost-success-wrap h1 { font-family: arial; color: white !important; font-size: 24px; font-weight: 300; }

#donate-boost .donate-boost-success-wrap p { color: white !important; font-size: 14px; margin: 20px 0 0 0; }

#donate-boost .donate-boost-success-wrap p a { color: white !important; text-decoration: underline; }

#donate-boost .donate-boost-success-wrap .donate-boost-success-check { text-align: center; padding-bottom: 1.25rem; display: block; }

.donate-boost-form-header { font-family: Arial, "Lucida Grande", sans-serif; overflow: hidden; padding: 5px 10px 0px 10px; z-index: 999999; color: #CCC; }

@media (min-width: 40em) { .donate-boost-form-header { padding: 15px; background-color: transparent; } }

.donate-boost-form-header .ssl { width: 50%; font-size: 12px; line-height: 18px; text-align: left; float: left; }

.donate-boost-form-header .donate-boost-dismiss { width: 50%; font-size: 15px; line-height: 18px; text-align: right; float: left; }

.donate-boost-form-header .donate-boost-dismiss .donate-boost-close { cursor: pointer; width: 30px; float: right; }

#de-branding { color: #707070; text-align: center; padding: 10px 0 0 0; }

#donate-boost-logo { bottom: 20px; position: absolute; margin: 0 auto; left: 0; right: 0; opacity: .25; width: 88px; height: auto; }

.donate-boost-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999998; background: rgba(34, 34, 34, 0.88); }