/* Motion: Ripple
==================================*/

.animate-ripple .done,
.animate-ripple .done {
    visibility: hidden;
}
.animate-ripple .done,
.animate-ripple .done {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.animate-ripple .item-bg-image img.background,
.animate-ripple .item-bg-image img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.animate-ripple .in, .animate-ripple.done,
.animate-ripple .in, .animate-ripple.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.animate-ripple .in, .animate-ripple.done,
.animate-ripple .in, .animate-ripple.done {
    visibility: visible;
}
.animate-ripple .item {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.animate-ripple .item.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-ripple .done {
    visibility: hidden;
}
.animate-ripple .done,
.animate-ripple .done {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
/* Uncomment if you want images to fade in after the card

  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child { 
    opacity: 0;
  }

    .animate-ripple.done .item-bg-image img:last-child,
    .animate-ripple.done .item-bg-image img:last-child {
    opacity: 1;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    }

    .animate-ripple .item-bg-image img:last-child,
  .animate-ripple .item-bg-image img:last-child {
    box-shadow: none;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child { 
    opacity: 0;
  }

.animate-ripple.done .item-bg-image img:last-child,
.animate-ripple.done .item-bg-image img:last-child {
  opacity: 1;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.animate-ripple .in,
.animate-ripple .in {
    opacity: 0.6;
}
*/

.animate-ripple .in, .animate-ripple.done, .animate-ripple .in, .animate-ripple.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.animate-ripple .in, .animate-ripple.done, .animate-ripple .in, .animate-ripple.done {
    visibility: visible;
}
.animate-ripple.done .in, .animate-ripple.done .in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-ripple .has-mask-reverse:after, .animate-ripple .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.animate-ripple.done .has-mask-reverse:after, .animate-ripple.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-ripple .out, .animate-ripple .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
}

