.hero-image {
    position: relative
}

    .hero-image:after {
        background: rgba(10,10,10,.3);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.footer-nav-item, h1, h2, h3, h4, h5, h6 {
    font: 900 1em/1.5 Nunito,sans-serif
}

figcaption, li, p {
    font: 400 1em/1.5 Nunito,sans-serif
}

.footer-nav-item, h1, h2, h3, h4, h5, h6 {
    color: #cf2c91;
    letter-spacing: .5px
}

h1 {
    font-size: 2.125em;
    line-height: 1.08
}

@media screen and (min-width:1280px) {
    h1 {
        font-size: 2.5em
    }
}

h2 {
    font-size: 1.6875em;
    line-height: 1.037
}

@media screen and (min-width:1280px) {
    h2 {
        font-size: 2.0625em
    }
}

h3 {
    font-size: 1.4375em;
    line-height: 1.4
}

@media screen and (min-width:1280px) {
    h3 {
        font-size: 1.6875em
    }
}

h4 {
    font-size: 1.1875em;
    line-height: .89
}

@media screen and (min-width:1280px) {
    h4 {
        font-size: 1.4375em
    }
}

h5 {
    font-size: 1em;
    line-height: 1
}

@media screen and (min-width:1280px) {
    h5 {
        font-size: 1.25em
    }
}

.footer-nav-item, h6 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .1em
}

figcaption a, li a, p a {
    transition: all .5s ease 0s
}

    figcaption a:hover, li a:hover, p a:hover {
        color: #25457e
    }

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-wrap: break-word
}

figcaption, li, p {
    font-size: .875rem;
    line-height: 1.46;
    margin-bottom: .8125em;
    overflow-wrap: break-word;
    word-wrap: break-word
}

@media screen and (min-width:1280px) {
    figcaption, li, p {
        font-size: 1rem
    }
}

a {
    color: #25457e;
    text-decoration: none;
    font-weight: 500
}

*, :after, :before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.donate-submit, body {
    font: 300 16px/1.4 nunito,Helvetica,Arial,sans-serif;
    color: #000
}

.clear:after, .clear:before, .slick-list:after, .slick-list:before, .slick-track:after, .slick-track:before {
    content: ' ';
    display: table
}

.clear:after, .slick-list:after, .slick-track:after {
    clear: both
}

.wrapper {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width:1280px) {
    .wrapper {
        width: 70%
    }
}

.donation-stage-actions, .donation-stage-amounts, .donation-stage-amounts > div, .donation-stage-fields .form-field, .donation-stage-fields-row, .donation-stage-heading, .donation-stage-heading-additional, .donation-stage-heading-additional-logos, .footer-header, .tabs {
    display: flex;
    flex-wrap: wrap
}

.sr-only {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    top: auto;
    overflow: hidden
}

.header {
    padding: 1em;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:1280px) {
    .header {
        padding: 1em
    }
}

.header img {
    width: 120px;
    height: auto
}

@media screen and (min-width:1280px) {
    .header img {
        width: 200px
    }
}

.header h1 {
    text-align: center;
    padding: 40px 0
}

@media screen and (min-width:1280px) {
    .header h1 {
        padding: 30px 0 70px 0
    }
}

.donation-stage {
    background: #f3f3f3;
    margin-bottom: 40px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(10,10,10,.1)
}

@media screen and (min-width:1280px) {
    .donation-stage {
        margin-bottom: 80px
    }
}

.donation-stage-heading {
    align-content: center;
    margin-bottom: 40px;
    flex-direction: column;
    text-align: center
}

@media screen and (min-width:1280px) {
    .donation-stage-heading {
        margin-bottom: 60px;
        text-align: left;
        flex-direction: row;
        justify-content: space-between
    }
}

.donation-stage-heading .counter {
    text-align: center;
    width: 100%;
    margin-top: 20px
}

    .donation-stage-heading .counter p {
        font-size: 13px;
        font-size: .8125rem;
        margin-bottom: 10px
    }

