
.oxi_image_e_e_20 .oxi-image-effects-hover{
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
}

.oxi_image_e_e_20 .oxi-image-effects-hover.right_to_left .oxi-image-hover-image,
.oxi_image_e_e_20 .oxi-image-effects-hover.left_to_right .oxi-image-hover-image{
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    pointer-events: none;
}
.oxi_image_e_e_20 .oxi-image-effects-hover.top_to_bottom .oxi-image-hover-image,
.oxi_image_e_e_20 .oxi-image-effects-hover.bottom_to_top .oxi-image-hover-image{
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    pointer-events: none;
}

.oxi_image_e_e_20 .oxi-image-effects-hover:hover .oxi-image-hover-image{
    opacity: 1;
}


.oxi_image_e_e_20 .oxi-image-effects-hover .oxi-image-hover-figure-body{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
}
.oxi_image_e_e_20 .oxi-image-effects-hover:hover .oxi-image-hover-figure-body{
    pointer-events: auto;
}

.oxi_image_e_e_20 .oxi-image-effects-hover.left_to_right .oxi-image-hover-figure-effects,
.oxi_image_e_e_20 .oxi-image-effects-hover.right_to_left .oxi-image-hover-figure-effects{
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin:0% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.oxi_image_e_e_20 .oxi-image-effects-hover.top_to_bottom .oxi-image-hover-figure-effects,
.oxi_image_e_e_20 .oxi-image-effects-hover.bottom_to_top .oxi-image-hover-figure-effects{
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.oxi_image_e_e_20 .oxi-image-effects-hover:hover .oxi-image-hover-figure-effects{
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
}

.oxi_image_e_e_20 .oxi-image-effects-hover.top_to_bottom:hover .oxi-image-hover-image{
    -webkit-transform: translate3d(0, 100%, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 100%, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 100%, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 100%, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 100%, 0) rotate3d(1, 0, 0, -90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.top_to_bottom .oxi-image-hover-figure-effects{
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.top_to_bottom:hover .oxi-image-hover-figure-effects{
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.bottom_to_top:hover .oxi-image-hover-image{
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.bottom_to_top .oxi-image-hover-figure-effects{
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.bottom_to_top:hover .oxi-image-hover-figure-effects{
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.left_to_right:hover .oxi-image-hover-image{
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, -90deg);
    -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, -90deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, -90deg);
    -o-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, -90deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, -90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.left_to_right .oxi-image-hover-figure-effects{
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.left_to_right:hover .oxi-image-hover-figure-effects{
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    -ms-transform: rotate3d(0, 1, 0, 0deg);
    -o-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.right_to_left:hover .oxi-image-hover-image{
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
    transform:translate3d(0, 0, -220px) rotate3d(0, 1, 0, 90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.right_to_left .oxi-image-hover-figure-effects{
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
    -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
    -o-transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
}
.oxi_image_e_e_20 .oxi-image-effects-hover.right_to_left:hover .oxi-image-hover-figure-effects{
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    -ms-transform: rotate3d(0, 1, 0, 0deg);
    -o-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
}