@font-face {
    font-family: helvetica;
    src: url('../fonts/HelveticaNeue.ttf') format('truetype');
}

@font-face {
    font-family: helvetica-thin;
    src: url('../fonts/HelveticaNeue-Thin.ttf') format('truetype');
}

@font-face {
    font-family: helvetica-light;
    src: url('../fonts/HelveticaNeue-Light.ttf') format('truetype');
}

@font-face {
    font-family: helvetica-bold;
    src: url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
}

@font-face {
    font-family: ACaslonPro-Italic;
    src: url('../fonts/Adobe-Caslon-Pro-Italic.ttf') format('truetype');
    -webkit-font-smoothing: [ auto];
}

@font-face {
    font-family: helvetica-medium;
    src: url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
}

.fblod {
    font-family: helvetica-bold;
}

body {
    /*font-family: "helvetica";*/
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: Helvetica, Arial, sans-serif !important;
    background: #F6F6F6;
    overflow-x: hidden;
}

.no-pd {
    padding: 0;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: helvetica;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*mega menu start*/

.mega-menu {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    margin-top: 15px;
}

.mg-menu {
    position: fixed;
    top: 0;
    width: 100vw;
    left: 0;
    top: 12rem;
    border: none;
    box-shadow: none;
}

.mega-active {}

.menu-txt-sec {
    float: left;
    width: 50%;
    padding: 20px 80px;
}

.menu-txt-sec ul {
    margin: 0;
    float: left;
    margin-top: 40px;
    padding: 0 110px;
}

.menu-txt-sec ul li {
    list-style: none;
    width: 100%;
}

.menu-txt-sec ul li a {
    text-decoration: none;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 16px;
    padding: 8px 0;
    float: left;
    width: auto;
    font-weight: 200 !important;
    font-family: helvetica !important;
    margin: 0 !important;
}

.menu-img-sec {
    float: left;
    width: 50%;
    padding: 30px 40px;
    position: relative;
    display: none;
}


/*mega menu end*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.header-nav-stick {}

.header-top-fluid {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 3;
    padding-bottom: 20px;
    
}

.head-top-strip {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 40px;
}

.head-top-strip ul li a {
    padding: 18px 10px 12px 10px;
}

.head-top-strip ul li {
    list-style: none;
}

.head-top-strip ul li a {
    float: left;
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 12px;
        /* text-transform: uppercase; */
}

.header-btm-strip {
    float: left;
    width: 100%;
}

.logo {
    float: left;
    width: 30%;
    cursor: pointer;
}

.head-nav {
    float: left;
    width: 90%;
}

.head-nav ul li {
    list-style: none;
    float: left;
}

.head-nav ul li a {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 8px;
    position: relative;
    transition: 0.2s all;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    /* margin: 0 20px; */
    font-family: "helvetica-bold";
}

.head-nav ul li:first-child a {
    margin-left: 0;
}

.head-nav ul li a::after {
    content: "";
    /* background: #093dab; */
    height: 3px;
    width: 0%;
    position: absolute;
    border-bottom: 3px solid #093dab;
    bottom: 0;
    left: 15px;
    transition: all 0.5s ease;
}

.hov_bor:after {
    content: "";
    width: 100% !important;
    left: 3%;
}

.hov_bors:after {
    content: "";
    width: 100% !important;
    left: 3%;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}

.hmv a {
    text-decoration: none;
    color: #fff;
}

.head-nav ul {
    padding: 0 25px;
    margin: 0;
    width: 100%;
}

.head-nav ul li a span {
    float: left;
    width: 100%;
    font-weight: 100;
    font-size: 12px;
    font-family: helvetica;
    margin-top: 2px;
}

.hed-lft {
    display: flex;
    align-items: center;
}

.hed-rht-btns {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.join-btn {
  
    float: left;
    background: #0A3DAB;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0px 30px 0px 30px;
    border: none;
    font-size: 19px;
    font-weight: bold;
    margin-right: 5px;
    outline: none;
    min-height: 50px;
    font-family: helvetica-bold;
}

.donate-btn-top,
.join-btn {
    /* border-radius: 15px;
     font-size: 17px;
     min-height: 35px; */
    /* border-radius: 15px;
    font-size: 15px;
    min-width: 104px;
    min-height: 35px;
    padding: 0px 15px 0px 15px !important; */
}

.donate-btn-top {
    float: left;
    background: #F9C910;
    border-radius: 5px;
    color: #000000;
    padding: 0px 30px 0px 30px;
    border: none;
    font-size: 19px;
    margin-right: 5px;
    font-weight: bold;
    outline: none;
    min-height: 50px;
}

.srch-icn {
    float: left;
    background: url(../images/srch-wht.png)center / 100% no-repeat;
    display: inline-block;
    width: 30px;
    height: 50px;
    margin-left: 21px;
    cursor: pointer;
}

.srch-icn-srl {
    float: left;
    background: url(../../images/search.png)center / 100% no-repeat;
    display: inline-block;
    width: 30px;
    height: 50px;
    margin-left: 21px;
    cursor: pointer;
    display: none;
}

.srch-othr-pg {
    float: left;
    background: url(../images/search.png)center / 100% no-repeat;
    display: inline-block;
    width: 30px;
    height: 50px;
    margin-left: 21px;
    cursor: pointer;
}

.foc-card:hover {}


/* .hov1:hover{
 	box-shadow: 0 2px 14px #8bc53f4f;
 }
 .hov2:hover{
 	box-shadow: 0 2px 14px #7b38884f;
 }
 .hov3:hover{
 	box-shadow: 0 2px 14px #48a3ff4d;
 }
 .hov4:hover{
 	box-shadow: 0 2px 14px #48a3ff59;
 }
 .hung:hover{
 	box-shadow: 0 2px 14px #f8994e6e;
 }*/

.hung:hover .hungp {
    color: #f68f3f;
}


/* .huma:hover{
 	box-shadow: 0 2px 14px #75c8b475;
 }*/

.huma:hover .humap {
    color: #30849c;
}


/*  .childcan:hover{
 	box-shadow: 0 2px 14px #f0c42b69;
 */


}
.childcan:hover .childcanp {
    color: #f0c42b;
}

/*  .yout:hover{
 	box-shadow: 0 2px 14px #dd423466;
 }*/