.donation-stage-heading .counter-bar {
    height: 10px;
    width: 120px;
    margin: auto;
    background: #fff;
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

@media screen and (min-width:1280px) {
    .donation-stage-heading .counter-bar {
        height: 20px;
        width: 170px
    }
}

.donation-stage-heading .counter-bar:after {
    content: '';
    background: #25457e;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px
}

.donation-stage-heading .counter-bar[data-width="25%"]:after {
    width: 25%
}

.donation-stage-heading .counter-bar[data-width="50%"]:after {
    width: 50%
}

.donation-stage-heading .counter-bar[data-width="75%"]:after {
    width: 75%
}

@media screen and (min-width:1280px) {
    .donation-stage-heading .counter {
        margin-top: 0;
        width: 170px
    }
}

.donation-stage-heading-additional {
    margin: 40px 0 0 0
}

@media screen and (min-width:1280px) {
    .donation-stage-heading-additional {
        margin: 40px 0
    }
}

.donation-stage-heading-additional p {
    width: 100%;
    margin-bottom: 40px;
    text-align: left
}

@media screen and (min-width:960px) {
    .donation-stage-heading-additional p {
        width: 50%;
        margin-bottom: 0
    }
}

.donation-stage-heading-additional-logos {
    width: 100%;
    text-align: center
}

    .donation-stage-heading-additional-logos img {
        width: calc(40% - 20px);
        height: auto;
        margin: auto
    }

@media screen and (min-width:1280px) {
    .donation-stage-heading-additional-logos img {
        margin: 0 0 0 10px;
        width: 150px
    }
}

@media screen and (min-width:960px) {
    .donation-stage-heading-additional-logos {
        width: 50%;
        text-align: right;
        display: block
    }
}

.donation-stage-container {
    padding: 40px 15px
}

@media screen and (min-width:1280px) {
    .donation-stage-container {
        padding: 30px
    }
}

@media screen and (min-width:1280px) {
    .donation-stage-fields-row {
        margin: 0 -20px 50px -20px
    }
}

.donation-stage-fields .form-field {
    flex-direction: column;
    justify-content: space-between;
    margin: 0 0 30px 0;
    width: 100%
}

    .donation-stage-fields .form-field label {
        display: block;
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 5px
    }

@media screen and (min-width:1280px) {
    .donation-stage-fields .form-field label {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.donation-stage-fields .form-field.why-donate {
    margin-top: 30px
}

    .donation-stage-fields .form-field.why-donate legend {
        margin: 0 0 40px 0
    }

.donation-stage-fields .form-field select {
    width: 100%;
    height: 45px;
    border: solid 1px;
    border-color: #25457e;
    -webkit-appearance: none;
    padding: 2px 65px 0 15px;
    border-radius: 4px;
    background: url(../images/select-arrow.svg) calc(100% - 15px)/30px no-repeat #fff;
    color: #555;
    font-family: Nunito;
    font-weight: 300;
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.125rem;
    transition: all .5s ease 0s
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .form-field select {
        height: 56px;
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 500
    }
}

.donation-stage-fields .form-field select::-ms-expand {
    display: none
}

.donation-stage-fields .form-field select.selection {
    color: #000;
    font-weight: 500
}

.donation-stage-fields .form-field select:focus {
    color: #000;
    outline: 0;
    border-color: #cf2c91
}

.donation-stage-fields .form-field input:not([type=radio]) {
    width: 100%;
    border: solid 1px;
    border-color: #25457e;
    border-radius: 4px
}

@media screen and (min-width:960px) {
    .donation-stage-fields .form-field {
        padding: 0 20px;
        margin: 0 0 40px 0
    }

    .donation-stage-fields .form-field-33 {
        width: 33.33%
    }

    .donation-stage-fields .form-field-66 {
        width: 66.66%
    }

    .donation-stage-fields .form-field-50 {
        width: 50%
    }

        .donation-stage-fields .form-field-50.singled {
            margin-right: 50%
        }

    .donation-stage-fields .form-field-100 {
        width: 100%
    }

    .donation-stage-fields .form-field-40 {
        width: 40%
    }

    .donation-stage-fields .form-field-20 {
        width: 20%
    }

    .donation-stage-fields .form-field-25 {
        width: 25%
    }

    .donation-stage-fields .form-field-15 {
        width: 15%
    }
}

.donation-stage-fields .form-field.other {
    display: none;
    margin-right: 33%
}

.donation-stage-fields .form-field.logos {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 20px;
    order: -1
}

    .donation-stage-fields .form-field.logos img {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px
    }

@media screen and (min-width:560px) {
    .donation-stage-fields .form-field.logos img {
        width: 150px;
        margin: 0 10px
    }
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .form-field.logos img {
        width: 150px;
        margin: 0 0 0 10px
    }
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .form-field.logos {
        order: 0;
        width: 60%;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        margin-bottom: 60px
    }
}

.donation-stage-fields .form-field-currency {
    display: block;
    text-align: center;
    margin: 0 0 40px 0
}

    .donation-stage-fields .form-field-currency label, .donation-stage-fields .form-field-currency select {
        display: inline-block;
        vertical-align: middle
    }

    .donation-stage-fields .form-field-currency label {
        margin-right: 10px;
        margin: 0 10px 0 0;
        display: none
    }

@media screen and (min-width:1280px) {
    .donation-stage-fields .form-field-currency label {
        display: inline-block
    }
}

.donation-stage-fields .form-field-currency select {
    width: 150px;
    height: 45px;
    padding: 0 10px;
    line-height: 46px;
    background: url(../images/select-arrow.svg) 88%/25px no-repeat #fff
}

.donation-stage-fields hr {
    border: dashed 1px #1fa1af;
    margin: 20px 0 30px 0
}

@media screen and (min-width:1280px) {
    .donation-stage-fields hr {
        margin: 20px 0 60px 0
    }
}

.donation-stage-fields .gdpr {
    background: #fef9f7;
    padding: 40px 20px;
    margin: 0 0 30px 0;
    border-radius: 20px;
    overflow: hidden
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gdpr {
        padding: 60px;
        margin: 0 0 30px 0
    }
}

.donation-stage-fields .gdpr-initial {
    margin-bottom: 40px
}

    .donation-stage-fields .gdpr-initial p {
        margin-bottom: 20px
    }

.donation-stage-fields .gdpr-radio {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-right: 40px;
    margin-bottom: 15px
}

@media screen and (min-width:960px) {
    .donation-stage-fields .gdpr-radio {
        margin-bottom: 0
    }
}

.donation-stage-fields .gdpr-radio input:checked + label::after {
    transform: scale(1)
}

.donation-stage-fields .gdpr-radio input:focus + label::before {
    border-color: #25457e
}

.donation-stage-fields .gdpr-radio label {
    cursor: pointer
}

    .donation-stage-fields .gdpr-radio label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -2px;
        left: 0;
        background: #fff;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: 2px solid #333
    }

    .donation-stage-fields .gdpr-radio label:after {
        content: "";
        display: inline-block;
        position: absolute;
        height: 17px;
        width: 17px;
        background: #25457e;
        left: 4px;
        top: 2px;
        border-radius: 50%;
        transform: scale(0);
        transition: all .3s cubic-bezier(.68,-.55,.27,1.55) 0s
    }

.donation-stage-fields .gdpr-checkboxes {
    width: 100%;
    /*display: none*/
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gdpr-checkboxes {
        width: 70%
    }
}

.donation-stage-fields .gdpr-checkboxes legend {
    margin-bottom: 20px
}

.donation-stage-fields .gdpr-checkboxes p {
    margin-bottom: 40px
}

.donation-stage-fields .gdpr-checkbox {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gdpr-checkbox {
        padding-left: 50px
    }
}

.donation-stage-fields .gdpr-checkbox input {
    opacity: 0;
    cursor: pointer
}

    .donation-stage-fields .gdpr-checkbox input:checked + label::after {
        border-left: 3px solid #25457e;
        border-bottom: 3px solid #25457e;
        transform: scale(1) rotate(-45deg)
    }

    .donation-stage-fields .gdpr-checkbox input:focus + label::before {
        border-color: #25457e
    }

.donation-stage-fields .gdpr-checkbox label {
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer
}

    .donation-stage-fields .gdpr-checkbox label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -2px;
        left: 0;
        background: #fff;
        height: 25px;
        width: 25px;
        border: 2px solid #333
    }

    .donation-stage-fields .gdpr-checkbox label:after {
        content: "";
        display: inline-block;
        position: absolute;
        height: 8px;
        width: 16px;
        left: 5px;
        top: 5px;
        border-left: 3px solid transparent;
        border-bottom: 3px solid transparent;
        transform: scale(0) rotate(-45deg);
        transition: all .3s cubic-bezier(.68,-.55,.27,1.55) 0s
    }

.donation-stage-fields .gdpr-checkbox span {
    display: none
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gdpr-checkbox span {
        display: inline
    }
}

.donation-stage-fields .gdpr > p {
    margin-top: 30px
}

.donation-stage-fields .why-donate .form-field-100 {
    display: block
}

@media screen and (min-width:960px) {
    .donation-stage-fields .why-donate .form-field-100 {
        display: none
    }
}

.donation-stage-fields .why-donate-col {
    width: 100%;
    display: none
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .why-donate-col > div:last-of-type {
        margin-bottom: 0
    }
}

@media screen and (min-width:960px) {
    .donation-stage-fields .why-donate-col {
        width: 50%;
        float: left;
        display: block
    }
}

.donation-stage-fields .why-donate-single {
    padding-left: 40px;
    margin: 0 0 30px 0;
    position: relative
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .why-donate-single {
        padding-left: 50px;
        margin: 0 0 20px 0
    }
}

.donation-stage-fields .why-donate-single input {
    cursor: pointer
}

    .donation-stage-fields .why-donate-single input:checked + label::after {
        opacity: 1;
        transform: scale(1)
    }

    .donation-stage-fields .why-donate-single input:focus + label::before {
        border-color: #25457e
    }

.donation-stage-fields .why-donate-single label {
    font-weight: 300;
    cursor: pointer
}

    .donation-stage-fields .why-donate-single label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background: #fff;
        height: 25px;
        width: 25px;
        border: 1px solid #dfdfdf
    }

