/********** General **********/
.contact-btn.active {
   color: var(--dark);
   background: var(--secondary);
}
.contact-btn:hover {
   box-shadow: 0 0 10px rgba(0, 0, 0, .5);
   color: var(--dark);
   background: var(--secondary);
}
/********** General **********/


/********** Banner **********/
.hero-header {
   background-size: auto, auto, auto, auto, auto, contain;
}
body .hero-header img {
   max-height: 416px;
}
/********** Banner End **********/


/********** Footer **********/
.footer {
   background-size: contain, auto;
}
.footer a {
   color: #ffffff;
   transition: all .3s ease-in-out;
}
.footer a:hover {
   color: #FBA504;
}
/********** Footer End **********/


/********** Header **********/
.navbar .colored {
   display: none;
   transition: all .3s ease-in-out !important;
}
.navbar .no-colored {
   transition: all .3s ease-in-out !important;
}
.navbar.sticky-top .no-colored {
   display: none;
}
.navbar.sticky-top .colored {
   display: block;
}
/********** Header End **********/


/********** 991px and below **********/
@media all and (max-width: 991px) {
   /***** Header *****/
   .navbar,
   .sticky-top.navbar-light {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      transition: all .3s ease-in-out;
      background-color: #ffffff;
      z-index: 2;
   }
   .navbar-light .navbar-toggler {
      color: #04000B;
      border-color: #04000B;
      transition: all .3s ease-in-out;
   }
   .fa-bars:before {
      color: #04000B;
      transition: all .3s ease-in-out;
   }
   .navbar .no-colored {
      display: none;
   }
   .navbar .colored {
      display: block;
   }
   .hero-header {
      padding-top: 150px;
   }
   /***** Header End *****/
}
/********** 991px and below End **********/