html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}
body{
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 60px;
  color: #464950;
  background-color: #ebebeb;
}
a{
  transition: 0.5s;
  color: black;
}
a:hover, a:active, a:focus {
  color: #FFA71A;
  outline: none;
  text-decoration: none;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
button:focus{
  outline: none;
}
.f-12{
  font-size: 12px !important;
}
.f-14{
  font-size: 14px !important;
}
.f-16{
  font-size: 16px !important;
}
.f-18{
  font-size: 18px !important;
}
.f-24{
  font-size: 24px !important;
}
.f-36{
  font-size: 36px !important;
}
.f-48{
  font-size: 48px !important;
}
.navbar{
  padding: 0;
}
.nav-bg .container{
  background-color: white;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.navbar-brand{
  padding: 0;
}
.navbar-dark .navbar-toggler-icon{
  background-image: url(../images/burger.svg);
}
.top-menu .nav-item{
  border:1px solid rgba(255, 167, 26, 0.3);
  margin: 0 5px;
  border-radius: 3px;
}
.top-menu .nav-item:hover{
  background-color: #FFA71A;
}
.top-menu .nav-item a{
  color: black;
  text-transform: uppercase;
  font-size: 14px;
}
.top-menu .nav-item a:hover{
  color: #ffffff;
}
.donation-link-fixed{
  position: fixed;
  top: 96px;
  right: 0;
  width: 93px;
  height: 115px;
  background-image: url(../images/img-donate.svg);
  z-index: 9999;
}
.don-link-mob{
  width: 48px;
  height: 58px;
  background-image: url(../images/img-donate-mob.svg);
}
.top-section{
  width: 100%;
  text-align: left;
}
.top-section .container{
  box-shadow: 
    inset 0px 11px 8px -10px #CCC,
    inset 0px -11px 8px -10px #CCC; 
}
.top-section .media-body{
  font-size: 12px;
}
.top-section h5{
  font-size: 12px;
  font-weight: 600;
  border-bottom: 2px solid #dadada;
}
.more-link{
  display: block;
  text-align: right;
  color: black;
}
.more-link span{
  color: #989BA1;
  vertical-align: middle;
}
.sec-orange{
  background-color: rgba(255, 102, 0, 0.25);
}
.sec-blue{
  background-color: rgba(0, 160, 227, 0.25);
}
.sec-green{
  background-color: rgba(63, 171, 60, 0.25);
}
.sec-yellow{
  background-color: rgba(254, 204, 0, 0.25);
}
.home-sec{
  position: relative;
  width: 100%;
}
.home-sec h2{
  font-size: 75px;
  font-weight: 300;
  color: #FF6600;
  padding-top: 96px;
  text-transform: uppercase;
}
.txt-blue{
  color: #00A0E3 !important;
}
.txt-green{
  color: #3FAB3C !important;
}
.txt-orange{
  color: #FF6600 !important;
}
.txt-yellow{
  color: #F7A707 !important;
}
.home-sec .quotes{
  font-size: 18px;
  color: #575757;
  font-style: italic;
  border-bottom: 5px solid #FF6600;
}
.section-bg{
  background-repeat: no-repeat;
  padding-bottom: 48px;
  background-size: cover;
  background-color: white;
  position: relative;
}
.sec-bg-1{
  background-image: url(../images/bg-section-1.jpg);
}
.sec-bg-2{
  background-image: url(../images/bg-section-2.jpg);
}
.sec-bg-3{
  background-image: url(../images/bg-section-3.jpg);
}
.sec-img-pt{
  padding-top: 96px;
}
.v-line{
  height: 70px;
  width: 5px;
  position: absolute;
  left: 200px;
}
.h-line{
  height: 5px;
  width: 70px;
  position: absolute;
  right: 8px;
  top: 263px;
}
.v-line-care{
  left: 172px;
}
.h-line-care{
  width: 172px;
  top: 300px;
}
.vtop{
  top: 16px;
}
.vbottom{
  bottom: -24px;
}
.yellow{
  background-color: #FFCC00;
}
.orange{
  background-color: #FF6600;
}
.bg-blue{
  background-color: #00A0E3;
}
.bg-green{
  background-color: #3FAB3C;
}
.btn-home{
  position: absolute;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
  color: white;
  bottom: 30px;
  right: 86px;
  padding: 0px 30px;
  letter-spacing: 2px;
}
.btn-home:hover{
  color: white;
}
.sec-stripe{
  min-height: 300px;
  text-align: center;
  color: white;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background-size: cover;
}
.sec-stripe .content{
  padding: 56px 0;
}
.sec-stripe .numbers{
  font-size: 96px;
  font-weight: 300;
  line-height: 1;
}
.sec-stripe p{
  font-size: 24px;
}
.sec-info{
  background-image: url(../images/bg-info.jpg);
}
.sec-school{
  background-image: url(../images/bg-school.jpg);
}
.sec-oldage{
  background-image: url(../images/bg-oldage.jpg);
}
.school-logo{
  max-width: 220px;
  margin-top: 20px;
}
.oldage-home .quotes{
  border-bottom: 5px solid #3FAB3C !important;
}
.sec-blue .quotes{
  border-bottom: 5px solid #00A0E3 !important;
}
.sec-donation{
  font-size: 16px;
  text-align: center;
  font-weight: 300;
}
.sec-donation .container{
  background-color: white;
}
.sec-donation h1{
  font-size: 75px;
  font-weight: 300;
  color: #EF7F1A;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}
.sec-donation h2{
  font-size: 30px;
  font-weight: 300;
}
.sub-container{
  max-width: 730px;
  margin: 0 auto;
}
.sec-donation h3{
  font-size: 48px;
  font-weight: 300;
  color: #FFCC00;
}
.sec-donation h4{
  font-size: 24px;
  font-weight: 300;
}

h2.line-header {
  display: table;
  white-space: nowrap;
  font-size: 36px;
  font-weight: 300;
  width: 100%;
  color: #EF7F1A;
}
.line-header:before, .line-header:after {
  border-top: 2px solid #FECC00;
  content: '';
  display: table-cell;
  position: relative;
  top: 1.5rem;
  width: 45%;
}
.line-header:before{ 
  right: 2%; 
}
.line-header:after { 
  left: 2%; 
}
.line-60:before, .line-60:after {
  top: 2.25rem;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto; 
  line-height: 60px; 
  background-color: #EF7F1A;
  color: #F1F2F5;
  font-size: 15px;
  text-align: center;
}
.footer .container{
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25)
}
.footer-links a{
  color: white;
  margin: 0 10px;
  text-decoration: none;
  opacity: 0.7;
}
.footer-links a:hover{
  opacity: 1;
}
.footer-col{
  display: flex;
  justify-content: flex-end;
}
.sm-links{
  display: inline-block;
  margin: auto 5px;
}
.sm-links .sm{
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: block;
}
.fb{
  background-image: url(../images/fb.png);
}
.instagram{
  background-image: url(../images/instagram.png);
}
.whatsapp{
  background-image: url(../images/whatsapp.png);
}
.twitter{
  background-image: url(../images/Twitter.png);
}
.border-right{
  border-width: 2px !important;
}
.modal-footer{
  justify-content: center;
}

/* School Styles */

.school h2{
  color: #00A0E3;
  text-transform: none;
  border-bottom: 5px solid #00A0E3;
}
.school .h-line{
  width: 60px;
  top: 186px;
}
.school .sec-bg-school{
  background-image: url(../school/images/bg-aboutus.jpg);
  background-position: bottom;
  background-size: contain;
}
.school .pb-adjust{
  padding-bottom: 380px;
}
.school .card{
  border-radius: 0;
  border: 0;
  min-height: 400px;
}
.school .card-bg-light{
  background-color: #7ACDF4;
}
.school .card-bg-deep{
  background-color: #00A0E3;
}
.school .card-horizontal {
  display: flex;
  flex: 1 1 auto;
}

/* End School Styles */

/* Oldage Styles */

.oldage h2{
  color: #3FAB3C;
  text-transform: none;
  border-bottom: 5px solid #3FAB3C;
}
.oldage .h-line{
  width: 60px;
  top: 186px;
}
.oldage .sec-bg-oldage{
  background-image: url(../oldage-home/images/bg-aboutus.jpg);
  background-position: bottom;
  background-size: contain;
}
.oldage .pb-adjust{
  padding-bottom: 380px;
}
.oldage .card{
  border-radius: 0;
  border: 0;
  min-height: 380px;
}
.oldage .card-bg-light{
  background-color: #8BE388;
}
.oldage .card-bg-deep{
  background-color: #3FAB3C;
}
.oldage .card-horizontal {
  display: flex;
  flex: 1 1 auto;
}

/* End Oldage Styles */

.col-center {
  margin: 0 auto;
  float: none !important;
}
.carousel .item {
  text-align: center;
  overflow: hidden;
}
.carousel .item .img-box {
  width: 96px;
  height: 96px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial {
  padding: 24px 70px 10px;
}
.carousel .overview span{
  color: #939393;
  font-size: 14px;
}
.carousel .carousel-control {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  top: 50%;
  background: none;
}
.carousel-control i {
  font-size: 48px;
  line-height: 42px;
  position: absolute;
  display: inline-block;
  color: rgba(219, 219, 219, 0.8);
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}
.carousel-indicators li { 
  background: #ddd;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {  
  background: #00A0E3;   
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

.bg-light-blue{
  background-color: #7ACDF4;
}
.contact{
  font-size: 18px;
  font-weight: 400;
}
.bg-light-green{
  background-color: #3FAB3C;
}

.mission .sec-bg-mission{
  background-image: url(../images/bg-mission.jpg);
  background-position: bottom;
  background-size: contain;
}
.mission h3{
  font-size: 24px;
  color: #00A0E3;
  font-weight: 300;
  text-align: center;
}
.mission .sub-container{
  max-width: 850px;
}
.mission .pb-adjust{
  padding-bottom: 400px;
}
.sec-mission h2{
  padding-top: 16px;
  text-transform: none;
}
.bb-5{
  border-bottom: 5px solid #FF6600;
}
.patrons{
  background-color: #FFE9D9;
  font-size: 12px;
  min-height: 80px;
  border-radius: 5px;
  padding: 0.75rem;
  font-weight: 400;
}
.b1-blue{
  border-color: #7ACDF4 !important;
}
.gal-sub-head{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.donate-cntr{
  border: 1px solid #dee2e6;
  border-radius: 10px;
  padding: 1rem;
}
.bg-green-light{
  background-color: rgba(63, 171, 60, 0.15);
}
.bg-blue-light{
  background-color: rgba(122, 205, 244, 0.20);
}
.nav-tabs .nav-link{
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  background-color: #dee2e6;
  display: inline-flex;
}
.nav-tabs .nav-item a:hover{
  color: black;
}
.icon-logo{
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.nav-tabs .oldage{
  background-image: url(../images/Home-for-Aged-logo-mobile.svg);
}
.nav-tabs .school{
  background-image: url(../images/school-logo-mobile.svg);
}
.don-sub-head{
  font-size: 27px;
  text-transform: uppercase;
  color: #575757;
}
.don-sub-head span{
  font-size: 18px;
  text-transform: none;
  color: #5b5b5b;
}
.package-cntr .custom-radio label{
  font-size: 42px;
}
.package-cntr .custom-control-label::before, 
.package-cntr .custom-control-label::after{
  top: 1.5rem;
  border-radius: 50%;
  border: 1px solid #b1b1b1;
}
.btn-donate{
  position: absolute;
  top: 7px;
  right: 1rem;
  font-size: 24px;
  text-transform: uppercase;
  color: white;
  font-weight: 300;
  padding: .25rem .75rem;
}
.btn-donate:hover{
  color: white;
}
.progress{
  height: 50px;
  border-radius: 24px;
  position: relative;
}
.progress-blue{
  background-color: #BCDFF5;
}
.progress-green{
  background-color: #d7f9cd;
}
.progress-bar{
  border-radius: 24px;
}
.progress-bg-blue{
  background-color: #8BC3EC;
}
.progress-bg-green{
  background-color: #92e07b;
}
.progress-label{
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  display: inline-table;
  width: 100%;
  font-size: 24px;
}
.btn-fund{
  position: inherit;
  right: 0;
}
.bw-2{
  border-width: 2px !important;
}
#btn-celchild1, #btn-celchild2,
#btn-sponchild1, #btn-sponchild2, #btn-sponchild3, #btn-sponchild4,
#btn-celbless1, #btn-celbless2, #btn-celbless3, #btn-celbless4, #btn-celbless5,
#btn-sponbless1, #btn-sponbless2, #btn-sponbless3, #btn-sponbless4, #btn-sponbless5,
#data-gpay, #data-paytm, #data-bhim, #data-online{
  display: none;
}
#celchild1:checked ~ #btn-celchild1, #celchild2:checked ~ #btn-celchild2,
#sponchild1:checked ~ #btn-sponchild1, #sponchild2:checked ~ #btn-sponchild2,
#sponchild3:checked ~ #btn-sponchild3, #sponchild4:checked ~ #btn-sponchild4,
#celbless1:checked ~ #btn-celbless1, #celbless2:checked ~ #btn-celbless2,
#celbless3:checked ~ #btn-celbless3, #celbless4:checked ~ #btn-celbless4,
#celbless5:checked ~ #btn-celbless5, #sponbless1:checked ~ #btn-sponbless1,
#sponbless2:checked ~ #btn-sponbless2, #sponbless3:checked ~ #btn-sponbless3,
#sponbless4:checked ~ #btn-sponbless4, #sponbless5:checked ~ #btn-sponbless5,
#gpay:checked ~ #data-gpay, #paytm:checked ~ #data-paytm, #bhimupi:checked ~ #data-bhim,
#online:checked ~ #data-online{
  display: block;
}
.gal-title{
  font-size: 48px;
  padding-right: 1.5rem;
  margin-right: 1rem;
}
.event-date{
  font-size: 18px;
  float: right;
  padding-top: 16px;
}
.quick-link li{
  margin-bottom: 1.5rem;
}

/*Gallery lord more*/

 *, *:before, *:after {
   box-sizing: border-box;
}
 .load-more-container {
   background: #fff;
   width: 100%;
   margin: 20px auto;
   position: relative;
}
 .load-more-container ul {
   list-style-type: none;
   padding: 0;
}
 .load-more-container ul:after {
   content: "";
   display: table;
   clear: both;
}
 .load-more-container ul li {
   width: 180px;
   margin: 10px 5px 0;
   height: 135px;
   background: #f1f1f1;
   color: #fff;
   display: inline-block;
   border-radius: 2px;
   overflow: hidden;
}
 
 .anchor{
  display: block;
  height: 60px; 
  margin-top: -60px; 
  visibility: hidden;
}

@media (max-width: 991.99px) {
  .nav-bg{
    height: auto;
  }  
  .nav-item{
    border: none;
    margin: 0;
  }
  .navbar-brand img{
    max-width: 120px;
  }
  .navbar-brand{
    margin-right: .5rem;
  }
  .home-sec h2, .sec-img-pt{
    padding-top: 24px;
  }
  .btn-home{
    bottom: 0;
    right: 16px;
    font-size: 24px;
    padding: 0px 24px;
  }
  .footer-links a{
    margin: 0;
  }
  .sec-stripe .numbers{
    font-size: 35px;
  }
  .sec-stripe{
    min-height: 160px;
  }
  .sec-stripe p{
    font-size: 10px;
  }
  .don-card, .card-flip > div{
    width: auto;
    max-width: 140px;
  }
}



@media (max-width: 768px) {
  .nav{
    margin-top: 1rem;
  }
  .nav-item{
    border: none;
    margin: 0;
  }
  .navbar-brand img{
    max-width: 120px;
  }
  .navbar-brand{
    margin-right: .5rem;
  }
  .home-sec h2, .sec-img-pt{
    padding-top: 24px;
  }
  .btn-home{
    bottom: 0;
    right: 16px;
    font-size: 24px;
    padding: 0px 24px;
  }
  .footer-links a{
    margin: 0;
  }
  .sec-stripe .numbers{
    font-size: 35px;
  }
  .sec-stripe{
    min-height: 160px;
  }
  .sec-stripe p{
    font-size: 10px;
  }
  .school .pb-adjust, .oldage .pb-adjust, .mission .pb-adjust{
    padding-bottom: 216px;
  }
  .school .card-horizontal, .oldage .card-horizontal{
    display: block;
  }
  .carousel .testimonial, .oldage .testimonial{
    padding: 24px 40px 10px;
  }
  .w-60{
    max-width: 60%;
  }
}

@media (max-width: 767px) {
  .main{
    padding: 0 0 60px;
  } 
  .nav-link{
    padding: 0.5rem;
  }
  .top-menu .nav-item a{
    font-size: 12px;
  }
  .top-menu .nav-item{
    margin: 2px;
  }
  .navbar-brand{
    margin-right: 0;
  }
  .navbar-brand img{
    max-width: 88px !important;
  }
  .sec-stripe{
    min-height: 130px !important;
  }
  .sec-stripe .content{
    padding: 10px 0;
  }
  .don-card .card-body .price{
    font-size: 10px;
    padding: 3px 5px;
    top: 5px;
    right: 5px;
  }
  .home-sec h2, .sec-donation h1{
    font-size: 48px;
  }
  .sec-donation h3{
    font-size: 32px;
  }
  .sec-donation h4{
    font-size: 18px;
  }
  .footer{
    font-size: 13px;
  }
  .sec-donation h2{
    font-size: 24px;
  }
  .don-card, .card-flip > div{
    width: auto;
    max-width: none !important;
  }
  .top-section .border-right {
    border-width: 0 !important;
  }
  .school .pb-adjust, .oldage .pb-adjust, .mission .pb-adjust{
    padding-bottom: 72px !important;
  }
  .w-60{
    max-width: 100% !important;
  }
  .line-header:before, .line-header:after{
    top: 1rem;
  }
  .mission h3{
    font-size: 18px;
  }
  .nav-tabs .nav-link{
    font-size: 18px;
  }
  .package-cntr .custom-radio label{
    font-size: 30px;
  }
  .btn-donate{
    font-size: 16px;
  }
  .progress-label{
    font-size: 16px;
  }
  .f-24{
    font-size: 18px !important;
  }
  .f-36{
    font-size: 21px !important;
  }
  .f-18{
    font-size: 16px !important;
  }
  .package-cntr .custom-control-label::before, 
  .package-cntr .custom-control-label::after{
    top: 1rem;
  }
  .section-bg{
    background-size: auto;
    background-position: center;
    padding-bottom: 24px;
  }
  .sec-bg-1{
    background-image: url(../images/img-sec-one-mob.png);    
  }
  .sec-bg-2{
    background-image: url(../images/img-sec-two-mob.png);    
  }
  .sec-bg-3{
    background-image: url(../images/img-sec-three-mob.png);    
  }
  .icon-logo{
    margin-right: 0;
  }
  .gal-title{
    font-size: 18px;
    padding-right: 0.5rem;
    margin-right: 0;
  }
}

@media (min-width: 1024px){
  .sec-patrons .col-lg-2{
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 1024px){
  .event-date{
    font-size: 16px;
    float: none;
    padding-top: 0;
    display: block;
  }
}