@media screen and (min-width:1280px) {
    .donation-stage-fields .why-donate-single label:before {
        top: 2px
    }
}

.donation-stage-fields .why-donate-single label:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 15px;
    left: 5px;
    top: 5px;
    background: #25457e;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: all .3s cubic-bezier(.68,-.55,.27,1.55) 0s
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .why-donate-single label:after {
        top: 7px
    }
}

.donation-stage-fields .why-donate-advertisement, .donation-stage-fields .why-donate-appeal, .donation-stage-fields .why-donate-corporate, .donation-stage-fields .why-donate-fundraiser, .donation-stage-fields .why-donate-memory, .donation-stage-fields .why-donate-other {
    width: 100%;
    float: left;
    display: none
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .why-donate-advertisement, .donation-stage-fields .why-donate-appeal, .donation-stage-fields .why-donate-corporate, .donation-stage-fields .why-donate-fundraiser, .donation-stage-fields .why-donate-memory, .donation-stage-fields .why-donate-other {
        margin: 40px 0 0 0
    }
}

.donation-stage-fields .why-donate-advertisement textarea, .donation-stage-fields .why-donate-appeal textarea, .donation-stage-fields .why-donate-corporate textarea, .donation-stage-fields .why-donate-fundraiser textarea, .donation-stage-fields .why-donate-memory textarea, .donation-stage-fields .why-donate-other textarea {
    width: 100%;
    padding: 20px;
    height: 200px
}

