.user-app  {
            border-radius: 1px;
            border-style: solid;
            border-width: 1px;
            border-color: #e1e1e1;
            height: auto;
            text-align: center;
           
        }
        .user-app h3
        {
            color:#0bb4ce !important;
        }
        .user-app2 {
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 15px;
            padding-bottom: 15px;
            margin: 0;
            position: relative;
            border-top-style: solid;
            border-top-width: 1px;
            text-align: center;
            min-height: 90px;
            border-color: #e1e1e1;
        }

             .new {
  position: relative;


}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
}

.new:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}





.new:hover .title {
  top: 90px;
}

.button {
  position: absolute;
  width: 100%;
  height:100%;
  top: 180px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
  font-size:large;
  vertical-align:baseline;
}

.button a {
  width: 200px;
  padding: 20px 48px;
  text-align: center;
  color: white !important;
  font-size:large;
  background-color :#2997ab;
  border-radius:30px;
  z-index: 500;
   transform: scale(1.1); 
  -webkit-transition: all 1.7s cubic-bezier(.23,1,.32,1);
   animation:  .5s 1 cubic-bezier(.175,.885,.32,1.275);
}

.new:hover .button {
  opacity: .9;
  color:white;
}
.zoom:hover{
        -webkit-transition: all 1.7s cubic-bezier(.23,1,.32,1);
    -webkit-transform: scale(1.1);
       transform: scale(1.1); 
}