/*hover effect start*/
 
 /*fade*/
.img-holder:hover .hvrfade{
transition-timing-function: ease-in;
transition-duration: 1500ms; 
transition: opacity;
transition-timing-function: ease-in;

-ms-transition:opacity;
-ms-transition-timing-function: ease-in;
 -ms-transition-duration: 1500ms;
-moz-transition:opacity;
-moz-transition-timing-function: ease-in;
 -moz-transition-duration: 1500ms;

-webkit-transition: opacity;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 1500ms;
  
}


/*sweep to right*/
.img-holder .sweep_to_right{
  transform: scaleX(0);
  transform-origin: 0% 50%;
 -webkit-transform: scaleX(0);
 -webkit-transform-origin: 0% 50%;


}
.img-holder:hover .sweep_to_right{
   transition-duration: 1500ms;
   -webkit-transition-duration: 1500ms;
   transform: scaleX(1) ; 
  -webkit-transform: scaleX(1);

  
  
}
/*sweep to right*/
.img-holder .sweep_to_left{
    transform: scaleX(0);
    transform-origin: 100% 50%;
 -webkit-transform: scaleX(0);
 -webkit-transform-origin: 100% 50%;;


}
.img-holder:hover .sweep_to_left{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
      transform: scaleX(1) ; 
  -webkit-transform: scaleX(1);
 
  
}


/* Sweep To Bottom */
.img-holder .sweep_to_bottom{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;


}
.img-holder:hover .sweep_to_bottom{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
 
  
}
/* Sweep To top */
.img-holder .sweep_to_top{
   -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;


}
.img-holder:hover .sweep_to_top{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
 
  
}
/* Bounce To Right */
.img-holder .bounce_to_right{
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;


}
.img-holder:hover .bounce_to_right{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 
  
}
/* Bounce To Left */
.img-holder .bounce_to_left{
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;


}
.img-holder:hover .bounce_to_left{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 
  
}
/* Bounce To Bottom */
.img-holder .bounce_to_bottom{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;


}
.img-holder:hover .bounce_to_bottom{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 
  
}
/* Bounce To Top */
.img-holder .bounce_to_top{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;


}
.img-holder:hover .bounce_to_top{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
 
  
}
/* Radial Out */
.img-holder .radial_out{
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
 

}
.img-holder:hover .radial_out{
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
  -webkit-transform: scale(1);
  transform: scale(1);
 overflow: hidden;
  
}
/* Radial In */
.img-holder .radial_in{
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
 
}
.img-holder:hover .radial_in{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;

  
}
/* Rectangle out */
.img-holder .rectangle_out{

    -webkit-transform: scale(0);
    transform: scale(0);
 

}
.img-holder:hover .rectangle_out{
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
  -webkit-transform: scale(1);
  transform: scale(1);

  
}
/* Rectangle in */

/*.img-holder .rectangle_in{
display: inline-block !important;
  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;
  
  background: #2098d1;
 
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 }*/
.img-holder .rectangle_in:before{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 }

.img-holder:hover .rectangle_in{
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
  -webkit-transform: scale(0);
  transform: scale(0);
  
}


/* Shutter In Horizontal */
.img-holder .shutter_in_horizontal{
 -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
 }

.img-holder:hover .shutter_in_horizontal{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  
}
/* Shutter out Horizontal */
.img-holder .shutter_out_horizontal{
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
 }

.img-holder:hover .shutter_out_horizontal{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  
}
/* Shutter In Vertical */
.img-holder .shutter_in_vertical:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
 }
.img-holder .shutter_in_vertical{

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
 
  background: #2098d1;

  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 }

.img-holder:hover .shutter_in_vertical{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  
}

/* Shutter Out Vertical */
.img-holder .shutter_out_vertical{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
 }

.img-holder:hover .shutter_out_vertical{
    transition-duration: 1500ms;
    -webkit-transition-duration: 1500ms;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  
}
 /*hover effect end*/