@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 */
 
 .sao-button .sao-button-background,
 .sao-slider-text,
 .sao-button .sao-button-background::before,
 .sao-icon .sao-icon-background .sao-icon-background-hover,
 [class^='btnhvr-']  .sao-button-background::before,
 [class^='iconhvr-'] .sao-icon-background .sao-icon-background-hover
 {box-sizing:border-box;transition:.3s linear;-moz-transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-ms-transition:.3s linear}
 
 .sao-hover-icon:hover .sao-icon-background .sao-icon-background-hover{z-index:0;}
.sao-button .sao-button-background::before:hover,[class^='btnhvr-']:hover .sao-button-container .sao-button-background::before
,[class^='iconhvr-']:hover  .sao-icon-background .sao-icon-background-hover{box-sizing:border-box;transition:.3s linear;-moz-transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-ms-transition:.3s linear}
.sao-hover-show-caption .sao-button-background::before,[class*=' btnhvr-fade'] .sao-button-background::before ,.sao-hover-show-caption .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-fade'] .sao-icon-background .sao-icon-background-hover{opacity:0}
[class^='btnhvr-fade']:hover .sao-button-background::before,[class*=' btnhvr-fade']:hover .sao-button-background::before ,[class^='iconhvr-fade']:hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-fade']:hover .sao-icon-background .sao-icon-background-hover{opacity:1}
[class^='btnhvr-fade']:hover > img,[class^='btnhvr-fade']:hover .sao-button-background::before,[class*=' btnhvr-fade']:hover > img,[class*=' btnhvr-fade']:hover .sao-button-background::before ,[class^='iconhvr-fade']:hover > img,[class^='iconhvr-fade']:hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-fade']:hover > img,[class*=' iconhvr-fade']:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:translate(0,0);transform:translate(0,0)}

 

[class^='btnhvr-slide-']:hover .sao-button-background::before,[class*=' btnhvr-slide-']:hover .sao-button-background::before ,[class^='iconhvr-slide-']:hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-slide-']:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:translate(0,0);transform:translate(0,0)}


.btnhvr-slide-up .sao-button-background::before ,.iconhvr-slide-up .sao-icon-background .sao-icon-background-hover{-webkit-transform:translateY(100%);transform:translateY(100%)}
.btnhvr-slide-down .sao-button-background::before,.iconhvr-slide-down .sao-icon-background .sao-icon-background-hover{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.btnhvr-slide-left .sao-button-background::before,.iconhvr-slide-left .sao-icon-background .sao-icon-background-hover{-webkit-transform:translateX(100%);transform:translateX(100%)}
.btnhvr-slide-right .sao-button-background::before,.iconhvr-slide-right .sao-icon-background .sao-icon-background-hover{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
 

.btnhvr-hinge-right:hover .sao-button-background::before,.iconhvr-hinge-right:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotateY(0);transform:rotateY(0)}
[class^='btnhvr-flip-'] .sao-button-background::before,[class*=' btnhvr-flip-'] .sao-button-background::before,[class^='iconhvr-flip-'] .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-flip-'] .sao-icon-background .sao-icon-background-hover{opacity:0}

[class^='btnhvr-flip-']:hover .sao-button-background::before,[class*=' btnhvr-flip-']:hover .sao-button-background::before,[class^='iconhvr-flip-']:hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-flip-']:hover .sao-icon-background .sao-icon-background-hover{opacity:1}
.btnhvr-flip-horiz .sao-button-background::before,.iconhvr-flip-horiz .sao-icon-background .sao-icon-background-hover,.iconhvr-flip-horiz .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}
.btnhvr-flip-horiz:hover .sao-button-background::before,.iconhvr-flip-horiz:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.btnhvr-flip-vert .sao-button-background::before,.iconhvr-flip-vert .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}
.btnhvr-flip-vert:hover .sao-button-background::before,.iconhvr-flip-vert:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.btnhvr-flip-diag-1 .sao-button-background::before,.iconhvr-flip-diag-1 .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotate3d(1,-1,0,100deg);transform:rotate3d(1,-1,0,100deg)}
.btnhvr-flip-diag-1:hover .sao-button-background::before,.iconhvr-flip-diag-1:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}
.btnhvr-flip-diag-2 .sao-button-background::before,.iconhvr-flip-diag-2 .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotate3d(1,1,0,100deg);transform:rotate3d(1,1,0,100deg)}
.btnhvr-flip-diag-2:hover .sao-button-background::before,.iconhvr-flip-diag-2:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}



 
.btnhvr-zoom-in .sao-button-background::before,.iconhvr-zoom-in .sao-icon-background .sao-icon-background-hover{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
.btnhvr-zoom-in:hover .sao-button-background::before,.iconhvr-zoom-in:hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:scale(1);transform:scale(1);opacity:1}
[class^='btnhvr-zoom-out'] .sao-button-background::before,[class*=' btnhvr-zoom-out'] .sao-button-background::before,[class^='iconhvr-zoom-out'] .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-zoom-out'] .sao-icon-background .sao-icon-background-hover{-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}
[class^='btnhvr-zoom-out']:hover .sao-button-background::before,[class^='btnhvr-zoom-out'].hover .sao-button-background::before,[class*=' btnhvr-zoom-out']:hover .sao-button-background::before,[class*=' btnhvr-zoom-out'].hover .sao-button-background::before,[class^='iconhvr-zoom-out']:hover .sao-icon-background .sao-icon-background-hover,[class^='iconhvr-zoom-out'].hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-zoom-out']:hover .sao-icon-background .sao-icon-background-hover,[class*=' iconhvr-zoom-out'].hover .sao-icon-background .sao-icon-background-hover{-webkit-transform:scale(1);transform:scale(1);opacity:1}