body,html{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: 'Hind Vadodara', sans-serif !important;
}
ul{
  /*display: flex;
    align-items: center;*/
}
.gfs-font{
  font-family: 'GFS Didot', serif;
}
.montserrat{
  font-family: 'Montserrat', sans-serif;
}
.vadodara{
  font-family: 'Hind Vadodara', sans-serif;
}

small{
 font-family: 'Hind Vadodara', sans-serif; 
}

/*BG Color*/
.bg-light-gray{
  background-color: #E9E9E9FF;
}
.bg-gold{
  background-color: #997332FF;
}
.bg-maroon{
  background-color: #550311FF;
}
.bg-tomato{
  background-color: #D23001FF !important;
}
.bg-dark-blue{
  background-color: #293696FF;
  color: white;
}
.bg-gradient{
  background: rgb(237,27,36);
  background: -moz-linear-gradient(90deg, rgba(237,27,36,1) 0%, rgba(146,79,53,1) 50%, rgba(0,157,80,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(237,27,36,1) 0%, rgba(146,79,53,1) 50%, rgba(0,157,80,1) 100%);
  background: linear-gradient(90deg, rgba(237,27,36,1) 0%, rgba(146,79,53,1) 50%, rgba(0,157,80,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1b24",endColorstr="#009d50",GradientType=1);
}

/*BG SIZE*/
.size-cover{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.size-contain{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*WOW*/
.wow:first-child {
      visibility: hidden;
}

/*BANNER HEADER TEXT*/
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*TEXT*/
.text-gold{
  color: #997430FF !important;
}

/*FONT WEIGHT*/
.font-weight-500{
  font-weight: 400;
}

/*RADIUS*/
.rounded-xl {
  border-radius: .75rem !important;
}

/*OUTLINE NAV BUTTON*/
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

/*OVERLAY*/
.div-overlay {
  position: relative;
}
.overlay {
  position: absolute; 
  bottom: 0; 
  background-color: rgba(0, 0, 0, .7);
  color: #f1f1f1; 
  width: 100%;
  color: white;
  padding: 7px;
}


/*OVERLAY - SHOW WHEN HOVER*/
.div-overlay-hover {
  position: relative;
}
.overlay-hover {
  position: absolute; 
  bottom: 0; 
  background-color: rgba(0, 0, 0, .7);
  color: #f1f1f1; 
  width: 100%;
  color: white;
  padding: 7px;
  transition: .5s ease;
  opacity: 0;
}
/* When you mouse over the div-overlay, fade in the overlay */
.div-overlay-hover:hover .overlay-hover {
  opacity: 1;
}

/*ICON*/
.lab{
  font-size:  30px;
}
.fa-custom{
  font-size: 1.5em;
}