.stage-three .donation-stage-fields p {
    width: 100%;
    margin-bottom: 40px
}

    .stage-three .donation-stage-fields p:first-of-type {
        margin-bottom: 20px
    }

@media screen and (min-width:1280px) {
    .stage-three .donation-stage-fields p {
        width: 70%
    }
}

.donation-stage-fields .gift-aid-checkbox {
    clear: both;
    position: relative;
    padding-left: 60px;
    margin-bottom: 50px
}

    .donation-stage-fields .gift-aid-checkbox input {
        opacity: 0;
        cursor: pointer
    }

        .donation-stage-fields .gift-aid-checkbox input:checked + label::after {
            border-left: 4px solid #25457e;
            border-bottom: 4px solid #25457e;
            transform: scale(1) rotate(-45deg)
        }

        .donation-stage-fields .gift-aid-checkbox input:focus + label::before {
            border-color: #25457e
        }

    .donation-stage-fields .gift-aid-checkbox label {
        font-size: 18px;
        font-size: 1.125rem;
        cursor: pointer
    }

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-checkbox label {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.donation-stage-fields .gift-aid-checkbox label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 0;
    background: #fff;
    height: 35px;
    width: 35px;
    border: 2px solid #25457e
}

.donation-stage-fields .gift-aid-checkbox label:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 11px;
    width: 26px;
    left: 5px;
    top: 7px;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: scale(0) rotate(-45deg);
    transition: all .3s cubic-bezier(.68,-.55,.27,1.55) 0s
}

.donation-stage-fields .gift-aid-promo {
    margin-bottom: 60px;
    text-align: center
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo {
        text-align: left;
        float: left;
        width: calc(100% - 150px)
    }
}

.donation-stage-fields .gift-aid-promo > * {
    display: inline-block
}

.donation-stage-fields .gift-aid-promo p.amount {
    margin: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 1
}

.donation-stage-fields .gift-aid-promo .initial-amount {
    position: relative;
    padding-right: 40px
}

    .donation-stage-fields .gift-aid-promo .initial-amount:after {
        right: 10px;
        content: '';
        position: absolute;
        background-image: url('../images/arrow-small.svg');
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        top: calc(27% - 10px)
    }

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo .initial-amount:after {
        right: 35px;
        height: 40px;
        width: 70px;
        top: calc(23% - 20px);
        background-image: url('../images/arrow.svg');
    }
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo .initial-amount {
        padding-right: 140px
    }
}

.donation-stage-fields .gift-aid-promo .initial-amount p.amount {
    color: #25457e;
    font-size: 30px;
    font-size: 1.875rem
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo .initial-amount p.amount {
        font-size: 50px;
        font-size: 3.125rem;
        margin-bottom: 5px
    }
}

.donation-stage-fields .gift-aid-promo .giftaid-amount p.amount {
    color: #cf2c91;
    font-size: 30px;
    font-size: 1.875rem
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo .giftaid-amount p.amount {
        font-size: 80px;
        font-size: 5rem;
        line-height: .8
    }
}

.donation-stage-fields .gift-aid-promo p.tagline {
    width: 100%;
    text-align: center;
    font-size: 9px;
    font-size: .5625rem;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-promo p.tagline {
        font-size: 13px;
        font-size: .8125rem
    }
}

.donation-stage-fields .gift-aid-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px
}

@media screen and (min-width:1280px) {
    .donation-stage-fields .gift-aid-logo {
        float: right;
        width: 150px;
        position: relative;
        top: 10px;
        left: 0
    }
}

.donation-stage-amounts {
    justify-content: space-around;
    width: 100%;
    margin: 0 auto 30px 0
}

@media screen and (min-width:960px) {
    .donation-stage-amounts {
        width: 85%;
        margin: 0 auto 30px auto
    }
}

