/* bottom border gradient */
.border-imaged-element {
  border-bottom-style: solid;
  border-bottom-width: 6px;

  border-image:
    linear-gradient(
      to bottom, #ccc, #eee
    ) 0 0 100% 0;
}

/* add borders to any element */
.box-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}



/* top navigation bar links */
#nav2 .nav-link {
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

#nav2 .nav-item.active {
  border-bottom: #2f95c8 3px solid;
}

#nav2 .nav-item.active .nav-link {
  color: #2f95c8 !important;
}

#nav2.bg-light {
  background-color:#fff !important;
}

nav#nav2 a:hover {
  color: #2f95c8 !important;
}


/* cards hover effect */
.cardpic {
  opacity:1!important;
}

#deck1 .card:hover img{
  transform: scale(1.05);
  box-shadow: 0 5px 10px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  background-color:#ffeed5;
  transition: 0.3s;
  opacity:0.4!important;
}


/* heading gradient borders */
.bot-left {
  position: relative;
}
.bot-left:before, .bot-left:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -13px;

}
.bot-left:before {
  top: 25px;
  width: 3px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #000);
  background-image: -moz-linear-gradient(transparent, #000);
  background-image: -o-linear-gradient(transparent, #000);
}
.bot-left:after {
  right: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(left, #000, transparent);
  background-image: -moz-linear-gradient(left, #000, transparent);
  background-image: -o-linear-gradient(left, #000, transparent);
}




/*=============Responsive css==================*/

@media (max-width: 1199.98px) {


}

@media (max-width: 991.98px) {

  .display-1 {
    font-size:2.5rem;
  }

  .display-3 {
    font-size:2.0rem;
  }
}