.oxi-image-hover-style-square{
width: 100%;
margin: 0 auto;
position: relative;
}
.oxi-image-hover-style-square:after {
padding-bottom: 100%;
content: "";
display: block;
}
.oxi-image-hover-style-square .oxi-image-general-hover,
.oxi-image-hover-style-square .oxi-image-hover-figure{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
}
.oxi-image-hover-style-square .oxi-image-hover-image{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 1;
pointer-events: none;
}
.oxi-image-hover-style-square .oxi-image-hover-figure:before{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
content: "";
display: block;
pointer-events: none;
z-index: 11;
}
.oxi-image-hover-style-square .oxi-image-hover-image:before{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
content: "";
pointer-events: none;
z-index: 11;
display: block;
}
.oxi-image-hover-style-square .oxi-image-hover-image img{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} 
.oxi-image-hover-style-square  .oxi-image-hover-figure-caption{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
}
.oxi-image-hover-style-square  .oxi-image-hover-figure-caption:before{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
content: "";
display: block;
z-index: 11;
pointer-events: none;
}
.oxi-image-hover-style-square  .oxi-image-hover-figure-caption:after{
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
content: "";
display: block;
pointer-events: none;
}
.oxi-image-square-hover .oxi-image-hover-caption-tab{
overflow: hidden;
z-index: 1;
position: absolute;
flex-direction: column;
top: 0;
left: 0;
right:0;
bottom: 0;
}
.oxi-image-hover-caption-tab{
display: flex;
align-items: center;
justify-content: center;
}
.oxi-image-hover-figure-heading{
width: 100%;
}
.oxi-image-square-hover .oxi-image-hover-heading{
font-size: 20px;
font-weight: 600;
padding-bottom: 0px;
color: #ffffff;
width: 100%;
position: relative;
}
.oxi-image-square-hover .oxi-image-hover-heading.oxi-image-hover-heading-underline{
position: relative;
}
.oxi-image-square-hover .oxi-image-hover-heading.oxi-image-hover-heading-underline:before{
position: absolute;
content: "";
bottom: 0;
transform: translateX(-50%);
left: 50%;    
width: 100%;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.oxi-image-square-hover .oxi-image-hover-content{
font-size: 15px;
font-weight: 300;
padding-bottom: 10px;
color: #ffffff;
width: 100%;
}
.oxi-image-square-hover .oxi-image-hover-button{
position: relative;
width: 100%;
display: block;
}
.oxi-image-square-hover a.oxi-image-btn{
display: inline-block;
font-size: 12px;
color: #00a88f;
background: #fafafa;
font-weight: 300;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 7px 10px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}.oxi-image-square-hover-style-8 .oxi-image-hover-figure{
overflow: hidden;
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure .oxi-image-hover-figure-caption{
opacity: 0;
visibility: hidden;
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure .oxi-image-hover-figure-caption,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure .oxi-image-hover-figure-caption{
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure .oxi-image-hover-image,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure .oxi-image-hover-image{
opacity: 0;
pointer-events: none;
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.left_to_right .oxi-image-hover-image {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.left_to_right .oxi-image-hover-figure-caption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.left_to_right .oxi-image-hover-image,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.left_to_right .oxi-image-hover-image{
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.left_to_right .oxi-image-hover-figure-caption,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.left_to_right .oxi-image-hover-figure-caption{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.right_to_left .oxi-image-hover-image {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.right_to_left .oxi-image-hover-figure-caption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.right_to_left .oxi-image-hover-image,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.right_to_left .oxi-image-hover-image{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.right_to_left .oxi-image-hover-figure-caption,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.right_to_left .oxi-image-hover-figure-caption{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-image {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-figure-caption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-image,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-image{
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-figure-caption,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.top_to_bottom .oxi-image-hover-figure-caption{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-image {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.oxi-image-square-hover-style-8 .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-figure-caption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-image,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-image{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.oxi-image-square-hover-style-8.oxi-image-hover:hover .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-figure-caption,
.oxi-image-square-hover-style-8.oxi-image-hover.oxi-touch .oxi-image-hover-figure.bottom_to_top .oxi-image-hover-figure-caption{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}