.donation-stage-amounts > div {
    justify-content: center;
    align-content: center;
    cursor: pointer;
    width: 90px;
    height: 90px;
    position: relative
}

@media screen and (min-width:560px) {
    .donation-stage-amounts > div {
        width: 160px;
        height: 160px
    }
}

@media screen and (min-width:960px) {
    .donation-stage-amounts > div {
        width: 200px;
        height: 200px
    }
}

.donation-stage-amounts > div p {
    position: relative;
    z-index: 1;
    font-weight: 900;
    color: #fff;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-top: 5px;
    align-self: center;
    -webkit-backface-visibility: hidden;
    margin-bottom: .7em
}

@media screen and (min-width:560px) {
    .donation-stage-amounts > div p {
        font-size: 50px;
        font-size: 3.125rem;
        margin-top: 13px
    }
}

@media screen and (min-width:960px) {
    .donation-stage-amounts > div p {
        font-size: 55px;
        font-size: 3.4375rem;
        margin-top: 11px
    }
}

.donation-stage-amounts > div img {
    width: 90px;
    height: auto;
    position: absolute;
    left: 0;
    z-index: 0;
    opacity: 0;
    transform: scale(.5);
    transition: all .5s ease 0s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media screen and (min-width:560px) {
    .donation-stage-amounts > div img {
        width: 170px;
        height: 170px;
        position: absolute;
        top: -20px;
        left: -5px
    }
}

@media screen and (min-width:960px) {
    .donation-stage-amounts > div img {
        width: 200px;
        height: 200px;
        position: absolute;
        top: calc(50% - 122px);
        left: 0
    }
}

.donation-stage-amounts > div .circle {
    height: 80px;
    width: 80px;
    top: calc(50% - 47px);
    left: calc(50% - 40px);
    border-radius: 50%;
    position: absolute;
    transform: scale(1);
    opacity: .5;
    transition: all .5s ease 0s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #1fa1af
}

@media screen and (min-width:560px) {
    .donation-stage-amounts > div .circle {
        width: 150px;
        height: 150px;
        top: calc(50% - 85px);
        left: calc(50% - 75px)
    }
}

@media screen and (min-width:960px) {
    .donation-stage-amounts > div .circle {
        height: 160px;
        width: 160px;
        top: calc(50% - 97px);
        left: calc(50% - 82px)
    }
}

.donation-stage-amounts > div:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    bottom: -30px;
    left: calc(50% - 35px);
    opacity: 0;
    transition: all .5s ease 0s
}

@media screen and (min-width:960px) {
    .donation-stage-amounts > div:after {
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 30px solid #fff
    }
}

.donation-stage-amounts > div.selected img {
    opacity: 1;
    transform: scale(1.1)
}

.donation-stage-amounts > div.selected .circle {
    opacity: 0;
    transform: scale(0)
}

.donation-stage-amounts > div.selected:after {
    opacity: 1
}

.donation-stage-amounts > div.selected.hide-arrow:after {
    opacity: 0
}

.donation-stage-amounts > div:hover img {
    opacity: 1;
    transform: scale(1.15);
    transition: all .5s ease 0s
}

.donation-stage-amounts > div:hover .circle {
    opacity: 0;
    transform: scale(.7);
    transition: all .5s ease 0s
}

.donation-stage-amounts > div:hover:after {
    opacity: 1
}

.donation-stage-descriptions {
    background: #fff;
    margin: auto
}

@media screen and (min-width:960px) {
    .donation-stage-descriptions {
        padding: 20px;
        width: calc(85% - 60px)
    }
}

.donation-stage-descriptions > div {
    padding: 20px;
    text-align: center;
    display: none
}

@media screen and (min-width:960px) {
    .donation-stage-descriptions > div {
        padding: 0 30px
    }
}

.donation-stage-descriptions > div p {
    margin-bottom: 0
}

.donation-stage-descriptions > div h3 {
    margin-bottom: 20px;
    font-size: 20px
}

.donation-stage-descriptions > div.selected {
    display: block
}

.donation-stage-actions {
    flex-direction: column-reverse;
    text-align: center;
    position: relative
}

@media screen and (min-width:1280px) {
    .donation-stage-actions {
        display: block;
        text-align: right
    }
}

.donation-stage-actions-help {
    color: #25457e;
    z-index: 11;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    top: auto;
    right: 20px;
    width: 100px;
    height: 44px;
    left: auto;
    background: #fff;
    padding: 0 10px;
    border-radius: 50px;
    box-shadow: 0 4px 8px rgba(10,10,10,.1)
}

@media screen and (min-width:1280px) {
    .donation-stage-actions-help {
        transform: scale(1.5);
        right: 40px;
        bottom: 30px
    }
}

.donation-stage-actions-help * {
    display: inline-block;
    vertical-align: middle
}

