/*
Theme Name: Wizrom
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
.w-ibanner.animation_soter.ratio_2x1.easing_easeInOutCirc .w-ibanner-content{
    transition-duration: 0;
    transition-timing-function: unset;
    animation: textHoverEffectOut .5s forwards;
}
.w-ibanner.animation_soter.ratio_2x1.easing_easeInOutCirc:hover .w-ibanner-content{
    animation: textHoverEffectIn .5s forwards;
}

/*** keyframes  ****/
@keyframes textHoverEffectIn{
  0%   {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  50%  {
    opacity: 0;
    transform: translate3d(-40%, -40%, 0) scale(2);
    z-index: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    color: #222;
    z-index: 1;
  }
}

@keyframes textHoverEffectOut{
  0%   {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    color: #222;
    z-index: 1;
  }
  50%  {
    opacity: 0;
    transform: translate3d(-40%, -40%, 0) scale(2);
    z-index: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}