
body{
overflow-x:hidden !important;
}
.navbar {

    display: inline-block !important;
}
.fa{
    font-family: fontAwesome !important;
}
/* .topstrip{
    background:linear-gradient(#2555a8,#132b56)
        background:linear-gradient(#e0ecf9,#b4cee9);
  } */

  .topstrip {
    margin-top: -5px;
    background:linear-gradient(#2555a8,#132b56);
    border-bottom:1px solid #728fc260;
    padding-bottom: 10px;
    height: 0px;

}


.topstrip .btn-custom{
    border-radius:  0px 0px 10px 10px;
 font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important;
    height: 30px;
    padding: 5px 20px !important;
    margin-top: 3px;
}
  .btn-custom{
    padding:2px 10px !important;
    font-size:12px;
    font-weight:bold;
  }
  .btn-gold{
    background:#e2cca3 !important;
  }
  #header1{
    transition: ease all 0.5s;    height: 70px;  padding: 10px 0px;
    background: #ffffff;
  }
.headeranim{
    width: 100%;
      position: fixed;
      top: 0px;

      z-index: 9999;
      animation:anim 0.4s 1;
    
  }
  @keyframes anim{
    0%{
  top:-50px;
  height: 5px;
    }
    100%{
      top:0px;
      height: 70px;
    }
  }

  .videoWrapper{
  
   width: 100%;

   overflow: hidden;
height: calc(100vh - 100px);

  }
  
  .videoWrapper video{

    z-index: -1;
    transform: scaleY(0.82);
    /* margin-top: -50px; */
    margin-top: -25px;

  }
  .donate .fa-heart{
  animation:anim3 1s infinite;
  
  }
@keyframes anim3 {
    0%{
       transform: scale(1);
        
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
    color: #2f4a96 !important;
}

  @media screen and (max-width: 991px) {

    .navbar{
        float: right;
        margin-top: 10px;
    
    }
    .logo{
        display: inline-block;
       
    }
    #header1 {
        transition: ease all 0.5s;
        height: 80px;
        padding: 16px;
    }
    .border-right{
      border-right: none;
    }
  }

  .bg2{
    background:#adb5c5;
    padding: 5% 0px  !important;
  }

  #footer,#footer .footer-top {
    background:linear-gradient(#243961,#243961)  !important;
}
#footer .footer-top {

  border-top: 1px solid #2f4670 !important;
  border-bottom: 1px solid #2f4670 !important;
  padding: 20px 0 30px 0 !important;
}
.footernav li{
  list-style-type: none;
  display: inline-block;
  padding: 5px 20px;

}
.footernav a{
  /* color:#6d8ab9c7 !important ; */
  color:#ffffff !important ;
  font-weight: 400;
}
.footernav a:hover{
  color:#6d8ab9c7 !important ;
}
.footerli{
  border-right: 1px solid #e5edfa;
}
#footer .footer-top .social-links a{
  color: #6d8ab9c7 !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0px !important;
  line-height: 33px !important;
  background: #314976;

}
#footer .footer-top .social-links a:hover{
  color:white  !important;
}
.border-right{
  border-right: 1px solid #6d8ab9c7 !important;
  
}
#footer .footer-top .footer-links ul a{
  font-weight: 200 !important;

  font-size: 15px;}



  
  #section2{
    background: linear-gradient(90deg, #abb8c3 70%,#ffffff 30%);
    height: auto;
    padding: 3%;
  }

  .spacer{
    background: #132b56;
    height: 5px;
    width: 80px;
    margin-bottom: 25px;
  }
  .brandcolor{
    color: #132b56;
    font-weight: 600;
  }

footer label{
  margin: 5px 0px;
}

#services,
.featured {
    position: relative;
    z-index: 2;
    background: #cbd1dd ;
    padding: 50px;
}
.bg3{
    background:#cad0db;
}
.bg4{
        background:#e5edfa;
}
#clients{
    background: #f6f6f7;
    padding: 50px;
}
.imagebox{
  padding: 20px;
}

.imagebox img{
  width: 100%;
  box-shadow: -1px 14px 10px 1px #3e3e3e54;
  transform:scale(1);
  transition:ease all 0.5s;
}
.imagebox:hover img{
  width: 100%;
  box-shadow: -1px 14px 10px 1px #3e3e3e65;
   transform:scale(1.05);  transition:ease all 0.5s;
}