.donation-stage-actions-help .help-circle {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #25457e;
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
    text-align: center
}

    .donation-stage-actions-help .help-circle .help {
        display: inline-block;
        line-height: 28px
    }

    .donation-stage-actions-help .help-circle .close {
        display: none;
        height: 100%;
        width: 100%;
        position: relative;
        padding: 3px
    }

        .donation-stage-actions-help .help-circle .close span {
            position: absolute;
            height: 2px;
            width: 43%;
            left: 7px;
            top: 12px;
            background: #fff
        }

            .donation-stage-actions-help .help-circle .close span:first-of-type {
                transform: rotate(45deg)
            }

            .donation-stage-actions-help .help-circle .close span:last-of-type {
                transform: rotate(-45deg)
            }

.donation-stage-actions-help p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 2px
}

    .donation-stage-actions-help p .help {
        display: inline-block;
        margin-top: 10px
    }

    .donation-stage-actions-help p .close {
        display: none;
        margin-top: 10px
    }

.helpshowing .donation-stage-actions-help {
    text-align: left;
    opacity: 1
}

    .helpshowing .donation-stage-actions-help .help {
        display: none
    }

    .helpshowing .donation-stage-actions-help .close {
        display: inline-block
    }

.donation-stage-actions-helpbox {
    background: #1fa1af;
    padding: 40px 40px 80px 40px;
    width: 80%;
    position: fixed;
    bottom: 50px;
    right: 10px;
    left: auto;
    top: auto;
    z-index: 10;
    text-align: left;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    transition: all .5s ease 0s;
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width:960px) {
    .donation-stage-actions-helpbox {
        padding: 40px 40px 80px 40px;
        width: 400px
    }
}

.donation-stage-actions-helpbox p {
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem
}

    .donation-stage-actions-helpbox p a {
        text-decoration: underline;
        font-weight: 900;
        color: #fff
    }

.helpshowing .donation-stage-actions-helpbox {
    opacity: 1;
    pointer-events: auto
}

.stage-one .donation-stage-actions {
    text-align: center
}

    .stage-one .donation-stage-actions .donate-submit {
        padding: 15px 0
    }

@media screen and (min-width:1280px) {
    .stage-one .donation-stage-actions .donate-submit {
        padding: 25px 80px 23px 75px;
        max-width: none
    }
}

.donation-stage-additional {
    background: #fef9f7;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px
}

    .donation-stage-additional p {
        margin-bottom: 0
    }

.donation-stage-payment-details {
    display: none
}

    .donation-stage-payment-details.active {
        display: block
    }

.donation-stage.stage-one {
    margin-top: -14vw;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    overflow: visible
}

    .donation-stage.stage-one .donation-stage-container {
        background: #f3f3f3;
        border-radius: 30px;
        box-shadow: 0 4px 8px rgba(10,10,10,.1)
    }

@media screen and (min-width:1280px) {
    .donation-stage.stage-one {
        margin-top: -13vw
    }
}

.donation-stage.stage-four {
    margin-bottom: 0
}

.donation-stage.stage-three .donation-stage-container {
    padding-top: 60px
}

@media screen and (min-width:1280px) {
    .donation-stage.stage-three .donation-stage-container {
        padding-top: 40px
    }
}

.donation-stage.stage-three .donation-stage-heading h3 {
    position: absolute;
    top: 20px
}

@media screen and (min-width:1280px) {
    .donation-stage.stage-three .donation-stage-heading h3 {
        position: relative;
        top: auto
    }
}

.tabs {
    margin-bottom: 15px
}

.tabs-tab {
    width: calc(50% - 10px);
    padding: 20px;
    text-align: center;
    background: #eaeaea;
    color: #0a0a0a;
    cursor: pointer;
    border-radius: 5px
}

    .tabs-tab:first-of-type {
        margin-right: 20px
    }

@media screen and (min-width:1280px) {
    .tabs-tab {
        padding: 30px
    }
}

.tabs-tab p {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0
}

    .tabs-tab p span {
        display: none
    }

@media screen and (min-width:1280px) {
    .tabs-tab p {
        font-size: 25px;
        font-size: 1.5625rem
    }

        .tabs-tab p span {
            display: inline-block
        }
}

.tabs-tab.active {
    background: #f3f3f3;
    color: #000;
    background: #cf2c91;
    position: relative
}

    .tabs-tab.active p {
        color: #fff;
        opacity: 1
    }

.tabs-content {
    display: none
}

    .tabs-content h2 {
        text-align: center;
        padding: 30px 20px
    }

@media screen and (min-width:1280px) {
    .tabs-content h2 {
        padding: 40px 0
    }
}

.tabs-content.active {
    display: block
}

.custom-donation {
    margin: 40px 0 40px 0;
    text-align: center
}

@media screen and (min-width:960px) {
    .custom-donation {
        margin: 40px 0 40px 0
    }
}

.custom-donation > div {
    width: 100%;
    margin: auto
}

@media screen and (min-width:560px) {
    .custom-donation > div {
        width: 350px
    }
}

