/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #ed04770d;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #B94A48;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

.donation_list {
    padding-left: 0;
}

.donation_list li {
    display: inline-block;
    list-style-type: none;
}

.donation {
    background-color: white;
}

.donation.active {
    background-color: #ed0477;
}

.form-step-2 {
    display: none;
}

#amount_other {

}

.red {
    color: #ed0477;
}

#msg {
    display: none;
    font-family: 'Work Sans', serif;;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: red;
    font-size: 15px;
}

.row-form {
    padding: 0 30px;
}

.button-back {

}

.fForm2019 .form-control.parsley-error {
    border: 2px solid #ed0477;
    background: white;;
}

.fForm2019 .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 4, 119, .25);
}


.required-star {
    color: red;
}

.tooltip-inner {
    max-width: 600px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #929292;
    border-radius: .25rem;
}

.form-step-2 i {
    margin-left: 4px;
}

.custom-checkbox .custom-control-label::before {
    top: 0;
}

.consent-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;
    font-family: 'Work Sans', sans-serif;
    font-size: 11px;

}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}

.parsley-error .custom-control-label::before {
    border: #ed0477 solid 1px;
}

.parsley-error .custom-control-label {
    color: #ed0477;
}

.form-step-1 .row-amounts {
    padding: 0 55px;
}

/*input#amount_other{*/
/*    width: 200px;*/
/*    border-radius: 0;*/
/*    border: 2px solid #d2d2d2;*/
/*    margin-bottom: 0px;*/
/*    height: 45px;*/
/*    display: inline-block;*/
/*    margin-left: 21%;*/
/*    margin-top:0;*/
/*    font-family: 'PT Serif', serif;*/
/*}*/
.checkmark.amount-other {
    left: 21%;
    top: 9px;
}


.donation {
    background-color: white;
}

.donation.active {
    background-color: #ed0477;
}

#form-step-2 {
    display: none;
}

#form-step-1 {
}

.fSupportBoxTitle .subtitle {
    color: #4a4a48;
    padding-top: 20px;
    padding-bottom: 4px;
    width: 100%;
    letter-spacing: 0px;
    text-align: left;
    margin-right: 20px;
    cursor: pointer;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
}

#amount_other {
    display: inline-block;
    width: auto;
}

.red {
    color: #B94A48;
}

#donation-form input {
    border-radius: 3px;
}

#donation-form .col-form-label {
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}


.fSupportCTA .disabled {
    background: #C4C4C4;
}

.fSupportThx input[type="submit"] {
    display: none;
}

.fSupportThx label {
    /*font-family: Roboto;*/
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.page-template-fSupport2 .fWrapper {
    min-height: auto;
}

#amount_other:after {
    content: 'zł';

}

#donation-form .f4 {
    padding-left: 0;
    height: 36px;
    height: 44px;
    margin-top: 6px;
    width: calc(99% - 10px);
    border: 1px solid #a0a0a0;
    border-radius: 5px;
}

#donation-form .f4 input:focus {
    border: none;
    outline: none;
}

#donation-form .f4 input {
    padding-left: 10px;
    border: none;
    margin-top: 0;
    width: 89%;
    height: auto;
}

.row-consent {
    /*  margin-left: 5%;*/
}

#form-step-1 .fSupportBoxTitle .f1, #form-step-1 .fSupportBoxTitle .f2 {
    border-bottom: none;
}

#form-step-1 .fSupportBoxTitle .f1.fActive, #form-step-1 .fSupportBoxTitle .f2.fActive {

    border-bottom: 4px solid #933f8d;
}

@media (max-width: 443px) {
    #donation-form .f4 input {
        width: 60% !important;
    }

    #donation-form .fHomeSliderCTA a {
        font-size: 13px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #donation-form .fSupportAmount .fFloat {
        padding: 3px;
        font-size: 19px;
    }

    #donation-form .f4 input {
        width: 58% !important;
    }

    #donation-form .fHomeSliderCTA a {
        font-size: 13px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    #donation-form .f4 input {
        width: 70% !important;
    }

    #donation-form .fHomeSliderCTA a {
        font-size: 15px !important;
    }
    #currency{

    }
}

@media (min-width: 1199px) and (max-width: 1299px){
    #donation-form .f4 input {
        width: 65% !important;
    }
}