.yout:hover .youtp {
    color: #f15a3b;
}
.foc-card:hover .vis-hov {
    color: #7B3888;
}
.foc-card:hover .dis-hov {
    color: #40459b;
}
.foc-card:hover .dia-hov {
    color: #48A3FF;
}
.foc-card:hover p {
    color: #8BC53F;
}
.childcanp:hover {
    color: #f0c415 !important;
}
.hed-bg-clr {
    background: #f6f6f6 !important;
}
.banner {
    float: left;
    width: 100%;
    background: url('../images/banner-1.png') top center no-repeat;
    width: 100%;
    height: 460px;
    background-size: cover;
    padding-left: 108px;
    padding-right: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 80px;
}
.home-bg-banner {
    float: left;
    width: 100%;
    background: url(../images/banner-new.jpg) top center no-repeat;
    width: 100%;
    height: 800px;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 15%;
    position: relative;
    overflow: hidden;
}
.home-bg-banner .container {
    z-index: 2;
}
.home-bg-banner:before {
    content: "";
    /* background: transparent linear-gradient(180deg, #00081473 0%, #545A6200 100%) 0% 0% no-repeat padding-box; */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(13, 13, 13, 0.45) 9%, rgba(137, 137, 137, 0) 98%, rgba(137, 137, 137, 0) 99%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.foc-hed {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 65px;
    font-family: helvetica-bold;
    background: none;
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}
.foc-hed::after {
    content: "";
    width: 10%;
    height: 4px;
    background: #f9c91000;
    display: inline-block;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.lne-show::after {
    content: "";
    width: 10%;
    height: 4px;
    background: #f9c910;
    display: inline-block;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.foc-hed .full-bor-btm::after {
    content: "";
    float: left;
    width: 100%;
    height: 4px;
    background: #F9C910;
    position: absolute;
    bottom: -10%;
    left: 0;
}
.foc-inn-sec {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}
.foc-inn-sec div:nth-child(n+5) .foc-card {
    margin: 0px 0;
}
.foc-card {
    float: left;
    background: #fff0;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
    /* height: 215px; */
    
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 90px 0;
    s
}
.foc-card p {
    font-size: 25px;
    float: left;
    color: #000000;
    margin-top: 20px;
    text-align: center;
}
.home-cards {
    float: left;
    width: 100%;
    margin-bottom: 120px;
}
.bg-none {
    background: none !important;
}
.up-card {
    float: left;
    width: 100%;
    height: 553px;
    background: #000;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.up-card img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.up-top-sec {
    float: left;
    width: 100%;
    position: absolute;
    top: 4%;
    left: 5%;
}
.up-top-sec p {
    color: #fff;
    font-size: 30px;
    font-family: helvetica-medium;
    position: relative;
}
.up-top-sec p::after {
    content: "";
    background: #fff;
    width: 9%;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: -5%;
    left: 0;
}
.up-btm-sec {
    float: left;
    position: absolute;
    bottom: 4%;
    left: 5%;
}
.up-btm-sec p {
    float: left;
    font-size: 24px;
    color: #fff;
    width: 100%;
    font-family: helvetica-bold;
}
.up-btm-sec a {
    float: left;
    font-size: 24px;
    color: #4989D8;
    font-family: helvetica-bold;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.up-btm-sec a:after {
    content: "";
    background: url(../images/home/red-arr.png) top center no-repeat;
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 20px;
    right: -20%;
    bottom: 10%;
}
.all_btn {
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.media-card {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.hm-sub-hed {
    float: left;
    font-family: "ACaslonPro-Italic";
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    position: relative;
}
.hm-sub-hed::after {
    content: "";
    width: 100%;
    height: 4px;
    background: #F9C910;
    display: inline-block;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hm-hed-media {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 36px;
    font-family: helvetica-medium;
    background: none;
    text-align: left;
    position: relative;
    padding-right: 20%;
    margin-top: 36px;
}
.hm-med-txt {
    float: left;
    letter-spacing: 0.01px;
    color: #fff;
    font-size: 16px;
    margin-top: 22px;
}
.hm-wth-logo {
    display: none;
}
.impact {
    margin-top: 40px;
}
.impact button {
    background: #4196DC;
}
.med-sec {}
.mt-50 {
    margin-top: 50px;
}
.hom-bg-header .head-top-strip ul li a {
    color: #fff;
}
.end-sec-cont {
    float: left;
    width: 100%;
    padding: 0 50px;
    text-align: center;
}
.end-sec-cont p {
    float: left !important;
    letter-spacing: 0.01px !important;
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-family: helvetica-light !important;
}
.end-sec-btns {
    float: left;
    width: 100%;
    margin-top: 88px;
    display: flex;
    justify-content: center;
}
.end-sec-btns button {
    background: #4989D8;
}
.srch-act {
    position: relative;
}
.pnt-sec {
    float: left;
    width: 100%;
}
.srch-act::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #093dab;
    position: absolute;
    bottom: 0;
    
}
.end-sec {
    float: left;
    width: 100%;
    background: url(../images/home/end-sec.png) top center no-repeat;
    width: 100%;
    height: 600px;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 5%;
    overflow: hidden;
    margin-top: 50px;
}
.hmv {
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}
.banner h2 {
    float: left;
    color: #fff;
    width: 100%;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: helvetica-bold;
}
.vis-tlt {
    display: flex;
    align-items: center;
}
.vis-tlt span {
    padding-right: 20px;
}
.banner p {
    font-size: 16px;
    color: #fff;
    float: left;
    width: 100%;
    font-weight: 100;
    margin-top: 25px;
    font-family: helvetica;
    letter-spacing: 0.5px;
}
.banner-sec {
    float: left;
    /* margin-top: 11%; */
    width: 100%;
}
.left-img-sec {
    float: left;
    width: 100%;
    clip-path: polygon(0% 100%, 80% 100%, 100% 0, 0% 0);
    -webkit-clip-path: polygon(0% 100%, 80% 100%, 100% 0, 0% 0);
}
.card-left {
    float: left;
    margin-top: 45px;
    width: 100%;
    background: #fff;
}
.home-cards-foc {
    margin-top: 120px;
}
.card-rht-txt {
    float: left;
    width: 100%;
    padding: 0 20px 0 100px;
    display: flex;
}
.card-rht-txt::after {
    content: " ";
    background: #ffffff;
    position: absolute;
    width: 20%;
    height: 240%;
    right: 0px;
    top: -69%;
    z-index: 0;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    left: -6%;
}
.card-left-txt::after {
    content: " ";
    background: none;
    position: absolute;
    width: 20%;
    height: 180%;
    right: 0px;
    top: -40%;
    /* z-index: 2; */
    
    z-index: 1;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    left: 87%;
}
.dnat-sec::after {
    background: transparent;
    z-index: -2;
}
.txt-gen-icon {
    float: left;
    width: 100%;
    margin-right: 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.txt-gen-icon img {
    float: left;
    width: 100%;
    margin-right: 20px;
}
.txt-cont {
    float: left;
    width: 80%;
    z-index: 2;
}
.card-sub-tlt {
    float: left;
    font-size: 18px;
    letter-spacing: 0.07px;
    color: #000000;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 14px;
    letter-spacing: 4px;
    font-weight: 600;
}
.card-tlt {
    float: left;
    width: 100%;
    letter-spacing: 0.14px;
    color: #000000;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    font-family: helvetica-bold;
}
.card-para {
    letter-spacing: 0;
    color: #000000;
    float: left;
    width: 100%;
    font-weight: 100;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-family: helvetica-light;
}
.rht-img-sec {
    float: left;
    width: 100%;
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 20% 0);
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 20% 0);
    position: relative;
}
.card-left-txt {
    float: left;
    width: 100%;
    padding: 0 20px 0 100px;
    display: flex;
}
.card-tlt-sub {
    float: left;
    font-size: 24px;
    letter-spacing: 0.1px;
    font-weight: bold;
    margin-top: 25px;
    color: #000;
}
.m-10 {
    margin-top: 10px;
}
.m-24 {
    margin-top: 24px;
}
.vert-cen {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.cont-banner {
    float: left;
    width: 100%;
    height: 600px;
    background: url('../images/banner 2.png') center no-repeat;
    background-size: cover;
    margin-top: 45px;
    display: flex;
    align-items: center;
}
.cont-banner2 {
    float: left;
    width: 100%;
    height: 600px;
    background: url('../images/cont-banner.jpg') center no-repeat;
    background-size: cover;
    margin-top: 45px;
    display: flex;
    align-items: center;
}
.cm-need {
    background: url('../images/cm-need.png') center no-repeat;
    background-size: cover;
    height: 760px;
}
.invol-hed {
    float: left;
    width: 100%;
    font-size: 60px;
    letter-spacing: 0.24px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: helvetica-bold;
    margin-bottom: 25px;
}
.invil-txt {
    float: left;
    width: 100%;
    color: #FFFFFF;
    font-size: 22px;
    margin-bottom: 35px;
}
.donate-btn {
    float: left;
    background: #7B3888;
    padding: 14px 45px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-family: helvetica-bold;
}
.dont-sec {
    float: left;
    width: 40%;
}
.brws-btn {
    float: left;
    background: #7B3888;
    padding: 14px 32px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-top: 30px;
    font-family: helvetica-bold;
}
.art-sec {
    float: left;
    background: #112E57;
    padding: 80px 20px;
    width: 100%;
    margin-top: 45px;
}
.art-hed {
    float: left;
    /* width: 100%; */
    
    letter-spacing: 0.14px;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    position: relative;
}
.art-hed::after {
    content: "";
    float: left;
    width: 100%;
    height: 4px;
    /* background: #F9C910; */
    
    position: absolute;
    bottom: -20%;
    left: 0;
    border-radius: 5px;
}
.art-txt {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-family: helvetica-light;
    margin-top: 30px;
}
.art-bxes {
    float: left;
    width: 100%;
    margin-top: 55px;
}
.resos-btm {
    margin-top: 30px;
}
.art-bx {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px 15px 24px 15px;
    height: 100%;
}
.art-bx-img {
    position: relative;
}
.lrn {
    position: absolute;
    background: #7B3888;
    padding: 16px 17px;
    width: 70%;
    clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    -webkit-clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    color: #fff;
    bottom: -10%;
    font-size: 20px;
    font-family: helvetica-bold;
}
.lrn.pur::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #7B3888;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.grn::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #00BD71;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-blu_lyt::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #68B1E2;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-purple::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #440099;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-red::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #F9423A;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-red::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #F9423A;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-gray::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #707070;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-safron::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #F68B1F;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.bg-yellow::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #EBB700;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.whoprt {
    width: 80% !important;
}
.whoprt.bg-yellow::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #EBB700;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.whoprt.pur::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #7B3888;
    border-right: 50px solid transparent;
    right: -9%;
    height: 100%;
    top: 0px;
}
.whoprt.bg-green-2::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #009383;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.lrn.bg-green-2::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #009383;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.whoprt.bg-purple::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #440099;
    border-right: 50px solid transparent;
    right: -9%;
    height: 100%;
    top: 0px;
}
.whoprt.bg-blu_lyt::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 56px solid #68B1E2;
    border-right: 50px solid transparent;
    right: -13%;
    height: 100%;
    top: 0px;
}
.whoprt.bg-env::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 56px solid #76BC21;
    border-right: 50px solid transparent;
    right: -9%;
    height: 100%;
    top: 0px;
}
.lrn.bg-env::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #76BC21;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.yell::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #F9C910;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.lt-blu::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #48A3FF;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.lrn.orng::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 60px solid #FF6B4A;
    border-right: 50px solid transparent;
    right: -19%;
    height: 100%;
    top: 0px;
}
.ar-give.bg-green-2::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #009383;
    border-right: 50px solid transparent;
    right: -9%;
    height: 100%;
    top: 0px;
}
.ar-give.bg-safron::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #F68B1F;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.ar-give.pur::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #7B3888;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.ar-give.bg-red::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #F9423A;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.ar-give.bg-env::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 54px solid #76BC21;
    border-right: 50px solid transparent;
    right: -14%;
    height: 100%;
    top: 0px;
}
.lrn-card.orng::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 62px solid #FF6B4A;
    border-right: 50px solid transparent;
    right: -11%;
    height: 100%;
    top: 0px;
}
.lrn-card.pur::after {
    content: "";
    position: absolute;
    width: 20px;
    background: transparent;
    border-top: 62px solid #7B3888;
    border-right: 50px solid transparent;
    right: -11%;
    height: 100%;
    top: 0px;
}
.or-mis {
    margin-top: 10px;
    font-size: 16px;
}
.art-cont-hed {
    float: left;
    width: 100%;
    margin-top: 10%;
}
.art-cont-hed p {
    float: left;
    color: #112E57;
    font-size: 24px;
}
.d-flex {
    display: flex;
}
.resos-btn {
    float: left;
    width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
.res-btn {
    float: left;
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 22px;
    font-size: 19px;
    background: none;
    border-radius: 5px;
    outline: none;
    font-family: helvetica-bold;
}
.foo-logo img {
    width: 60%;
}
.pnt-hed {
    float: left;
    /* width: 100%; */
    
    letter-spacing: 0.14px;
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    font-family: helvetica-bold;
}
.pnt-hed::after {
    content: "";
    float: left;
    width: 30%;
    height: 4px;
    /*    background: #F9C910;*/
    
    position: absolute;
    /* top: 10px; */
    
    bottom: -10px;
    left: 0;
}
.partner-sec {
    margin-top: 45px;
    float: left;
    width: 100%;
}
.pnt-txt {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    margin-top: 30px;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
.ptrn-sec-dwn img {
    width: 100%;
}
.part-img-sec img {
    width: 100%;
}
.rht-img-sec img {
    width: 100%;
}
.part-img-sec {
    float: left;
    width: 100%;
    margin-top: 5%;
}
.whos {
    position: relative;
    margin-bottom: 7%;
}
.f-20 {
    font-size: 20px !important;
}
.btn-resources {
    display: none;
}
.whos:nth-child(3),
.whos:nth-child(4) {
    margin-bottom: 0
}
.whoprt {
    position: absolute;
    background: #7B3888;
    padding: 12px 50px 12px 16px;
    width: auto;
    clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    -webkit-clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    color: #fff;
    top: -7%;
    font-size: 20px;
    font-weight: bold;
}
.vis-sub-txt {
    float: left;
    font-size: 14px !important;
    color: #000 !important;
    margin-top: 13px;
    line-height: 22px;
    font-weight: 100 !important;
    letter-spacing: 0.5px;
}
.vis-sub-txt a {
    text-decoration: none;
}
.vis-hed {
    float: left;
    /* width: 100%; */
    
    letter-spacing: 0.14px;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    position: relative;
}
.vis-hed::after {
    content: "";
    float: left;
    width: 30%;
    height: 4px;
    /*    background: #F9C910;*/
    
    position: relative;
    top: 10px;
}
.full-bor-btm {
    position: relative;
}
.full-bor-btm::after {
    content: "";
    float: left;
    width: 100%;
    height: 4px;
    background: #F9C910;
    position: absolute;
    bottom: -30%;
    left: 0;
}
.app-ded {
    position: relative;
}
.app-ded::after {
    content: "";
    float: left;
    width: 20%;
    height: 4px;
    background: #F9C910;
    position: absolute;
    /* top: 10px; */
    
    bottom: -20%;
    left: 0;
}
.app-para {
    margin-top: 24px;
}
.rel-cont {
    position: relative;
}
.rel-cont::after {
    content: "";
    float: left;
    width: 30%;
    height: 4px;
    background: #f9c91000;
    position: absolute;
    left: 0;
    bottom: -20%;
    top: auto;
}
.footer {
    background: #0D2240;
    padding: 84px 0;
    float: left;
    width: 100%;
}
.foo-clr-hed {
    float: left;
    font-size: 14px;
    letter-spacing: 0.03px;
    color: #F9C910;
    text-transform: uppercase;
    font-family: helvetica;
    font-weight: bold;
    letter-spacing: 2px;
}
.foo-nav {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.foo-nav ul {
    float: left;
    padding: 0;
}
.foo-nav ul li {
    list-style: none;
    float: left;
    margin-bottom: 27px;
    width: 100%;
}
.foo-nav ul li a {
    float: left;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.sos-sec {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.sos-sec ul {
    float: left;
    padding: 0;
}
.sos-sec ul li {
    list-style: none;
    float: left;
    padding: 0 10px;
}
.sos-sec ul li a {
    color: #fff;
    font-size: 24px;
}
.add-sec {
    float: left;
    width: 100%;
}
.add-sec p {
    font-size: 16px !important;
    color: #fff;
    font-family: helvetica-light;
    margin: 30px 0;
    padding: 0 20px 0 0 ;
}
.add-sec p a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-family: helvetica-light;
    margin: 0px 0;
    padding: 0 20px 0 0;
}
.foo-cpy {
    float: left;
    margin-top: 54px;
}
.foo-cpy p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-family: helvetica-light;
    line-height: 24px;
    letter-spacing: 0.5px
}
.foo-cpy::before {
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
    display: inline-block;
    position: relative;
    top: -30px;
}
.donate-btn-top:hover {
    background: #EBB700;
}
.join-btn:hover {
    background: #083088;
}
.res-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.donate-btn:hover,
.brws-btn:hover {
    /*	background: #622C6C;*/
}
.ptrn {
    position: relative;
}
.ptrn-sec-dwn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
}
.ptrn-sec-up {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
}
.mb-exp-nav {
    display: none;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #fff0;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fff0;
    border-color: #337ab7;
}
.inn-sec-img {
    position: absolute;
    bottom: 15%;
    left: 12%;
    cursor: pointer;
}
.menu-img-sec p {
    float: left;
    width: 100%;
}
.menu-img-sec p a {
    float: left;
    color: #fff !important;
    font-family: ACaslonPro-Italic !important;
    font-size: 30px !important;
    line-height: 36px;
    /* width: 100%; */
    
    margin-bottom: 5%;
    display: inline-block !important;
    font-style: italic;
}
.menu-img-sec p a::before {
    content: "";
    float: left;
    width: 100%;
    height: 4px;
    background: #F9C910;
    position: absolute;
    bottom: 0;
    left: 0;
}
.menu-img-sec h2 {
    font-family: helvetica-bold;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0.5px;
    color: #fff;
    width: 80%;
}
.top-sec {
    float: left;
    width: 100%;
    margin-top: 11%;
}
.contact-sec {
    float: left;
    width: 100%;
    background: #fff;
    padding: 99px 108px;
}
.contact-sec .hmv {
    color: #000;
}
.contact-sec .hmv a {
    color: #000;
}
.contact-sec h2 {
    letter-spacing: 0.03px;
    color: #000000;
    font-size: 60px;
    font-family: helvetica-bold;
}
.cont-form {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.cont-form input {
    float: left;
    width: 320px;
    height: 50px;
}
.cont-form label {
    float: left;
    width: 100%;
    margin-bottom: 27px;
    font-size: 24px;
    color: #000000;
    font-family: helvetica-bold;
}
.fm-grp {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.fm-grp textarea {
    float: left;
    width: 65%;
    height: 268px;
}
.fm-grp button {
    background: #4989D8;
    height: 50px;
    color: #fff;
    border-radius: 5px;
    width: 160px;
    font-size: 18.66px;
    font-family: helvetica-bold;
}
.gve,
.led {
    position: relative;
}
.gve::after {
    content: "";
    display: inline-block;
    width: 20%;
    height: 4px;
    border-radius: 5px;
    background: #F9C910;
    position: absolute;
    left: 0;
    bottom: -20%;
}
.led::after {
    content: "";
    display: inline-block;
    width: 10%;
    height: 4px;
    border-radius: 5px;
    background: #F9C910;
    position: absolute;
    left: 0;
    bottom: -30%;
}
.gve-cont {
    float: left;
    padding-left: 0px;
    width: 95%;
}
.ways-cont {
    float: left;
    width: 100%;
    padding: 57px 108px;
}
.lc-add {
    float: left;
    margin-top: 20px;
    color: #000;
    font-size: 16px;
}
.opt-cont {
    float: left;
    width: 100%;
}
.sp-blu {
    color: #0A3DAB;
    /* font-family: helvetica-medium; */
    
    cursor: pointer;
}
.lst-opt {
    float: left;
    margin-bottom: 45px;
}
.ways-banner {
    background: url(../images/ways_banner.png) center no-repeat;
    background-size: cover;
    position: relative;
}
.vision-banner {
    background: url('../images/vision-banner.png') center no-repeat;
    background-size: cover;
    position: relative;
}
.childcan-banner {
    background: url('../images/child-cancer.png') center no-repeat;
    background-size: cover;
    position: relative;
}
.diabetes-banner {
    background: url('../images/Diabetes-Imgs/banner.jpg') center no-repeat;
    background-size: cover;
    position: relative;
}
.ways-banner .ways-continer {
    z-index: 1;
}
.ways-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(90deg, #0d224096 0%, #0d234385 13%, #112E5700 100%) 0% 0% no-repeat padding-box;
}
.ways-lne {
    position: relative;
}
.ways-lne::after {
    content: "";
    display: inline-block;
    width: 68px;
    height: 4px;
    border-radius: 5px;
    background: #F9C910;
    position: absolute;
    left: 0;
    bottom: -25%;
}
.leader-sec {
    float: left;
    width: 100%;
}
.led-img {
    float: left;
    width: 100%;
}
.led-txt {
    float: left;
    width: 100%;
}
.led-txt h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #112E57;
    font-family: helvetica-bold;
    line-height: 30px;
}
.led-txt p {
    font-family: helvetica-Light;
    font-size: 16px;
    line-height: 30px;
}
.led-red {
    margin: 15px 0;
}
.led-txt p a {
    font-family: helvetica-medium;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    cursor: pointer;
    color: #0a3dab;
    text-decoration: none;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.led-cont {
    float: left;
    width: 100%;
}
.leader-sec {
    float: left;
}
.led-img {
    float: left;
    height: 450px;
}
.led-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.leader-sec .row {
    display: flex;
    flex-wrap: wrap;
}
.led-hg {
    float: left;
    margin: 40px 0;
}
.bd-assgn {
    float: left;
    width: 100%;
}
.mt-15 {
    margin-top: 15px;
    ;
}
.mr-15 {
    margin-right: 15px;
}
.h-btn {
    width: 210px;
}
.bg-blu {
    background: #0A3DAB;
}
.yell {
    background: #F9C910 !important;
    color: #000;
}
.grn {
    background: #00BD71;
    color: #000;
}
.map-sec {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.map-txt-sec {
    float: left;
    width: 50%;
}
.map-img-sec {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: center;
}
.map-btn {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.lt-10::after {
    content: "";
    width: 10%;
}
.vid-sec {
    float: left;
    width: 100%;
    margin: 45px 0 0px 0;
}

.vid-tlt {
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 85px;
    line-height: 110px;
    text-align: center;
    font-family: helvetica-bold;
    padding: 0 20px;
}
.vid-sec iframe {
    width: 100%;
    height: 720px;
    border: none;
}
.lt-blu {
    background: #48A3FF;
    color: #000;
}
.pur {
    background: #7B3888;
}
.orng {
    background: #FF6B4A;
    color: #000;
}
.red-bg {
    background: #FF4844;
}
.lt-grn {
    background: #8BC53F;
}
.mt-0 {
    margin-top: 0;
}
.cm-btn-sec {
    float: left;
    width: 100%;
}
.lrn-btn {
    margin-right: 20px;
    margin-bottom: 20px;
}
.clr-wht {
    color: #fff;
}
.list-blk {
    float: left;
    width: 100%;
}
.list-blk li {
    color: #000 !important;
}
.sep-hed {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 45px;
}
.sep-hed .card-tlt {
    margin-bottom: 0;
    position: relative;
}
.sep-tlt::after {
    content: "";
    display: inline-block;
    width: 8%;
    height: 4px;
    border-radius: 5px;
    background: #F9C910;
    position: absolute;
    left: 0;
    bottom: -40%;
    right: 0;
    margin: auto;
}
.card-btn {
    margin-top: 33px;
}
.card-btn button {
    padding: 15px 25px;
    font-size: 16px;
}
.vis-btn-nobg {
    color: #4687DB;
    border: 1px solid #4687DB;
    background: #fff0;
}
.abt-sec .hmv {
    color: #000;
}
.abt-sec {
    float: left;
    width: 100%;
    padding: 40px 100px;
    background: #fff;
    height: auto !important;
}
.abt-sec p,
.abt-sec a {
    color: #000;
}
.hel-bld {
    font-family: helvetica-bold;
    font-size: 16px;
    padding: 12px 0;
}
.mb-scrl-txt {
    margin-bottom: 40px;
    float: left;
}

/*home page*/
@media (min-width: 992px) {
    .component-hero-banner .relative-wrapper,
    .component-hero-banner .container {
        overflow: hidden;
        height: 100vh;
    }
    
    .component-hero-banner .desktop {
        display: block;
    }
}
.component-hero-banner .hero-overlay-image,
.component-hero-banner .hero-image {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    pointer-events: none;
}
.component-hero-banner .desktop .overlay-rect-1 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: white;
    -webkit-transform: rotate(-62deg) scaleY(0);
    -ms-transform: rotate(-62deg) scaleY(0);
    transform: rotate(-62deg) scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    right: 0%;
    bottom: 50%;
}
.component-hero-banner .desktop .overlay-rect-2 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #112e57;
    -webkit-transform: rotate(-62deg) scaleY(0);
    -ms-transform: rotate(-62deg) scaleY(0);
    transform: rotate(-62deg) scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    left: 0;
    top: 50%;
}
.relative-wrapper {
    position: relative;
}
.component-hero-banner .hero-banner .block {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
    transition: 0.2s all ease-out;
    z-index: 2;
}
.font-eyebrow {
    font-family: "ACaslonPro-Italic";
    font-size: 30px;
    line-height: 36px;
}
.component-hero-banner .mobile .section-1 {
    height: 100vh;
    max-height: 650px;
    min-height: 420px;
    background: #112e57;
    position: relative;
    overflow: hidden;
}
.component-hero-banner .mobile .section-1 {
    max-height: none;
}
@media (min-width: 768px) {
    .csr-foundation-top
    {
        margin-top: 0px !important;
    }
    .component-hero-banner .mobile .section-1 {
        max-height: none;
    }
    
    .font-eyebrow {
        font-family: "ACaslonPro-Italic";
        font-size: 30px;
        line-height: 36px;
    }
}
.component-hero-banner .mobile .section-2 {
    background: white;
}
.component-hero-banner .mobile .img-responsive {
    width: 100%;
}
.component-hero-banner .mobile .container,
.component-hero-banner .mobile .relative-wrapper {
    height: 100%;
}
.hero-overlay-image {
    background-image: url('../images/ home_ban.png') no-repeat;
}

/*hero banner end*/
.wout-bg-header .head-top-strip ul li a,
.wout-bg-header .head-nav ul li a {
    color: #000;
}
.inn-sec-img p a {
    color: #fff;
}
.yel-header {
    font-family: helvetica-bold;
    font-size: 14px;
    line-height: 30px;
    margin-left: -16px;
    padding-left: 16px;
    background: #ebb700;
    position: relative;
    height: 30px;
    width: 50% !important;
    margin-bottom: 15px;
}
.yel-header::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 30px solid white;
    border-left: 30px solid #ebb700;
    width: 0;
}
.donate-btn-btm:hover {
    background: #EBB700 !important;
}
.lrn-btm-btn:hover {
    background: #386CAF;
}
.media-slide {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}
.owl-dots {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}
.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #C9C9C9 !important;
    border-radius: 50%;
    margin: 0 10px;
}
.owl-dots .owl-dot.active {
    background: #4590DA !important;
    width: 33px;
    height: 10px;
    border-radius: 5px;
}
.side-icn {
    float: left;
    width: 15%;
}
.side-txt {
    width: 85%;
    margin-left: 20px;
}

/*search start*/
.search-module.active {
    height: 355px;
}
.search-module .container {
    position: relative;
}
.search-module {
    height: 0;
    -webkit-transition: 0s height;
    -o-transition: 0s height;
    transition: 0s height;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: #407cca;
    color: white;
    width: 100%;
    z-index: 11;
}
.search-module .nav-trigger {
    right: 5px;
}
.search-module .nav-trigger {
    top: 20px;
    right: 0px;
    left: inherit;
    z-index: 1;
}
.nav-trigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.nav-trigger i {
    background-color: black;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
}
.nav-trigger i {
    background-color: white;
}
.search-module .container .row a.logo {
    height: 60px;
    width: 60px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10px;
    text-decoration: none;
    display: none;
}
.logo-lcif {
    background-image: url(/themes/lionsclubs/images/brand/logo-lcif.svg);
    background-repeat: no-repeat;
}
.offset-1 {
    margin-left: 8.33333%;
}
.search-module .container .row #form-search {
    text-align: right;
}
.search-module .container .row .btn-website.disabled,
.search-module .container .row .btn-website.disabled.btn-inactive {
    color: #4687db;
    border-color: #fff;
    background-color: #fff;
    cursor: default;
}
.search-module .container .row .btn-website {
    color: #4687db;
    background-color: #ffffff;
}
.search-module .container .row .btn-website,
.search-module .container .row .btn-resources {
    border-color: #ffffff;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    font-family: helvetica-bold;
    margin-top: 20px;
    margin-left: 5px;
    -webkit-appearance: none;
}
.btn,
.search {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
input[type="submit"] {
    height: 50px;
}
.search-module .container .row .btn-resources.disabled,
.search-module .container .row .btn-resources:hover.disabled,
.search-module .container .row .btn-resources:active.disabled {
    border-color: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    cursor: default;
}
.search-module .container .row .btn-resources {
    padding: 14px 30px;
    background-color: transparent;
}
.search-module .container .row .btn-website,
.search-module .container .row .btn-resources {
    border-color: #ffffff;
    color: #2469B3;
    border-width: 1px;
    border-style: solid;
    font-family: helvetica-bold;
    margin-top: 20px;
    margin-left: 5px;
    -webkit-appearance: none;
    font-size: 19px;
    padding: 10px 20px;
}
.search-module .container .row input[type=text] {
    width: 100%;
    background: none;
    outline: none;
    border: none;
    border-bottom: 1px solid white;
    color: white;
    margin-top: 80px;
    font-size: 42px;
    font-family: helvetica-bold;
    padding: 10px 0;
}
.search-module ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    
    color: #ffffff70;
    opacity: 1;
    /* Firefox */
}
.search-module :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    
    color: #ffffff70;
}
.search-module ::-ms-input-placeholder {
    /* Microsoft Edge */
    
    color: #ffffff70;
}
@media (min-width: 992px) {
    .search-module {
        top: 135px;
    }
    
    .search-module {
        -webkit-transition: 0.2s height;
        -o-transition: 0.2s height;
        transition: 0.2s height;
    }
    
    .search-module .container .row input[type=text] {
        font-size: 42px;
    }
    
    .search-module .container .row input[type=text] {
        width: 100%;
        background: none;
        outline: none;
        border: none;
        border-bottom: 1px solid white;
        color: white;
        margin-top: 80px;
        font-size: 42px;
        font-family: helvetica-bold;
        padding: 10px 0;
    }
    
    .search-module .close {
        display: none;
    }
    
    .search-module .nav-trigger {
        right: 5px;
    }
}
.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
@media (max-width: 767.98px) {
    .search-module .container .row .search-col {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    
    .search-module .container .row .btn-website {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    
    .btn-resources {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .search-module .container {
        position: relative;
        width: 90%;
    }
    
    .search-module .container .row input[type=text] {
        font-size: 24px;
    }
}

/*search end*/
.imp-silde {
    float: left;
}
.lrn-hm {
    position: relative;
    top: -24px;
}
.lrn-hm a {
    font-size: 14px;
    text-decoration: none;
}
.mb-vis-resos {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-wrap: wrap;
    margin: 0;
}
.owl-nav {
    position: absolute;
    top: -50%;
    bottom: 0;
    margin: auto;
    width: 6%;
    z-index: 0;
    right: 0%;
    transform: scale(0.5);
}
.owl-stage-outer {
    z-index: 2;
}
.mb-vis-resos .owl-nav {
    right: 3%;
}
.mb-vis-resos .owl-nav .owl-prev {
    width: 20px;
    height: 20px;
    background: url(../images/arr_right-wht.png) center no-repeat !important;
    display: inline-block;
    position: absolute;
    background-size: cover !important;
    top: -0;
    bottom: 0;
    left: -200%;
    transform: scale(2);
    outline: none;
}
.mb-vis-resos .owl-nav .owl-next {
    width: 20px;
    height: 20px;
    background: url(../images/lft-arr.png) center no-repeat !important;
    display: inline-block;
    position: absolute;
    background-size: cover !important;
    top: 0;
    bottom: 0;
    right: -120%;
    outline: none;
    transform: scale(2);
}
.mb-vis-resos .owl-nav .owl-next span {
    color: #fff;
    position: absolute;
    top: -10%;
    left: -200%;
    font-size: 18px;
}
.mb-vis-resos .owl-nav .owl-prev span {
    color: #fff;
    position: absolute;
    top: -10%;
    left: 120%;
    font-size: 18px;
}
.media-slide .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: 0;
    right: 0%;
    left: 0%;
    transform: scale(0.5);
    display: block !important;
}
.media-slide .owl-nav .owl-prev {
    width: 20px;
    height: 20px;
    background: url(../images/arr_right-wht.png) center no-repeat !important;
    display: inline-block;
    position: absolute;
    background-size: cover !important;
    top: 30%;
    bottom: 0;
    left: -60%;
    transform: scale(2);
    outline: none;
}
.media-slide .owl-nav .owl-next {
    width: 20px;
    height: 20px;
    background: url(../images/lft-arr.png) center no-repeat !important;
    display: inline-block;
    position: absolute;
    background-size: cover !important;
    top: 30%;
    bottom: 0;
    right: -60%;
    outline: none;
    transform: scale(2);
}
.media-slide .owl-nav .owl-next span {
    color: #fff;
    position: absolute;
    top: -10%;
    left: -200%;
    font-size: 18px;
}
.media-slide .owl-nav .owl-prev span {
    color: #fff;
    position: absolute;
    top: -10%;
    left: 120%;
    font-size: 18px;
}
.imp-silde-r {
    float: left;
}
.mb-vis-resos .item {
    height: 100%;
}
.mb-vis-resos .owl-stage {
    display: flex;
    flex-wrap: wrap;
}
.impact-slide .item {
    height: 100%;
}
.impact-slide .owl-stage {
    display: flex;
    flex-wrap: wrap;
}
.mt-10 {
    margin-top: 10px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.card-para a {
    text-decoration: none;
}
.lrn a {
    text-decoration: none;
    color: #fff;
}
.vid-lay {
    float: left;
    width: 100%;
    cursor: pointer;
}
.impact-blu {
    background: #112E57;
    padding: 80px 20px;
    overflow: hidden;
}
.clr_wht {
    color: #fff;
}
.ways-tp {
    margin-top: 22px;
}
.shadow-effect h3 {
    float: left;
    font-size: 30px;
    color: #fff;
    font-style: italic;
    font-family: ACaslonPro-Italic;
    position: relative;
    margin-bottom: 15px;
}
.shadow-effect h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #F9C910;
}
.shadow-effect p {
    float: left;
    font-size: 24px;
    font-weight: 500;
    font-family: helvetica-medium;
    color: #fff;
    text-align: left;
}
.rd_mre a {
    float: left;
    font-family: helvetica-bold;
    font-size: 19px;
    text-decoration: none;
    position: relative;
}
.rd_mre a:before {
    content: "";
    background: url(../images/blu-arow.png) no-repeat center;
    width: 31px;
    height: 14px;
    display: inline-block;
    float: left;
    position: absolute;
    right: -30%;
    top: 3px;
    bottom: 0;
    margin: auto;
}
.bg-yellow {
    background: #EBB700;
}
.bg-blue {
    background: #112E57;
}
.blu-bx-clr p {
    color: #fff;
    font-size: 16px;
    font-family: helvetica;
    margin-bottom: 20px;
}
.justify-content-between {
    justify-content: space-between;
}
.child-grant {
    padding: 57px 75px;
}
.blu-bx-clr p a {
    color: #48A3FF;
}
.blu-bx-clr ul li {
   
    font-size: 16px;
    font-family: helvetica;
    margin-bottom: 20px;
}
.blu-bx-clr h2 {
    color: #fff;
}
.clr-black {
    color: #000000 !important;
}
.child-part {
    margin-bottom: 0;
}
.child-invol-banner {
    background: url('../images/child-cancer/5.jpg') no-repeat center;
    background-size: cover;
}
.dia-invol-banner {
    background: url('../images/Diabetes-Imgs/invol.jpg') no-repeat center;
    background-size: cover;
}
.hunger-banner {
    background: url('../images/hunger-banner.jpg') no-repeat center;
    background-size: cover;
}
.youth-banner {
    background: url('../images/youth-banner.jpg') no-repeat center;
    background-size: cover;
}
.bg-blu_lyt {
    background: #68B1E2;
}
.bg-green-2 {
    background: #009383;
}
.youth-invol-banner {
    background: url('../images/Youth-Imgs/invol-banner.jpg') no-repeat center;
    background-size: cover;
}
.relif-banner {
    background: url('../images/Disaster-Relief-mgs/relif-banner.jpg') no-repeat center;
    background-size: cover;
}
.humanity-banner {
    background: url('../images/humanity-img/banner.png') no-repeat center;
    background-size: cover;
}
.donate-invol-banner {
    background: url('../images/donate-invol.jpg') no-repeat center;
    background-size: cover;
}
.bg-purple {
    background: #440099;
}
.mb-0 {
    margin-bottom: 0;
}
.relif-invol-banner {
    background: url('../images/Disaster-Relief-mgs/invil-banner.jpg') no-repeat center;
    background-size: cover;
}
.dwn-pattrn {
    transform: rotate(180deg);
}
.bg-safron {
    background: #F68B1F;
}
.bg-red {
    background: #F9423A;
}
.bg-env {
    background: #76BC21;
}
.bg-gray {
    background: #707070;
}
.clr-blu_lyt {
    color: #48A3FF;
}
.w-100 {
    width: 100%;
}
.bg-less {
    background: #f6f6f6;
}
.bg-less p {
    color: #000000;
}
.bg-less h2 {
    color: #000000;
}
.bg-melvin {
    background: #254995;
}
.clr-melvin {
    color: #254995;
}
.no-line::after {
    content: "";
    background: transparent;
}
.hunger-invol-banner {
    background: url('../images/Hunger-Imgs/invol-banner.jpg') no-repeat center;
    background-size: cover;
}
.contact-banner {
    background: url('../images/melvin/invol-banner.jpg') no-repeat center;
    background-size: cover;
}
.donate-banner {
    background: url('../images/donate-banner.jpg') no-repeat center;
    background-size: cover;
}
.leo-grant-banner {
    background: url('../images/leo-grant/banner.png') no-repeat center;
    background-size: cover;
}
.grantdia-invol-banner {
    background: url('../images/Diabetes-Imgs/grant-invol.png') no-repeat center;
    background-size: cover;
}
.hunger-grant-banner {
    background: url('../images/Hunger-Imgs/grant-banner.png') no-repeat center;
    background-size: cover;
}
.hungergrnat-invol-banner {
    background: url('../images/Hunger-Imgs/grantinvol-banner.png') no-repeat center;
    background-size: cover;
}
.club-com-banner {
    background: url('../images/club-comm-banner.png') no-repeat center;
    background-size: cover;
}
.relifgrant-invol-banner {
    background: url('../images/Disaster-Relief-mgs/dis-grant-invol.png') no-repeat center;
    background-size: cover;
}
.grant-invol-banner {
    background: url('../images/grant-types/invol-banner.png') no-repeat top;
    background-size: cover;
}
.grant-type-banner {
    background: url('../images/grant-types/banner.png') no-repeat center;
    background-size: cover;
}
.humanity-invol-banner {
    background: url('../images/humanity-img/invil-img.png') no-repeat center;
    background-size: cover;
}
.camp {
    background: url('../images/camp/banner.png') no-repeat center;
    background-size: cover;
}
.area-of-banner {
    background: url('../images/Areas-Imgs/banner.png') no-repeat center;
    background-size: cover;
}
.area-invol-banner {
    background: url('../images/area-invol-banner.png') no-repeat center;
    background-size: cover;
}
.env-banner {
    background: url('../images/env/banner.png') no-repeat center;
    background-size: cover;
}
.terms-banner {
    background: url('../images/terms-banner.jpg') no-repeat center;
    background-size: cover;
    height: 300px;
}
.melvin-banner {
    background: url('../images/melvin/banner.jpg') no-repeat center;
    background-size: cover;
}
.leo-invol-banner {
    background: url('../images/leo-grant/invol-banner.png') no-repeat center;
    background-size: cover;
}
.matching-grant-banner {
    background: url('../images/matching-grant/banner.png') no-repeat center;
    background-size: cover;
}
.martching-invol-banner {
    background: url('../images/matching-grant/invol-banner.png') no-repeat center;
    background-size: cover;
}
.sightfst-grant-banner {
    background: url('../images/sight-fst-grant/banne.png') no-repeat center;
    background-size: cover;
}
.sightfst-invol-banner {
    background: url('../images/sight-fst-grant/invol-banner.png') no-repeat center;
    background-size: cover;
}
.melvin-invol-banner {
    background: url('../images/donate-page-bottom-img.jpg') no-repeat center;
    background-size: cover !important;
}
.lineqst-grant-banner {
    background: url('../images/line-qst/banner.png') no-repeat center;
    background-size: cover;
}
.env-invol-banner {
    background: url('../images/env/invol-banner.png') no-repeat center;
    background-size: cover;
}
.hel_lyt {
    font-family: helvetica-light;
}
.left-img-sec img {
    width: 100%;
}
.lne-qst {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.lne-qst .list-blk li {
    font-size: 16px;
    margin-bottom: 10px;
}
.lne-qst .list-blk li:last-child {
    margin-bottom: 0;
}
.qst-sec {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.mb-10 {
    margin-bottom: 10px;
}
.abt-club {
    float: left;
    display: flex;
    flex-direction: column;
}
.abt-club p {
    float: left;
    /* font-family: helvetica-medium; */
    
    font-size: 16px;
    color: #fff;
}
.abt-club h2 {
    float: left;
    font-family: helvetica-bold;
    font-size: 36px;
    color: #fff;
}
.abt-ul {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.abt-ul li {
    list-style: disc;
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.abt-ul li:lastchild {
    margin-bottom: 0;
}
.chld-tlt {
    float: left;
    font-family: ACaslonPro-Italic;
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
}
.chld-tlt::before {
    content: "";
    float: left;
    width: 30%;
    height: 4px;
    background: #F9C910;
    position: absolute;
    /* top: 10px; */
    
    bottom: -10px;
    left: 0;
}
.expnd-tlt {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 45px;
}
.expnd-tlt h2 {
    font-family: helvetica-bold;
    color: #000000;
    font-size: 36;
    letter-spacing: 0.14px;
    position: relative;
}
.expnd-tlt h2::before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 4px;
    border-radius: 5px;
    background: #F9C910;
    position: absolute;
    left: 0;
    bottom: -50%;
    right: 0;
    margin: auto;
}
.abt-dnt-btn {
    float: left;
    font-size: 19px;
    color: #4687DB;
    border: 1px solid #4687DB;
    border-radius: 5px;
    background: #fff;
    margin-left: 20px;
}
.bor1 {
    border: 1px solid transparent;
}
.abt-hung-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-hung-tlt::before {
    content: "";
    background: url('../images/home/hunger-icn.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.child-can-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.child-can-tlt::before {
    content: "";
    background: url('../images/home/child-cancer.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-vis-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-vis-tlt::before {
    content: "";
    background: url('../images/home/vision.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-youth-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-youth-tlt::before {
    content: "";
    background: url('../images/home/youth.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-disas-relif-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-disas-relif-tlt::before {
    content: "";
    background: url('../images/home/disas_big.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-humani-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-humani-tlt::before {
    content: "";
    background: url('../images/home/humanity.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-diabaties-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-diabaties-tlt::before {
    content: "";
    background: url('../images/home/dia.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.abt-env-tlt {
    position: relative;
    display: flex;
    align-items: center;
}
.abt-env-tlt::before {
    content: "";
    background: url('../images/home/env.png')no-repeat center;
    width: 50px;
    height: 50px;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
}
.types-grant {
    flex-wrap: wrap;
}
.types-grant .item {
    margin-bottom: 30px;
}
.math-grnt {
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.abt-resrc {
    padding-left: 100px;
    padding-right: 100px;
}
.mb-15 {
    margin-bottom: 15px;
    float: left;
}
.form-sec label {
    float: left;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.form-sec input {
    height: 50px;
    padding: 0 35px;
    box-shadow: none;
}
.cnt-cmt {
    height: 268px !important;
}
.mb-30 {
    margin-bottom: 30px;
}
.cont-tlt {
    padding-left: 15px;
    float: left;
    width: 100%;
}
.cont-form-sec {
    float: left;
    width: 80%;
    margin-left: 10%;
}
.btn-cnt {
    float: left;
    background: #4989D8;
    color: #fff;
    font-size: 18px;
    padding: 12px 45px;
    font-family: helvetica-bold;
}
.btn-cnt:hover {
    color: #fff;
}
.maps {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.addrs {
    float: left;
    width: 100%;
}
.address-sec {
    display: flex;
    flex-direction: column;
    padding-right: 100px !important;
}
.trms p {
    font-family: helvetica-light;
}
.addrs p {
    font-family: helvetica-light;
    font-size: 16px;
    margin-bottom: 15px !important;
}
.prvy-ply {
    float: left;
    width: 100%;
    margin-top: 34px;
}
.prvy-ply h2 {
    margin: 0;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    /* font-family: helvetica-medium; */
}
.mb-45 {
    margin-bottom: 45px;
}
.partners-lbl {
    float: left;
    width: 100%;
}
.lrn-card {
    float: left;
    padding: 16px 17px;
    width: 100%;
    clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    -webkit-clip-path: polygon(0% 100%, 86% 100%, 100% 0, 0% 0);
    bottom: -10%;
    font-size: 20px;
    font-family: helvetica-bold;
}
.dont-txt {
    float: left;
    width: 100%;
    margin-top: 25px;
    font-family: helvetica-light;
    font-size: 16px;
    color: #000;
}
.btn-donat {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #BAB9B8;
    border-radius: 5px;
    height: 50px;
    color: #757575;
    box-shadow: none;
    font-family: helvetica-light;
}
.btn-donat-active {
    background: #F9C910;
    color: #000000;
}
.dont-card-sec {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}
.card-innn {
    float: left;
    margin-left: 30px;
    width: 100%;
}
.dont-inn-tlt {
    font-size: 24px;
    /* margin-left: 15px; */
}
.dont-inp {
    float: left;
    width: 100%;
    height: 50px;
    border: 1px solid #BAB9B8;
    border-radius: 5px;
    padding: 0 24px;
}
.donat-inn-txt {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: helvetica-light;
}
.donat-address .dont-inp {
    margin-bottom: 30px;
}
.itlc {
    font-style: italic;
}
.trm-sec {
    float: left;
    width: 100%;
}
.trm-sec span {
    float: left;
    width: 100%;
    color: #000;
}
.trm-sec h2 {
    float: left;
    width: 100%;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: helvetica-bold;
    margin-bottom: 30px;
}

/*.abt-top-cont{
        margin-top: 0;
}
.txt-cont a { text-decoration: none !important;cursor: pointer;  }
.txt-cont a:focus, a:hover {
    color: #fff;




.dont-inn-sz{
    float: left;
    font-size: 16px !important;
    margin-left: 15px;
    font-weight: 300;
    font-family: helvetica-light;
}

.donat-btm-bor{
    float: left;
    padding-bottom: 57px;
    border-bottom: 1px solid #ccc;
}

.line-height{
    line-height: 2;
}


/*custom drop down*/
.wrap-drop {
    background: #fff;
    /* box-shadow: 3px 3px 3px rgba(0,0,0,.2); */
    
    cursor: pointer;
    max-width: 100%;
    padding: 1rem;
    position: relative;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0;
    border: 1px solid #BAB9B8;
}
.wrap-drop::after {
    background: url('../images/down-arrow-blk.png') no-repeat;
    content: "";
    /* height: 0; */
    /* margin-top: -4px; */
    
    position: absolute;
    right: 14px;
    /* top: 0; */
    /* width: 0; */
    /* display: inline-block; */
    
    width: 15px;
    height: 15px;
}
.wrap-drop .drop {
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
}
.wrap-drop .drop li a {
    color: #3D3D3D;
    display: block;
    padding: 1rem;
    text-decoration: none;
    font-size: 16px;
}
.wrap-drop span {
    color: #757575;
    font-size: 16px;
    position: relative;
    left: 25px;
}
.wrap-drop .drop li:hover a {
    background-color: #F6F6F6;
    color: #3D3D3D;
}
.wrap-drop.active::after {
    border-width: 0 10px 10px;
}
.wrap-drop.active .drop {
    display: block;
    opacity: 1;
    pointer-events: auto;
    border-radius: 0 0 5px 5px;
}

/*custom drop down*/
.cmt-inp {
    height: 150px;
    padding-top: 20px;
}
.chk-inntxt {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: helvetica-light;
}
.btn-sbmit-donate {
    float: left;
    font-size: 18px;
    color: #FFFFFF;
    background: #4989D8;
    height: 50px;
    width: 160px;
    font-family: helvetica-bold;
}
.btn-sbmit-donate:hover {
    color: #fff;
}
.btn-sbmit-donate.focus,
.btn-sbmit-donate:focus,
.btn-sbmit-donate:hover {
    color: #fff;
    text-decoration: none;
}
.thnk-hed-tlt {
    float: left;
    font-size: 60px;
    font-family: helvetica-bold;
}
.thk-bg {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dont-ext {
    float: left;
    width: 100%;
}
.dont-ext h3 {
    float: left;
    width: 100%;
    font-size: 36px;
    font-family: helvetica-bold;
}
.mt-100 {
    margin-top: 100px;
}
.thk-sos {
    padding: 0;
    margin: 0;
    float: right;
    display: flex;
    align-items: center;
}
.thk-sos li {
    float: left;
    list-style: none;
}
.thk-sos li a {
    padding: 0 15px;
}
.doation_receipt {
    float: left;
    width: 100%;
    background: #F6F6F6;
    padding: 50px 100px;
    /* margin-top: 80px; */
}
.rept-hed {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}
.rept-hed h2 {
    float: left;
    font-size: 36px;
    font-family: helvetica-bold;
}
.rept-hed p {
    float: right;
    font-family: helvetica-medium;
    font-size: 16px;
}
.rept-hed p a {
    float: right;
    font-family: helvetica-medium;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}
.rept-cont {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.rept-inn-sec {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}
.rept-inn-sec p {
    float: left;
    width: 100%;
}
.rpt-tlt {
    float: left;
    font-size: 16px !important;
    font-family: helvetica-medium !important;
    color: #000;
    margin-bottom: 17px;
    width: 100%;
}
.rpt-amt {
    font-size: 20px !important;
    font-family: helvetica-bold !important;
}
.rpt-txt {
    font-size: 22px !important;
    font-family: helvetica-light !important;
}
.input_resorce {
    float: left;
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 40px;
}
.btn-resrc-srch {
    float: left;
}
.input-resrh-srch {
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    border: 1px solid #BAB9B8;
    border-radius: 5px;
    padding: 0 200px 0 60px;
}
.btn-resrc-srch {
    float: left;
    position: absolute;
    right: 0;
    height: 50px;
    padding: 0 50px;
    background: #85AEE7;
    color: #fff;
    font-size: 19px;
    font-family: helvetica-bold;
}
.input_resorce::before {
    content: "";
    background: url('../images/srch-resrc.png') no-repeat center;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
    background-size: contain;
}
.rs-center {
    display: block;
}
.fill-sec-resrc {
    float: left;
    width: 100%;
    background: #F6F6F6;
    padding: 25px 20px;
}
.fill-sec-resrc h3 {
    float: left;
    font-size: 18px;
    font-family: helvetica-bold;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.fill-icon {
    float: left;
    cursor: pointer;
}
.fill-icon.plus {
    float: right;
    background: url('../images/resource/plus.png') no-repeat center;
    width: 30px;
    height: 30px;
    display: inline-block;
}
fill-icon.minus {
    float: right;
    background: url('../images/resource/minus.png') no-repeat center;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.rsrc-lst {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 20px;
    width: 100%;
    float: left;
}
.rsrc-lst li a {
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    font-family: helvetica-light;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}
.cat-sec {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

/* check box custom */
.new {
    float: left;
    width: 100%;
}
.form-group {
    display: block;
    margin-bottom: 15px;
}
.form-group input {
    padding: 0 20px;
    margin-bottom: 0;
    cursor: pointer;
}
.form-group label {
    position: relative;
    cursor: pointer;
    font-weight: 300;
}
.form-group label:before {
    content: '';
    -webkit-appearance: none;
    /* background-color: white;
    border: 1px solid #000000;*/
    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    /* padding: 6px;*/
    
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    /*margin-right: 10px;*/
}
.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 3px;
    width: 8px;
    height: 8px;
    /* border: solid #0079bf; */
    
    border-width: 0 2px 2px 0;
    transform: rotate(0deg);
    /* background: #0079bf; */
}

/* custom check box end */
.doc-sec {
    float: left;
    width: 100%;
}
.doc-sec-inn-cont {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 6px 6px #0000005C;
    margin-bottom: 30px;
}
.doc-tp-sec {
    float: left;
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdf-sec {
    background: #FF4844;
}
.vido-sec {
    background: #8B2994;
}
.doc-ref-txt {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #00000070;
    width: 100%;
    font-family: helvetica-light;
    font-size: 16px;
    padding: 8px 16px;
}
.doc-btm-sec {
    float: left;
    width: 100%;
    background: #F6F6F6;
    padding: 20px 20px;
    height: 250px;
    position: relative;
}
.type-detl-sec {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc3;
    padding-bottom: 20px;
    height: 30px;
    overflow: hidden;
}
.type-detl-sec p {
    float: left;
    margin: 0;
    font-size: 12px;
    color: #000000;
    font-family: helvetica-light;
}
.cont-detl-sec {
    float: left;
    width: 100%;
    padding-top: 20px;
    height: 150px;
    overflow: hidden;
}
.cont-detl-sec h3 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-family: helvetica-bold;
}
.cont-detl-sec p {
    float: left;
    margin: 0;
    font-size: 14px;
    font-family: helvetica-light;
    padding-top: 20px;
}
.btm-view-sec {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.btm-view-sec a {
    text-decoration: none;
    color: #666669;
    font-size: 12px;
    font-family: helvetica-bold;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
.btm-view-sec a::before {
    content: "";
    background: url('../images/resource/eye.png') no-repeat center;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 6px;
}
.ref-doc-sec {
    padding-left: 30px;
}
.rsos-tlt {
    float: left;
    font-size: 24px;
    color: #000000;
    width: 100%;
    font-family: helvetica-bold;
    margin-bottom: 50px;
}
.prt-txt {
    font-family: helvetica-light;
}
.prtnr-lst {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.prt-lst-img {
    float: left;
    width: 150px;
    height: 150px;
}
.prt-lst-img img {
    width: 100%;
}
.prt-txt-sec {
    float: left;
    width: calc(100% - 150px);
    padding-left: 40px;
}
.prt-txt-sec h2 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    font-family: helvetica-bold;
    font-size: 16px;
}
.prt-txt-sec p {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: helvetica-light;
}
.lst-indv {
    float: left;
    width: 100%;
    margin-bottom: 45px
}
.prt-txt-sec ul {
    padding: 0;
    margin: 0;
    float: left;
    margin-top: 20px;
}
.prt-txt-sec ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: helvetica-light;
    margin-left: 20px;
}
.dont-sec a {
    text-decoration: none !important;
    cursor: pointer;
}
*/ .childcanp:hover {
    color: #f0c415 !important;
}
.hung:hover .childcanp {
    color: #f0c415;
}
.hung:hover .humap {
    color: #30849c;
}
.hung:hover .env-hlth {
    color: #8BC53F;
}
.whos.child-part {
    margin-bottom: 5%;
}
.btn.btn-sbmit-donate {
    float: left;
    font-size: 18px;
    color: #FFFFFF;
    background: #4989D8;
    height: 50px;
    width: 160px;
    font-family: helvetica-bold;
}
a:hover {
    text-decoration: none;
}
.cursor {
    cursor: pointer !important;
}
.lt-10::after {
    width: 48%;
    bottom: -14px;
}
.art-hed::after {
    border-radius: 0px !important;
}
.gve::after {
    width: 12%;
    height: 3px;
    bottom: -13px;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.captcha_error {
    color: red;
    font-size: 12px;
}
.foc-hed .full-bor-btm::after {
    margin: 0 auto;
    width: 50%;
    right: 0;
}
.ytp-chrome-top-buttons {
    display: none !important;
}
span.clr-black a {
    color: black;
}
@media (min-width: 1440px) {
    /* .home-bg-banner {
        height: 400px;
        padding-bottom: 3%;
    } */
    
    .slider-image {
        width: 60% !important;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1280px;
        padding: 0;
    }
}
/* @media (min-width: 1084px) {
    .section-content {
        min-height: 150px;
    }
} */
@media screen and (min-width:992px) and (max-width:1138px) {
    .section-content {
        min-height: 170px;
    }
}
@media screen and (min-width:992px) and (max-width:1189px) {
    .section7-content-heading {
        min-height: 95px;
    }
}

@media screen and (min-width:400px) and (max-width:500px) {
    .slider-image {
        width: 75% !important;
    }
}
@media (max-width: 400px) {
    .slider-image {
        width: 100% !important;
    }
}
@media (max-width: 719px) {
    .nav-logo {
        width: 75% !important;
    }
}
@media (min-width: 1440px) {
    .slider-image {
        width: 60% !important;
    }
}
@media screen and (min-width:1440px) and (max-width:1800px) {
    /* .home-bg-banner {
        height: 500px !important;
    } */
    
    .slider-image {
        margin-bottom: 50px;
    }
}
@media screen and (min-width:1801px) and (max-width:2300px) {
    /* .home-bg-banner {
        height: 600px !important;
    } */
    
    .slider-image {
        margin-bottom: 75px;
    }
}
@media (min-width: 2301px) {
    .home-bg-banner {
        height: 800px !important;
    }
    
    .slider-image {
        margin-bottom: 150px;
    }
}
@media screen and (max-width: 768px) {
    .csr-foundation-top
    {
        margin-top: 70px !important;
    }
    .head-top-strip,
    .head-nav,
    .hed-rht-btns {
        display: none !important;
    }
}
.btn-outline-yellow {
    color: #F9C910;
    background-color: transparent;
    background-image: none;
    border: 1px solid #F9C910;
    padding: 15px;
}
.btn-outline-yellow:hover {
    color: #333333 !important;
    background-color: #F9C910;
    border-color: #F9C910
}
.btn-outline-yellow:active,
.btn-outline-yellow:focus {
    color: #F9C910 !important;
    background-color: transparent;
    border-color: #F9C910
}
.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
    color: #F9C910;
    background-color: transparent
}

/* .btn-outline-yellow:not(:disabled):not(.disabled).active,
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.show>.btn-outline-yellow.dropdown-toggle {
    color: #333333;
    background-color: #F9C910;
    border-color: #F9C910
} */
.btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #F9C910
}
.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none i !important;
}
.leaders-space {
    width: 12.5% !important;
}
.top-nav-image {
    width: 50px;
    margin-top: -5px;
    float: left;
}
.contact-content2 {
    background: #f7f7f7e0;
    border-radius: 10px;
    padding: 20px !important;
    color: #333 !important;
}
.contact-content2 p,
.contact-content2 h2 {
    color: #333 !important;
}
.f-12 {
    font-size: 12px !important;
}
.f-14 {
    font-size: 14px !important;
}
.f-16 {
    font-size: 16px !important;
}
.donation-checkbox
{
    width: 15px !important;
    height: 15px !important;
}
/* @media screen and (max-width: 990px) {
    .navbar-btns
    {
    margin-top: 10px !important;
    }
} */


.srch-icn-srl{
    float: left;
    background: url(../images/search.png)center / 100% no-repeat;
    display: inline-block;
    width: 30px;
    height: 50px;
    margin-left: 21px;
    cursor: pointer;
    display: none;
}
@media (max-width: 1440px) {
    .vid-sec  {
        margin-top: 0px !important;
    }
}
.mt-35
{
    margin-top: 35px !important;
}
@media screen and (min-width:769px) and (max-width:1440px) {
    .csr-foundation-top {
        margin-top: 140px !important;
    }
}