.donation__popup{
    position: fixed;
    top:0;
    left:0;
    pointer-events: none;
    opacity: 0;
    display: flex;
    z-index: 9999999;
    align-items: center;
    font-family: 'PT Sans';
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: rgba(43,43,43,.7);
}
.donation-link-menu a{
    color:#CC1B39!important;
}
.in-honor{
    display: none;
    background: #3A738D;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color:#fff;
    padding:3px 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: relative;
}
.donation-amount label{
    display: none!important;
}
.donation__popup .gfield_required{
    display: none!important;
}
.in-honor:after,.in-honor:before{
    width:20px;
    height: 20px;
    z-index: -1;
    position: absolute;
    bottom: -20px;
    content:'';
    background-image: radial-gradient(circle at 100% 0, transparent 0%, transparent 20px, #3A738D 20px);
}
.in-honor:before{
    left:0;
    transform: rotate(90deg);
}
.in-honor:after{
    right:0;
    transform: rotate(-180deg);
}
.in-honor.visible{
    display: block;
}
.in-honor span{
    font-weight: bold;
}
.donation__popup.donation-active{
    opacity: 1;
    pointer-events: all;
}
.donation__popup .gf_page_steps .gf_step:not(.gf_step_active){
    display: none;
}

.donation__popup-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form input::-moz-placeholder { /* Firefox 19+ */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form input:-ms-input-placeholder { /* IE 10+ */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form input:-moz-placeholder { /* Firefox 18- */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form textarea::-moz-placeholder { /* Firefox 19+ */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form textarea:-ms-input-placeholder { /* IE 10+ */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form textarea:-moz-placeholder { /* Firefox 18- */
    color:#3A738D;
    font-family: 'PT Sans';
    font-size:14px;
}
.donation__popup-form .gform_wrapper.gravity-theme .gfield_checkbox label{
    font-weight: 600;
    color:#3A738D;
    font-size:12px;
    transition: all 0.5s ease;
}
.donation__popup-box{
    position: relative;
    z-index: 0;
}
.donation__popup-inner{
    width:90%;
    max-width: 980px;
    max-height: 610px;
}

.donation__about-bg{
    background-position: top center;
    background-size: cover;
    height: 160px;
    background-image: url(../images/donation-form.jpg);
    background-repeat: no-repeat;
}

.donation__popup-main{
    display: flex;
    justify-content: space-between;
}
.donation__popup-about{
    background: #fff;
    width: 58%;
}

#gform_wrapper_25{
    background: #fff;
    width: 100%;
    flex:1;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.donation__about-info{
    padding:20px 30px;
}
.donation__about-info img{
    width:162px;
    height: auto;
    margin-bottom: 17px;
}
.donation__about-info h3{
    color:#CC1B39;
    margin-bottom: 0px;
    font-size:18px;
    font-weight: 600;
    margin-top: 0px;
    padding-bottom: 5px;
}
.donation__about-info p{
    color:#505050;
    font-size:13px;
    line-height: 20px;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    margin-bottom: 0;
}
.border-bottom-red{
    border-bottom: 7px solid #CC1B39;
}
.border-bottom-blue{
    border-bottom: 7px solid #073475;
}
.donation__popup-form{
    width: 40%;
    display: flex;
    flex-direction: column;
}

.donation__popup-form form{
    padding:25px 32px;
    position: relative;
}

.donation__popup-menu{
    padding:10px 0;
}
.donation__popup-menu button{
    background:none;
    -webkit-appearance: none;
    border:0;
    outline:0;
    color:#fff;
    font-size:11px;
    padding:0 10px;
    position: relative;
}
.tooltip-box{
    box-shadow: 1px 2px 3px rgba(43,43,43,.2);
    border-radius: 10px;
    background: #fff;
    padding:29px;
    width:300px;
    text-align: left;
    position: absolute;
    top:0;
    left:20px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
}
.tooltip-box.tooltip-active{
    display: block;
    pointer-events: all;
    opacity: 1;
    top:-15px;
}
.tooltip-box h4{
    font-weight: bold;
    font-size:16px;
    color:#073475;
}
.tooltip-box p{
    font-size:12px;
    color:#505050;
}
.StripeElement {
    background-color: #F8F8F8!important;
    border: 1px solid #f2f2f2!important;
    border-radius: 10px!important;
}
.tooltip-box:after{
    content:'';
    display: block;
    width: 0; 
    position: absolute;
    bottom: -9px;
    left:20%;
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}
.donation__popup-menu button:first-of-type{
    padding-left:0;
}
.donation__popup-menu button{
    border-right:1px solid rgba(255,255,255,.7);
}
.donation__popup-menu button:last-of-type{
    border-right:none;
}
.popup-button-close{
    position: absolute;
    top:40px;
    right: 40px;
    background:none;
    -webkit-appearance: none;
    border:0;
    outline:0;
    color:#fff;
    font-size:19px;
}

.donation__popup-form .gform_wrapper.gravity-theme .gf_page_steps{
    padding-bottom: 18px;
    border-bottom:1px dotted #C7C7C7;
    width: 90%;
    margin: 0 auto 10px auto;
}

.donation__popup-form .gform_confirmation_wrapper{
    flex:1;
    background: #fff;
}

/* RADIO BUTTONS */
.donation-type .gfield_radio{
    display: flex;
    align-items: center;
}
.donation-type .gfield-choice-input{
    visibility: hidden;
}
.donation-type .gchoice label{
    font-size:16px!important;
    font-weight: 600;
    text-transform: uppercase;
    border:1px solid #EFEFEF;
    cursor:pointer;
    color:#8C8C8C;
    padding: 8px 20px;
    background: linear-gradient(to bottom, rgb(255,255,255),rgb(236, 236, 236));
    text-align: center;
    max-width: none!important;
    display: block!important;
    width: 100%;
    transition: all 0.5s ease;
    min-height: 60px;
}
.donation-type  .gchoice label:hover{
    background: #073475;
    color:#fff;
}
.donation-type  .gchoice:first-child label{
    border-top-left-radius: 10px ;
    border-bottom-left-radius: 10px ;
}
.donation-type  .gchoice:last-child label{
    border-top-right-radius: 10px ;
    border-bottom-right-radius: 10px ;
}

.donation-type .gchoice input:checked + label{
    background: #0D3F88;
    border:none;
    color:#fff;
}

.quick-donation .gfield_radio{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}
.quick-donation .gchoice{
    position: relative;
    width: 31%;
}
.quick-donation .gfield-choice-input{
    visibility: hidden;
    position: absolute;
    top:0;
    left:0;
    pointer-events: none;
}
.quick-donation .gchoice label{
    font-size:16px;
    font-weight: 600;
    border-radius: 10px;
    margin:6px 0;
    cursor:pointer;
    text-transform: uppercase;
    font-size:17px!important;
    color:#0D3F88;
    padding:10px 0;
    background: #f2f2f2;
    border:1px solid #EFEFEF;
    text-align: center;
    max-width: none!important;
    display: block!important;
    background: linear-gradient(to bottom, rgb(255,255,255),rgb(236, 236, 236));
    transition: all 0.5s ease;
}
.quick-donation .gchoice label:hover{
    background: #073475;
    color:#fff;
}
.donation-amount .ginput_container_product_price{
    position: relative;
}
.donation-amount .ginput_container_product_price:after{
    content:'USD';
    position: absolute;
    top:0;
    right:0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: #505050;
    color:#fff;
    font-size:16px;
    text-align: center;
    padding:0 14px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
}
.gform_wrapper.gravity-theme .donation-amount  input[type=text].ginput_amount{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding:6px 0 6px 20px;
    font-family: 'PT Sans';
    border-top:1px solid #F2F2F2;
    border-left:1px solid #F2F2F2;
    border-radius: 10px;
    font-weight: 600;
    border-bottom: 1px solid #F2F2F2;
    border-right:none;
    background:#FFFFFF;
    font-size:25px!important;
    color:#8C8C8C;
}
.donation__popup-form .donation-amount input.ginput_amount::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#8C8C8C;
    font-family: 'PT Sans';
    font-weight: 600;
    font-size:25px;
}
.donation__popup-form .donation-amount input.ginput_amount::-moz-placeholder { /* Firefox 19+ */
    color:#8C8C8C;
    font-family: 'PT Sans';
    font-weight: 600;
    font-size:25px;
}
.donation__popup-form .donation-amount input.ginput_amount:-ms-input-placeholder { /* IE 10+ */
    color:#8C8C8C;
    font-family: 'PT Sans';
    font-weight: 600;
    font-size:25px;
}
.donation__popup-form .donation-amount input.ginput_amount:-moz-placeholder { /* Firefox 18- */
    color:#8C8C8C;
    font-family: 'PT Sans';
    font-weight: 600;
    font-size:25px;
}
.donation__popup-form .donation-amount .ginput_amount:focus{
    border-top:1px solid #F2F2F2;
    border-left:1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    border-right:none;
}
.donation__popup .gform_next_button,.donation__popup .gform_wrapper .gform_page_footer input[type=submit]{
    margin: 0 auto!important;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    box-shadow: 0 2px 3px rgba(43,43,43,.2);
    width: 100%;
    font-family: 'PT Sans';
    font-size: 21px!important;
    border-radius: 10px;
    height: 50px!important;
    border: none;
    background-color: #CC1B39!important;
    transition: all 0.5s ease;
}
.donation__popup .gform_next_button:hover,.donation__popup .gform_wrapper .gform_page_footer input[type=submit]:hover{
    background-color: #073475!important;
    color: #ffffff;
}
.show-honor-page-btn label{
    font-size:12px!important;
    text-align: center;
    display: block!important;
    cursor: pointer;
    font-weight: 600;
    max-width: 100%!important;
    padding-bottom:20px;
    color:#3A738D;
    border-bottom: 1px dotted #C7C7C7;
}


.show-comments-page-btn label{
    font-weight: 600;
    font-size:12px!important;
    display: block!important;
    cursor: pointer;
    max-width: 100%!important;
    text-align: center;
    color:#CC1B39!important;
}

.show-comments-page-btn label:hover,.show-comments-page-btn label:hover{
    color:#073475;
}

.show-honor-page-btn label:before{
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
}

.show-comments-page-btn label:before{
    content: "\f086";
    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
}

.show-comments-page-btn .gchoice,
.show-honor-page-btn .gchoice{
    position: relative;
}
.show-comments-page-btn .gfield-choice-input,
.show-honor-page-btn .gfield-choice-input{
    visibility: hidden;
    position: absolute;
    top:0;
    left:0;
    pointer-events: none;
}
.donation__popup .gf_step_number{
    display: none;
}
.donation__popup .gf_step.gf_step_active{
    text-align: center;
    display: block!important;
    margin:0!important;
}
.donation__popup .gf_step .gf_step_number{
    display: none!important;
}
.donation__popup .gform_wrapper.gravity-theme .gf_step_label{
    display: inline!important;
    padding-left: 0;
    margin:0!important;
    font-size: 19px;
    color:#073475;
    font-weight: 600;
}

.donation__popup .gform_wrapper.gravity-theme #gf_step_25_1 .gf_step_label{
    font-size: 14px;
    color:#505050;
    text-transform: uppercase;
}
.donation__popup .gform_wrapper.gravity-theme
 #gf_step_25_1 .gf_step_label:before{
    content:"\f3ed";
    margin-right: 7px;
    font-family: 'Font Awesome 5 Free';
}

.red-font{
    font-weight: 600;
    color:#CC1B39;
}
.pay-text{
    color:#8C8C8C;
    margin: 15px 0;
    text-align: center;
    font-size:11px;
}
.share-text{
    font-size:14px;
    margin: 15px 0;
    text-align: center;
    color:#505050;
}
.red-envelope{
    width:102px;
    height: 110px;
    margin:0 auto;
    background-image: url(../images/red-envelope.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.pay-cards{
    width: 167px;
    height: 33px;
    margin:0 auto;
    background-image: url(../images/cards.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.safe-pay{
    width:72px;
    height: 72px;
    margin:0 auto;
    background-image: url(../images/safe-pay.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.gform_wrapper.gravity-theme .share-type .gfield_radio label{
    max-width: 100%!important;
    box-shadow:0 2px 3px rgba(43,43,43,.2);
    font-size:17px;
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 10px 0;
    border-radius: 10px;
    cursor: pointer;
    padding: 7px 0;
    text-align: center;
    color:#fff;
}
.gform_wrapper.gravity-theme .share-type .gchoice{
    position: relative;
}
.gform_wrapper.gravity-theme .share-type input{
    visibility: hidden;
    position: absolute;
    top:0;
    left:0;
    pointer-events: none;
}
.gform_wrapper.gravity-theme .share-type .gchoice label{
    background: #CC1B39;
}
.gform_wrapper.gravity-theme .share-type .gchoice:nth-child(2) label{
    background: #073475;
}
.gform_wrapper.gravity-theme .share-type .gchoice:nth-child(3) label{
    background: linear-gradient(to bottom, #fff,#F0F0F0);
    color:#505050;
}
.gform_wrapper.gravity-theme .share-type .gchoice label:before{
    font-family: 'Font Awesome 5 Free';
    content:"\f0e0";
    margin-right: 6px;
}
.gform_wrapper.gravity-theme .share-type .gchoice:nth-child(2) label:before{
    font-family: 'Font Awesome 5 Free';
    content:"\f1d8";
    margin-right: 6px;
}
.gform_wrapper.gravity-theme .share-type .gchoice:nth-child(3) label:before{
    font-family: 'Font Awesome 5 Free';
    content:"\f057";
    margin-right: 6px;
}
.donation__popup-form.donation__popup-box #gform_page_25_1:after {
    position: absolute;
    bottom: 0;
    height: 41%;
    z-index: -1;
    left: 0;
    background: linear-gradient(to bottom, rgba(43,43,43,.1), transparent);
    width: 100%;
    content: '';
}

/* remove continue btn page share type */
#gform_page_25_3 .gform_next_button{
    visibility: hidden;
    position: absolute;
    bottom:0;
    left:0;
}

.donation__popup-form .gform_wrapper.gravity-theme input[type=color],
.donation__popup-form .gform_wrapper.gravity-theme input[type=email], 
.donation__popup-form .gform_wrapper.gravity-theme input[type=number],
.donation__popup-form .gform_wrapper.gravity-theme input[type=tel], 
.donation__popup-form .gform_wrapper.gravity-theme input[type=text], 
.donation__popup-form .gform_wrapper.gravity-theme input[type=url], 
.donation__popup-form .gform_wrapper.gravity-theme select, 
.donation__popup-form .gform_wrapper.gravity-theme textarea{
    background: #F8F8F8;
    border:1px solid #F2F2F2;
    color:#3A738D;
    border-radius: 10px;
    font-family: 'PT Sans';
    -webkit-appearance: none;
    padding: 10px 14px;
}
.donation__popup-form .ginput_container.ginput_container_select {
    position: relative;
    display: inline-block;
}
.donation__popup-form .ginput_container.ginput_container_select:after,
.donation__popup-form .address_country:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f078";
    color: #073475;
    right: 14px;
    top: 11px;
    height: 26px;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    pointer-events: none;
}
.donation__popup .gfield_contains_required label{
    display: none!important;
}
.donation__popup-form .address_city,
.donation__popup-form .address_country{
    flex:100%!important;
    padding-right:0!important;
    padding-left:0!important;
    margin-top:8px!important;
    position: relative;
}
.skip-btn{
    text-transform: uppercase;
    font-size:18px;
    color:#073475;
    background: transparent;
    border-radius: 0;
    border:none;
    text-align: center;
    padding: 20px 0;
    display: block;
}
.donation__popup-form .gform_page_footer{
    display: flex;
    flex-direction: column;
}
.donation__popup-form .gform_validation_errors{
    position: absolute!important;
    top:0;
    left:2.5%;
    width: 95%;
}
.donation__popup-form .gform_wrapper .gfield_validation_message, .donation__popup-form .gform_wrapper .validation_message {
    border: none!important;
    margin-top: 5px;
    font-size: 11px!important;
    padding: 0!important;
}
.donation__popup-form .gform_validation_errors{
    display: none;
}
.gform_ajax_spinner {
    background: rgba(0,0,0,.7);
    padding: 10px;
    border-radius: 100%;
    position: absolute;
    width: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    height: 50px;
}

.gform_footer input.disabled{
    background: #073475;
}
.donation__popup-form .gform_previous_button{
    position: absolute;
    top: 30px;
    z-index: 9;
    left: 20px;
    background: url(../images/left-arroww.svg);
    margin: 0!important;
    min-height: 20px!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px!important;
    width: 20px!important;
    text-indent: -9999px;
    display: block;
    padding: 0!important;
    border: 0;
}



/* THANK YOU PAGE */

.donation__thanks{
    text-align: center;
}

.thanks__banner{
    color:#fff;
    background: #CC1B39;
    padding:80px 0 31px 0;
}
.thanks__banner h3{
    font-size:34px;
}

.thanks__detail{
    background: #F6BCC4;
    padding:17px 0;
    color:#fff;
}

.thanks__body{
    padding:30px 0;
}

.thanks__body b{
    color:#073475;
    font-size:15px;
    font-weight: 600;
}
.thanks__body p{
    font-size:12px;
    color:#505050;
}
.thanks__body small{
    color:#073475;
    font-size:9px;
    margin-top: 17px;
    margin-bottom: 14px;
}

.thanks__social{
    display: flex;
    justify-content: center;
}
.thanks__social a{
    margin:0 6px;
}
.thanks__social a:nth-child(1){
    color:#4267B2;
}
.thanks__social a:nth-child(2){
    color:#1DA1F2;
}
.thanks__social a:nth-child(3){
    color:#0E76A8;
}
.thanks__social a:nth-child(4){
    color:#FFB55B;
}

.donation-sticky{
    display: none;
    font-family: 'PT Sans';
    align-items: center;
    position: fixed;
    bottom:0;
    right:2.5%;
    z-index: 9;
    justify-content: space-between;
    color:#fff;
    height: 120px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #CC1B39;
    max-width: 556px;
    width: 95%;
}
.donation-sticky.visible{
    display: flex;
}
.donation-sticky-left{
    width: 70%;
    padding:0 15px;
    display: flex;
    align-items: center;
    background: #CC1B39;
    padding:5px 0;
    border-top-left-radius: 10px;
}
.donation-sticky-left p{
    font-size:19px;
    line-height: 24px;
    font-weight: 600;
}
.donation-sticky-left i{
    padding:0 20px;
    font-size:22px;
}
.donation-sticky-right{
    width: 25%;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:0 15px;
    text-transform: uppercase;
    font-size:19px;
    background: #D82341;
    box-shadow: -2px 0 3px rgba(43,43,43,.2);
    padding:5px 0;
    border-top-right-radius: 10px;
}
.open-donation-popup{
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px dotted rgba(255,255,255,.4);
}
.close-donation-sticky{
    cursor: pointer;
}


@media only screen and (max-width:760px){
    .donation__popup-close{
        width: 90%;
        margin:10px auto;
        display: flex;
        justify-content: flex-end;
    }
    .donation__popup-about{
        display: none;
    }
    .donation__popup-form{
        width: 100%;
    }
    .donation__popup-menu button{
        display: block;
        border-right: none;
        text-align: center;
        width: 100%;
        margin:4px 0;
    }
    .donation__popup{
        justify-content: flex-start;
        align-items:center;
        flex-direction: column;
        overflow-y: auto;
        height: 100%;
        background: rgba(43,43,43,.8);
    }
    .donation__popup-inner{
        max-height: none;
    }
    .popup-button-close{
        position: relative;
        align-self: flex-end;
        top:0;
        left:0;
    }
    .donation-sticky{
        height: 90px;
    }
    .donation-sticky-left p{
        font-size:13px;
        line-height: 15px;
    }
    .open-donation-popup,.close-donation-sticky{
        font-size:14px;
    }
}


@media only screen and (min-width: 1300px) and (max-height:600px) {
    .donation__popup-inner{
        display: flex;
        max-width: 1150px;
    }
    .donation__popup-menu{
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 2rem;
        justify-content: flex-end;
    }
    .donation__popup-menu button{
        padding:5px 0!important;
        text-align: left;
        border:none;
    }
}