/* ease effect */
.ease { transition: all .3s ease-in-out; }
/* ease effect */


/* float */

 
.float {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.float:hover, .float:focus, .float:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.18);

}


/*float*/