.custom-donation-label {
    float: left;
    background: #fff;
    height: 70px;
    line-height: 69px;
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    vertical-align: middle;
    color: #25457e;
    border: solid #25457e;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    transition: all .5s ease 0s
}

.custom-donation-input {
    float: right;
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
    border-radius: 0 4px 4px 0;
    border: solid #25457e;
    border-width: 1px 1px 1px 0;
    padding: 0 10px
}

@media screen and (min-width:560px) {
    .custom-donation-input {
        width: 300px
    }
}

.custom-donation-input:focus + label {
    border-color: #cf2c91
}

.donate-submit {
    margin: 0 auto 0 auto;
    background: #25457e;
    border: none;
    border-radius: 5px;
    padding: 15px 0;
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    width: 70%;
    -webkit-appearance: none;
    max-width: 250px;
    cursor: pointer;
    transition: ease .3s
}

@media screen and (min-width:1280px) {
    .donate-submit {
        margin: 0;
        padding: 20px 50px 18px 45px;
        width: auto
    }
}

.donate-submit:hover {
    background: #cf2c91
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio]), textarea {
    height: 45px;
    border-color: #25457e;
    -webkit-appearance: none;
    padding: 2px 15px 0 15px;
    background: #fff;
    color: #000;
    font-family: Nunito;
    font-size: 18px;
    font-size: 1.125rem;
    transition: all .5s ease 0s
}

    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):not(.custom-donation-input), textarea:not(.custom-donation-input) {
        border-radius: 4px
    }

@media screen and (min-width:1280px) {
    input:not(.donate-submit):not([type=checkbox]):not([type=radio]), textarea {
        height: 56px;
        font-size: 22px;
        font-size: 1.375rem
    }
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio]).custom-donation-input, textarea.custom-donation-input {
    height: 70px
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #555;
    font-family: Nunito;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width:1280px) {
    input:not(.donate-submit):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem
    }
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio])::-moz-placeholder, textarea::-moz-placeholder {
    color: #555;
    font-family: Nunito;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width:1280px) {
    input:not(.donate-submit):not([type=checkbox]):not([type=radio])::-moz-placeholder, textarea::-moz-placeholder {
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem
    }
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #555;
    font-family: Nunito;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width:1280px) {
    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem
    }
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio]):-moz-placeholder, textarea:-moz-placeholder {
    color: #555;
    font-family: Nunito;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width:1280px) {
    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):-moz-placeholder, textarea:-moz-placeholder {
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem
    }
}

input:not(.donate-submit):not([type=checkbox]):not([type=radio]):focus, textarea:focus {
    outline: 0;
    border-color: #cf2c91
}

    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
        opacity: 0;
        transition: all .3s ease 0s
    }

    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):focus::-moz-placeholder, textarea:focus::-moz-placeholder {
        opacity: 0;
        transition: all .3s ease 0s
    }

    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
        opacity: 0;
        transition: all .3s ease 0s
    }

    input:not(.donate-submit):not([type=checkbox]):not([type=radio]):focus:-moz-placeholder, textarea:focus:-moz-placeholder {
        opacity: 0;
        transition: all .3s ease 0s
    }

input:not(.donate-submit):not([type=checkbox]):not([type=radio])::-moz-focus-inner, textarea::-moz-focus-inner {
    border: 0
}

textarea {
    border: 1px solid #25457e
}

legend {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px
}

.fundraising-reg {
    text-align: center;
    padding: 40px 0
}

    .fundraising-reg img {
        width: 200px
    }

.fundraiser-gift-aid-checkbox {
    display: none
}

.section {
    padding: 2em 0
}

    .section.dark, .section.primary, .section.secondary {
        color: #fff
    }

        .section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6, .section.primary h1, .section.primary h2, .section.primary h3, .section.primary h4, .section.primary h5, .section.primary h6, .section.secondary h1, .section.secondary h2, .section.secondary h3, .section.secondary h4, .section.secondary h5, .section.secondary h6 {
            color: #fff
        }

        .section.dark input, .section.dark select, .section.dark textarea, .section.primary input, .section.primary select, .section.primary textarea, .section.secondary input, .section.secondary select, .section.secondary textarea {
            border-color: transparent
        }

    .section.white {
        background: #fff
    }

    .section.grey {
        background: #f3f3f3
    }

    .section.orange {
        background: #fef9f7
    }

    .section.dark {
        background: #25457e
    }

    .section.primary {
        background: #cf2c91
    }

    .section.secondary {
        background: #25457e
    }

    .section.white {
        background: #fff
    }

    .section.grey {
        background: #f3f3f3
    }

    .section.orange {
        background: #fef9f7
    }

    .section.dark {
        background: #25457e
    }

    .section.primary {
        background: #cf2c91
    }

    .section.secondary {
        background: #25457e
    }

    .section.centered {
        text-align: center
    }

.footer {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 2.03125em;
    z-index: 20
}

@media screen and (min-width:960px) {
    .footer {
        padding-top: 2.5em
    }
}

