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




/*----------------------------------------
 image
------------------------------------------*/
.uport-view-fourth img {
    -webkit-transition: all 0.5s ease-in 0.2s;
    -moz-transition: all 0.5s ease-in 0.2s;
    -o-transition: all 0.5s ease-in 0.2s;
    -ms-transition: all 0.5s ease-in 0.2s;
    transition: all 0.5s ease-in 0.2s;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


.uport-view-fourth .mask-wrapper:hover img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}


.uport-view-fourth.v3 .mask-wrapper:hover img {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}





/*----------------------------------------
mask
------------------------------------------*/
.uport-view-fourth .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



.uport-view-fourth.v1 .mask {
    -webkit-transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
}



.uport-view-fourth.v2 .mask {
    -webkit-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}



.uport-view-fourth.v3 .mask {
    -webkit-transform: scale(2) rotate(0deg);
    -moz-transform: scale(2) rotate(0deg);
    -o-transform: scale(2) rotate(0deg);
    -ms-transform: scale(2) rotate(0deg);
    transform: scale(2) rotate(0deg);
}



.uport-view-fourth .mask-wrapper:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}


/*----------------------------------------
    all elements
------------------------------------------*/

.uport-view-fourth h2,
.uport-view-fourth .price,
.uport-view-fourth p,
.uport-view-fourth a.info,
.uport-view-fourth h4  {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.uport-view-fourth .above-wrapper h2,
.uport-view-fourth .above-wrapper .price,
.uport-view-fourth .above-wrapper p,
.uport-view-fourth .above-wrapper a.info,
.uport-view-fourth .above-wrapper h4,
.uport-view-fourth .outarea h2,
.uport-view-fourth .outarea .price,
.uport-view-fourth .outarea p,
.uport-view-fourth .outarea a.info,
.uport-view-fourth .outarea h4 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


/*----------------------------------------
    hover
------------------------------------------*/

.uport-view-fourth .mask-wrapper:hover h2,
.uport-view-fourth .mask-wrapper:hover .price,
.uport-view-fourth .mask-wrapper:hover h4,
.uport-view-fourth .mask-wrapper:hover p,
.uport-view-fourth .mask-wrapper:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}