
/*Shift Effects*/


.oxi_image_shift [class^='oxi-image-shift'],
.oxi_image_shift [class*=' oxi-image-shift'],
.oxi_image_shift [class^='oxi-image-shift'] *,
.oxi_image_shift [class*=' oxi-image-shift'] * {
    overflow: visible !important;
}

.oxi_image_shift [class^='oxi-image-shift'] .oxi-image-hover-figure-caption,
.oxi_image_shift [class*=' oxi-image-shift'] .oxi-image-hover-figure-caption {
    opacity: 0;
}

.oxi_image_shift .oxi-image-shift-top-left:hover .oxi-image-hover-figure-caption {
    opacity: 1;
    -webkit-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
}

.oxi_image_shift .oxi-image-shift-top-right:hover .oxi-image-hover-figure-caption {
    opacity: 1;
    -webkit-transform: translate(10px, -10px);
    -moz-transform: translate(10px, -10px);
    -ms-transform: translate(10px, -10px);
    -o-transform: translate(10px, -10px);
    transform: translate(10px, -10px);
}

.oxi_image_shift .oxi-image-shift-bottom-left:hover .oxi-image-hover-figure-caption {
    opacity: 1;
    -webkit-transform: translate(-10px, 10px);
    -moz-transform: translate(-10px, 10px);
    -ms-transform: translate(-10px, 10px);
    -o-transform: translate(-10px, 10px);
    transform: translate(-10px, 10px);
}

.oxi_image_shift .oxi-image-shift-bottom-right:hover .oxi-image-hover-figure-caption{
    opacity: 1;
    -webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
}