@media (min-width: 444px) and(max-width: 1598px) {
    #donation-form .f4 input {
        width: 80% !important;
    }

    .fHomeSliderCTA a {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) {
    #form-step-1.open .fSupportBox {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 1px solid #C4C4C4;
    }

    #form-step-2.open .fSupportBox {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #form-step-2 {
        padding-left: 0;
    }

    #form-step-1 {
        padding-right: 0;
    }

    #donation-form .fSupportAmount .fFloat {
        padding: 5px;
    }
}

.step-2-mobile,
.form-mobile-submit {
    display: none;
}

@media (max-width: 991px) {
    #go-to-step2,
    #form-description {
        display: none;
    }
    .bottom-text{
        padding: 5px 0;
    }

    .step-2-mobile {
        display: block;
        margin-top: 5px;
    }

    .form-mobile-submit {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        transition: 0.2s all ease-in-out;
        -webkit-transition: 0.2s all ease-in-out;
        z-index: 99999;
        height: 83px;
        background: #FFFFFF;
        box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.25);
    }

    .wspieram-wplata .fFooter {
        display: none;
    }

    .wspieram-wplata .fSupportHeader {
        padding-bottom: 83px;
    }

    .page-template-fSupport2 .fFooter,
    .wspieram-wplata .fFooter {
        display: none;
    }

    .page-template-fSupport2 .fSupportHeader,
    .wspieram-wplata .fSupportHeader {
        padding-bottom: 83px;
    }

    #donation-form {
        padding-left: 0;
        padding-right: 0;
    }

    .validate-button {
        width: 100%;
        text-align: center;
    }

    #form-step-1 .fSupportBox {
        margin-top: 0;
        margin-bottom: 0;
        background: #fff;
        padding: 30px;
        border-radius: 0;
        height: 100%;
    }

    .row-consent .custom-control-label,
    .row-consent .consent-label {
        font-size: 14px;
        font-weight: normal;
	line-height: 21px;
    }
}

.page-template-fSupportThanks .subtitle {
    margin-bottom: 10px;
    font-family: Work Sans;
    font-weight: normal;
}

.page-template-fSupportThanks textarea {
    width: 100%;
}

.page-template-fSupportThanks .fSupportBoxTitle,
.page-template-fSupport .fSupportBoxTitle ,
.page-template-fSupport1 .fSupportBoxTitle ,
.page-template-fSupport2 .fSupportBoxTitle {
    color: #4a4a48 !important;
}

.page-template-fSupportThanks .fSupportBoxContent > .f1,
.page-template-fSupport1 .fSupportBoxContent > .f1,
.page-template-fSupport .fSupportBoxContent > .f1,
.page-template-fSupport2 .fSupportBoxContent > .f1,
.page-template-fSupportThanks .fSupportBoxContent > .f3,
.page-template-fSupport .fSupportBoxContent > .f3,
.page-template-fSupport2 .fSupportBoxContent > .f3{
    color: #4a4a48;
}

.page-template-fSupportThanks .fSupportDesc,
.page-template-fSupport .fSupportDesc ,
.page-template-fSupport1 .fSupportDesc ,
.page-template-fSupport2 .fSupportDesc{
    color: #fff;
    padding-top: 246px;
    padding-left: 30px;
    font-size: 22px;
    max-width: 500px;
}

.parsley-errors-list{
    font-size: 13px;
    font-weight: normal;
    font-family: Work Sans;

}

#donation-form.multicurrency .f4 input {
    padding-left: 10px;
    border: none;
    margin-top: 0;
    width: 75%;
    /*height: 41px;*/
}
#donation-form.multicurrency #currency{
    color: #933f8d;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border: 0;
    padding: 5px 0 5px 5px;
}
#donation-form.multicurrency #currency option{
    color: #933f8d;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}
#donation-form .fSupportAmount .fFloat{
    padding: 3px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
#donation-form select{
background: none !important;
}
@supports (-moz-appearance:none) {
    select
    {
        padding: 5px 10px 5px 5px !important;
        -moz-appearance:none !important;
        background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
        background-position: calc(100% - 4px) center !important;
    }
}

.loader {

    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') !important;
    background-position: center !important;;
    background-repeat: no-repeat;
}