/*slider animation*/
@keyframes slideUpFade {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.image-animate {
  animation: slideUpFade 1s ease-out forwards;
  animation-delay: 0.6s;
  opacity: 0;

}


.navbar-brand {
    padding-top:30px!important;
    padding-bottom: 0px!important;
}

.default-logo {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #073777;
}

.mobile-logo {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #073777;  
}

.btn.btn-white {
    background-color: #073779;
    color: #fff;
}

.terms-conditions {
    color: #073777;
}
li.me-35px.sm-me-20px a:hover {
    color: #073777!important;
}



header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo {
    visibility: hidden;
    opacity: 0;
    height: 100px!important;
}

.footer-dark a:hover, .footer-light a:hover, .footer-navbar li a:hover {
    color: #fff!important;
}

.theme-demos {
	display: none!important;
}


.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item:hover .nav-link {
    color: #073777;
    opacity: 1;
}


/*dropdown menu*/
.navbar .navbar-nav .dropdown .dropdown-menu {
    margin: 0;
    padding: 60px 0 30px 10px;
    border: 0;
    top: 100%;
    background-color: var(--white);
    box-shadow: 0 45px 45px 0 rgba(0, 0, 0, .05);
    -webkit-animation: hide-animation .5s;
    animation: hide-animation .5s;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*.hover-heading {
  opacity: 0.9;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}

.feature-box:hover .hover-heading {
  opacity: 1;
}*/

.image-overlay {
  background-color: rgba(0, 0, 0, 0.4); /* thin dark overlay */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.hover-heading {
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.feature-box:hover .image-overlay,
.feature-box:hover .hover-heading {
  opacity: 1;
}

.image-hover-overlay {
  background-color: rgba(0, 0, 0, 0.4); /* thin gray/black overlay */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none; /* allows clicks to go through to image */
}

.feature-box:hover .image-hover-overlay {
  opacity: 0.9;
}


nav.navbar.navbar-expand-lg.navbar-light.bg-white.disable-fixed {
    padding: 0px 20px;
}

footer .footer-logo img {
    max-height: 50px!important;
}
.bg-dark-gray, .bg-dark-gray:focus {
    background-color: #000000d6;
}

















@media only screen and (min-width: 960px) {
       /* styles for browsers larger than 960px; */
       header .navbar-brand img {
            max-height: 100px!important; 
       }
   }
   @media only screen and (min-width: 1440px) {
       /* styles for browsers larger than 1440px; */
   }
   @media only screen and (min-width: 2000px) {
       /* for sumo sized (mac) screens */
   }
   @media only screen and (max-device-width: 480px) {
      /* styles for mobile browsers smaller than 480px; (iPhone) */
      header .navbar-brand img {
           max-height: 100px!important; 
      }
     
   }
   @media only screen and (device-width: 768px) {
      /* default iPad screens */
   }
   /* different techniques for iPad screening */
   @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
     /* For portrait layouts only */
   }

   @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
     /* For landscape layouts only */
   }