@import url(./animate.css);
@import url(./menu_footer.css);
@font-face { font-family: 'Gills Sans MT Condensed'; src: url(../fonts/GILC____.TTF); }
@font-face { font-family: 'Geometr231B'; src: url(../fonts/GEO231B.TTF); }
@font-face {
    font-family: 'Palace Script MT Regular';
    font-style: normal; font-weight: normal;
    src: url('../fonts/Palace script.woff') format('woff');
}
@font-face {
    font-family: 'Neou Thin';
    src: url('../fonts/Neou-Thin.ttf') format('truetype');
}
header nav,footer .body { background: #cce7d4; }
.site.side-open { height: 100vh; }
.P_header .page_header {
    font-family: 'Gills Sans MT Condensed';
    padding: 10px 0 0 0;
    border-bottom: 1px solid rgba(206, 206, 206, 0.7);
    font-size: 36px;
    color: #000;
    width: 50%;
    margin: 0 auto 15px auto;
}
.image {
    position: relative;
    display: inline-block;
    z-index: -2;
}
.image img { width: 100%; }
.image .donate_now {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: calc(100% - 50px);
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    background: #cae4d2;
    font-weight: bold;
    font-size: 1.5em;
    padding: 8px 15px;
    filter: drop-shadow(0 0 5px #000);
}
.P_btns {
    width: 85%;
    margin: 60px auto 160px auto;
    display: grid;
    grid: auto / repeat(3,1fr);
    grid-gap: 8vw;
    text-align: center;
}
.P_btns div {
    min-width: 280px;
    cursor: pointer;
    padding: 12px 15px;
    background: #e6e7e8;
    border-radius: 5px;
    font-weight: bold;
    font-size: 17px;
    box-shadow: inset 3px 5px 6px 0px #898989,inset 0px 0px 0px 0px #898989;
}
.P_btns div a {
    text-decoration: none;
    color: #000;
}
.frm_donate {
    width: 85%;
    margin: 10px auto 20px auto;
}
.frm_donate h1:first-child { text-decoration: underline; }
.frm_donate h1 {
    font-weight: bolder;
    font-size: 2.1em;
    margin: 35px auto;
}
.frm_donate .d_amt {
    width: 25vw;
    height: 60px;
    line-height: 60px;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
}
.frm_donate .input,.frm_vc .infos,.frm_vc .P_dts input,.Emrgncy .emrgncy input,
.frm_vc .Details_head input,.frm_oc .Details_head input,.frm_oc .P_dts input {
    background: #e6e7e8;
    border-radius: 5px;
    box-shadow: inset 3px 5px 6px 0px #898989,inset 0px 0px 0px 0px #898989;
}
.frm_donate .inps {
    display: grid;
    grid-template-columns: repeat(2,35vw);
    grid-gap: 30px;
}
.frm_donate .inps label,.frm_vc .P_dts label,.frm_oc .P_dts label {
    font-weight: 600;
    font-size: 20px;
}
.frm_donate .inps .input,.Emrgncy .emrgncy input {
    width: 30vw;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    font-size: 20px;
}
.frm_donate .chk {
    margin: 50px 0;
    font-weight: 600;
}

.vol_cont {
    width: 80%;
    margin: 20px auto;
}
.vol_cont span {
    font-size: 20px;
    font-weight: 600;
}
.vol_cont p {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 600;
}
.text-center.x_cbtrbutn {
    margin: 15vh 0 10vh 0;
    font-size: 3em;
}
.frm_vc,.frm_oc {
    width: 85%;
    margin: 10px auto 100px auto;
}
.frm_vc .xsfpd,.frm_oc .xsfpd {
    font-weight: 600;
    font-size: 1.5em;
}
.frm_vc .Details_head,.frm_oc .Details_head { margin: 40px 0 80px 0; }
.frm_vc .Details_head input,.frm_oc .Details_head input {
    height: 65px;
    line-height: 65px;
    padding: 0 15px;
    text-align: center;
    width: 40%;
    font-weight: 600;
    font-size: 20px;
}
.frm_vc .infos,.frm_oc .infos {
    width: 40%;
    margin: 40px auto 10px auto;
    height: auto;
    border-radius: 15px;
    padding: 60px 0;
    background: #e6e7e8;
    box-shadow: inset 0 0 35px #242424;
}
.frm_vc .infos .cmb,.frm_oc .infos .cmb {
    width: 70%;
    margin: 10px auto;
}
.frm_vc .infos .cmb label,.Emrgncy .emrgncy label,.frm_oc .infos .cmb label {
    font-size: 20px;
    padding-left: 8px;
    margin-bottom: -2px;
}
.frm_vc .infos .cmb select,.frm_vc .P_dts .sex select,.frm_oc .infos .cmb select {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
        -webkit-linear-gradient(bottom left, transparent 50%, #000 50%),
        -webkit-linear-gradient(top left, #000 50%, transparent 50%);
    background-image:
        -o-linear-gradient(bottom left, transparent 50%, #000 50%),
        -o-linear-gradient(top left, #000 50%, transparent 50%);
    background-image:
        linear-gradient(to top right, transparent 50%, #000 50%),
        linear-gradient(to bottom right, #000 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;
    background-size: 7px 7px,7px 7px,2.5em 2.5em;
    background-repeat: no-repeat;
}
.frm_vc .infos .cmb input,.frm_vc .infos .cmb select,.frm_oc .infos .cmb input,.frm_oc .infos .cmb select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 2px 1px grey,0px 0 2px grey;
    text-align: center;
}
.frm_vc .P_dts,.frm_oc .P_dts {
    width: 90%;
    margin: 120px auto;
    display: grid;
    grid-template-columns: repeat(2,35vw);
    grid-gap: 30px 20px;
}
.frm_vc .P_dts input,.frm_oc .P_dts input {
    width: 90%;
    height: 60px;
    line-height: 60px;
}
.frm_vc .Ginp label,.frm_oc .Ginp label { margin: 0 0 0 10px; }
.frm_vc .Ginp input,.frm_oc .Ginp input {
    padding: 0 15px;
    font-size: 18px;
}
.frm_vc .Ginp.S_two,.frm_oc .Ginp.S_two {
    width: 30vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.frm_vc .Ginp.S_two input,.frm_oc .Ginp.S_two input { width: calc(15vw - 20px); }
.frm_vc .P_dts .sex select {
    width: 16vw;
    height: 60px;
    line-height: 60px;
    box-shadow: 0 2px 1px grey,0px 0 2px grey;
    text-align: center;
    background-position: calc(100% - 20px) calc(1.5em + 2px),calc(100% - 15px) calc(1.5em + 2px),100% 0;
    box-shadow: inset 3px 5px 6px 0px #898989,inset 0px 0px 0px 0px #898989;
}
.Emrgncy {
    width: 90%;
    margin: 10px auto;
}
.Emrgncy p,.privacy p {
    font-size: 18px;
    font-weight: 600;
}
.Emrgncy .emrgncy {
    margin: 35px 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 40px;
}
.privacy {
    width: 90%;
    margin: 10px auto;
}
.privacy label {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
}
.btn_submit {
    margin: 10px 0 0 50px;
    width: 15vw;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 700;
    box-shadow: inset 2px 0 10px #000;
    cursor: pointer;
}
.F_line {
    width: 50%;
    margin: 0 auto 15px auto;
    height: 1px;
    background: #000;
}

@media screen and (max-width: 768px) {
    .P_header .txt .for{ padding: 5px 140px !important; }
    .P_header .txt .faaw { font-size: 15px !important; }
    .image .donate_now {
        top: calc(100% - 40px) !important;
        font-size: 1.1em !important;
        padding: 6px 12px !important;
    }
    .P_btns { 
        grid-template-columns: 1fr !important;
        grid-gap: 10px !important;
    }
    .frm_donate { width: 90% !important; }
    .frm_donate h1 {
        font-size: 1.8em !important;
        margin: 30px auto !important;
    }
    .frm_donate .d_amt {
        width: 70vw !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 21px !important;
    }
    .frm_donate .pfypd { font-size: 1.3em !important; }
    .frm_donate .inps {
        grid-template-columns: 1fr !important;
        grid-gap: 20px 50px !important;
    }
    .frm_donate .inps .input,.Emrgncy .emrgncy input {
        width: 80vw !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 18px !important;
    }
    .frm_donate .chk {
        margin: 40px 0 !important;
        font-weight: 600 !important;
        font-size: 0.8em;
        width: 80vw;
    }
    .vol_cont { font-size: 0.7em !important; }
    .vol_cont span { font-size: 18px !important; }
    .vol_cont p { font-size: 15px !important; }
    .text-center.x_cbtrbutn {
        margin: 12vh 0 !important;
        font-size: 1.8em !important;
    }
    .frm_vc,.frm_oc { width: 90% !important; }
    .frm_vc .xsfpd,.frm_oc .xsfpd { font-size: 1em !important; }
    .frm_vc .Details_head input,.frm_oc .Details_head input {
        height: 60px !important;
        line-height: 60px !important;
        width: 80% !important;
        font-size: 18px !important;
    }
    .frm_vc .infos,.frm_oc .infos {
        width: 98% !important;
        padding: 40px 0 !important;
    }
    .frm_vc .infos .cmb,.frm_oc .infos .cmb {
        width: 85% !important;
        margin: 15px auto !important;
    }
    .frm_vc .infos .cmb label,.Emrgncy .emrgncy label,.frm_oc .infos .cmb label { font-size: 18px !important; }
    .frm_vc .P_dts,.frm_oc .P_dts { grid-template-columns: 1fr !important; }
    .frm_vc .P_dts .Ginp input,.frm_oc .P_dts .Ginp input { width: 100% !important; }
    .frm_vc .Ginp.S_two,.frm_oc .Ginp.S_two { width: 100% !important; }
    .frm_vc .Ginp.S_two select,.frm_oc .Ginp.S_two select { width: 100% !important; }
    .Emrgncy p,.privacy p {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .Emrgncy .emrgncy { grid-template-columns: 1fr !important; }
    .privacy { width: 95%; }
    .privacy label { font-size: 16px !important; }
    .btn_submit {
        width: 80vw !important;
        margin: 10px auto !important;
        font-weight: 700;
    }
    .F_line { width: 65% !important; }
}