.footer-header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.625em
}

@media screen and (min-width:960px) {
    .footer-header {
        margin-bottom: 2em
    }
}

.footer-header * {
    margin-top: 0
}

.footer-header .search {
    margin: 0;
    width: 100%
}

@media screen and (min-width:560px) {
    .footer-header .search {
        width: auto
    }
}

.footer-header .search-input {
    background: rgba(255,255,255,.1);
    color: #fff
}

.footer-header .search-button {
    top: 0
}

.footer-logo {
    display: block;
    margin: 1em 0;
    width: 100%
}

@media screen and (min-width:560px) {
    .footer-logo {
        display: inline-block;
        margin: 0;
        width: auto
    }
}

.footer-logo img {
    width: 200px;
    height: auto
}

.footer-nav-outer * {
    margin-top: 0
}

.footer-nav.social {
    color: #fff;
    flex: 0 100%;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width:560px) {
    .footer-nav.social {
        flex: 0 auto
    }
}

.footer-nav-item {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width:960px) {
    .footer-nav-item {
        display: inline-block
    }
}

.footer-nav-item .footer-nav-item-title {
    font-size: 1em;
    padding-bottom: 1em
}

.footer-nav-item .nav-item-link {
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    margin: 0 1em;
    padding: 0 0 .8125em 0
}

@media screen and (min-width:960px) {
    .footer-nav-item .nav-item-link {
        padding-bottom: 1em
    }
}

.footer-nav-item .nav-item-link:hover {
    color: #cf2c91
}

.footer-nav-item.social {
    display: inline-block;
    text-align: center
}

    .footer-nav-item.social .nav-item-link {
        transition: all .5s ease 0s;
        background-color: #f5855a;
        border-radius: 100%;
        display: inline-block;
        height: 48px;
        margin: 0 .25em;
        padding: 0;
        position: relative;
        width: 48px
    }

        .footer-nav-item.social .nav-item-link:hover {
            background-color: #1fa1af
        }

            .footer-nav-item.social .nav-item-link:hover .icon {
                color: #fff
            }

        .footer-nav-item.social .nav-item-link.instagram .icon, .footer-nav-item.social .nav-item-link.youtube .icon {
            padding: 2px
        }

        .footer-nav-item.social .nav-item-link .icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
            height: 2em;
            margin: 0;
            width: 2em
        }

.footer-nav-secondary {
    text-align: center
}

    .footer-nav-secondary .footer-nav-item {
        font-size: 1em;
        font-weight: 700
    }

.footer p {
    font-size: .9em
}

.footer-details, .footer-nav {
    padding-top: 1.21875em;
    margin-bottom: .8125em;
    text-align: center
}

@media screen and (min-width:560px) {
    .footer-details, .footer-nav {
        padding-top: 0
    }
}

@media screen and (min-width:960px) {
    .footer-details, .footer-nav {
        margin-bottom: 1em
    }
}

.footer-details {
    margin-right: 0;
    padding-top: 2em
}

    .footer-details .footer-nav-item-title {
        font-size: 1em;
        padding-bottom: .8125em
    }

@media screen and (min-width:960px) {
    .footer-details .footer-nav-item-title {
        padding-bottom: 1em
    }
}

.footer-details p {
    padding-bottom: .8125em
}

@media screen and (min-width:960px) {
    .footer-details p {
        padding-bottom: 1em
    }
}

.footer-details p a {
    color: #fff;
    font-weight: 300
}

    .footer-details p a:hover {
        color: #cf2c91
    }

.footer-credits {
    background-color: #153164;
    color: #fff;
    padding: 1.21875em 0;
    text-align: center
}

@media screen and (min-width:960px) {
    .footer-credits {
        padding: 1.5em 0
    }
}

.footer-credits a {
    color: #fff;
    font-weight: 300
}

    .footer-credits a:hover {
        color: #fff;
        text-decoration: underline
    }

.footer-credits * {
    margin-top: 0
}

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1.5em;
    vertical-align: top;
    width: 1.5em
}

.hero {
    background: #0a0a0a;
    color: #fff;
    margin-bottom: 2em;
    overflow: hidden;
    position: relative;
    text-align: center
}

.hero-image {
    /*height: 100%;
    position: absolute;
    width: 100%*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
}

.no-objectfit .hero-image {
    height: auto
}

.hero-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.no-objectfit .hero-image img {
    width: auto
}

.hero-header {
    position: relative
}

.hero-image + .hero-header {
    padding: 13vw 0 19vw
}

@media screen and (min-width:1280px) {
    .hero-image + .hero-header {
        padding: 9vw 0 17vw
    }
}

.hero-header-title {
    color: #fff
}

.hero-header-summary p {
    font-size: 1.1em
}

@media screen and (min-width:960px) {
    .hero-header-title {
        font-size: 3.5em
    }
}
/*# sourceMappingURL=styles.css.map */