.slide-box-card{
    padding: 5px;
    transition: 1s;
}
.slide-box-card .overlay{
    text-align: center;
    /* background: -webkit-gradient(linear, left bottom, left top, from(#002a50), to(#990000));
    background: linear-gradient(0deg, #002a50, #990000); */
    background-color: #fff;
    position: absolute;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 1%;
}

.slide-box-card .overlay-transparent{
    position: absolute;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    left: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
	z-index: 100;
}

.slide-box-card:hover > .overlay, .slide-box-card:hover > .overlay-transparent  {
  position: absolute;
  /* background: -webkit-gradient(linear, left bottom, left top, from(#002a50), to(#990000));
  background: linear-gradient(0deg, #002a50, #990000); */
  /* background-color: #fff; */
  width: 100%;
  height: 100%;
  opacity: 1;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}

/*.slide-box-card:hover .overlay-transparent  {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
	background-color: #f9f9f9;
	z-index: 100;
}*/