@charset "UTF-8";
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
 

 /********************************************************************
5.9. Hover
*********************************************************************/ 
/* zoom icon & play icon */
 /* 
/********************************************************************
6. Hover Icon
*********************************************************************/
 
/*Opacity*/
.sao-hover-reduce-opacity img {
	opacity:1;
}
.sao-hover-reduce-opacity figure:hover  img{
	opacity:0.7;
}
.sao-hover-remove-opacity img  {
	opacity:0.7;
 }
.sao-hover-remove-opacity figure:hover  img{
	opacity:1;
} 
 
.sao-hover-grow img:hover {
  	transform:scale(1.1,1.1);
}
.sao-hover-add-color  img {
   filter: grayscale(100%);
 
}
.sao-hover-add-color figure:hover  img {
   filter: grayscale(00%);
}
 
/* add&remove color*/
 
.sao-hover-remove-color  img  {
   filter: grayscale(00%);
}
.sao-hover-remove-color figure:hover img {
   filter: grayscale(100%);
 
}
/*Blur*/
.sao-hover-add-blur  img {
   filter: blur(0px);
 
}
.sao-hover-add-blur figure:hover  img {
  -webkit-filter: blur(1px); 
 }
 
.sao-hover-remove-blur img  {
   filter: blur(1px);
}
.sao-hover-remove-blur  img:hover {
   filter: blur(0px);
 
}
/*shrink*/

.sao-hover-shrink img{
 
 	transform:scale(1.1);
}
.sao-hover-shrink figure:hover img {
 
 	transform:scale(1.0);
 
}
 
.sao-hover-rotate img{
 
          transform: rotate(0);
	}
.sao-hover-rotate figure:hover img {
 
          transform: rotate(-7deg) scale(1.2);
}
 
.sao-hover-add-brighten  img {
   filter: brightness(100%);
}
 .sao-hover-add-brighten  figure:hover  img {
   filter: brightness(125%);
}
.sao-hover-remove-brighten  img  {
   filter: brightness(125%);
}
.sao-hover-remove-brighten  figure:hover  img {
   filter: brightness(100%);
 
}
 
 
 
.sao-hover-sidepan img{
     background-position-x: 100% !important;

	 background-size: auto 100% !important;
background-repeat: no-repeat !important;
	  
    width: 100% !important;
	 	transition: 1.5s linear !important;

 }
 
.sao-hover-sidepan figure:hover img{
	    background-position-x:  00% !important;
	 	transition: 1.5s linear !important;

}  
 .sao-hover-verticalpan img{
	 	transition: 1.5s linear !important;

     background-position-y: 00% !important;
	 background-size: 100% !important
}
.sao-hover-verticalpan  figure:hover  img{
	    background-position-y: 100% !important;
}  
 

 
 
 
.sao-hover-add-darkness   img {
  -webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */
  filter:  brightness(100%);
}
 .sao-hover-add-darkness figure:hover   img {
   filter:  brightness(60%);
}
.sao-hover-remove-darkness  img  {
   filter:  brightness(60%);
}
.sao-hover-remove-darkness  figure:hover  img {
   filter:  brightness(100%);
 
}