/**
 * @Package: WordPress Plugin
 * @Subpackage: Ultra Portfolio
 * @Since: Ultra Portfolio 1.0
 * @Current Version: Ultra Portfolio 2.2
 * @WordPress Version: 3.5 or above
 * This file is part of Ultra Portofolio WordPress Plugin.
 */

.uport-view-fifth img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



.uport-view-fifth .mask {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.uport-view-fifth.v1 .mask {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}


.uport-view-fifth.v2 .mask {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}



.uport-view-fifth.v3 .mask {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}


.uport-view-fifth .mask-wrapper:hover .mask {
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}

.uport-view-fifth .mask-wrapper:hover img {
    -webkit-transform: translateX(10%) translateY(0px) scaleX(1.1);
    -moz-transform: translateX(10%) translateY(0px) scaleX(1.1);
    -o-transform: translateX(10%) translateY(0px) scaleX(1.1);
    -ms-transform: translateX(10%) translateY(0px) scaleX(1.1);
    transform: translateX(10%) translateY(0px) scaleX(1.1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.uport-view-fifth.v1 .mask-wrapper:hover img {
    -webkit-transform: translateX(-10%) translateY(0px) scaleX(1.1);
    -moz-transform: translateX(-10%) translateY(0px) scaleX(1.1);
    -o-transform: translateX(-10%) translateY(0px) scaleX(1.1);
    -ms-transform: translateX(-10%) translateY(0px) scaleX(1.1);
    transform: translateX(-10%) translateY(0px) scaleX(1.1);
}


.uport-view-fifth.v2 .mask-wrapper:hover img {
    -webkit-transform: translateX(0px) translateY(-10%) scaleY(1.1);
    -moz-transform: translateX(0px) translateY(-10%) scaleY(1.1);
    -o-transform: translateX(0px) translateY(-10%) scaleY(1.1);
    -ms-transform: translateX(0px) translateY(-10%) scaleY(1.1);
    transform: translateX(0px) translateY(-10%) scaleY(1.1);
}


.uport-view-fifth.v3 .mask-wrapper:hover img {
    -webkit-transform: translateX(0px) translateY(10%) scaleY(1.1);
    -moz-transform: translateX(0px) translateY(10%) scaleY(1.1);
    -o-transform: translateX(0px) translateY(10%) scaleY(1.1);
    -ms-transform: translateX(0px) translateY(10%) scaleY(1.1);
    transform: translateX(0px) translateY(10%) scaleY(1.1);
}