.filters-container{
text-align: center;
}
.filters-container ul.filters{
margin-top: 0;
display: inline-block;
list-style: none;
width: 65%;
padding: 0;
margin-left: 0;
}
.filters-container ul.filters li{
display: inline-block;
margin-right: 8px;
}
.filters-container ul.filters li:last-child{
margin-right: 0;
}
.filters-container ul.filters li a{
line-height: 100%;
padding: 5px 12px;
border: 1px solid;
}
.filters-container ul.filters li a.filter-category{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
} .isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
} #portfolio_small {
list-style: none;
padding: 0;
}
.gecko .portfolio-small {
width: 101%;
}
#portfolio_small li {
margin-bottom: 25px;
}
.sidebar-double #portfolio_small li:nth-child(2n+1) {
clear: left;
}
.sidebar-left #portfolio_small li:nth-child(4n),
.sidebar-right #portfolio_small li:nth-child(4n){
clear: left;
}
.sidebar-no #portfolio_small li:nth-child(4n+1){
clear: left;
}
.sidebar-double #portfolio_small li{
width: 49.9%;
}
#portfolio_small li .info{
border: 1px solid;
}
#portfolio_small li .info.no-thumb .extra_info{
margin-bottom: 15px;
}
#portfolio_small li .info h3.title{
margin-top: 25px;
text-align: center;
}
#portfolio_small li .info h3.title.with-categories{
margin-bottom: 0;
}
#portfolio_small li .info h3.title.no-categories{
margin-bottom: 25px;
}
#portfolio_small li .info .categories{
margin-bottom: 25px;
text-align: center;
}
#portfolio_small li .info .categories a[rel=tag]{
text-transform: uppercase;
font-size: 10px;
}
#portfolio_small li .info .excerpt{
margin-bottom: 35px;
}
#portfolio_small li .info .portfolio_meta .meta_content,
#portfolio_small li .info .portfolio_meta .meta_title,
#portfolio_small li .info .portfolio_meta .meta_content a.meta_link{
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
#portfolio_small li .info .portfolio_meta .meta_title{
font-weight: 600;
}
#portfolio_small li .info .portfolio_meta:before {
content: "";
display: block;
width: 55px;
border: 3px solid;
margin-bottom: 20px;
}
#portfolio_small li .info .portfolio-thumb{
position: relative;
}
#portfolio_small li .info .portfolio-overlay{
display: block;
background-color: rgba(0,0,0,0.79);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition-property: opacity;
transition-timing-function: ease-out;
transition-duration: 250ms;
-webkit-transition-property: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-property: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
-ms-transition-property: opacity;
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-o-transition-property: opacity;
-o-transition-timing-function: ease-out;
-o-transition-duration: 250ms;
}
#portfolio_small li .info:hover .portfolio-overlay{
opacity: 1;
cursor: pointer;
}
#portfolio_small li .info:hover .portfolio-overlay .portfolio-icon {
display: inline-block;
width: 20px;
height: 22px;
}
#portfolio_small li .info:hover .portfolio-overlay .portfolio-icon.yi-icon-lens {
margin-right: 15px;
}
#portfolio_small li .info .portfolio-overlay .details{
display: block;
top: 50%;
width: 100%;
text-align: center;
position: relative;
webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 0;
}
#portfolio_small li .info .portfolio-overlay:before {
content: "";
position: absolute;
border: 1px solid;
display: block;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#portfolio_small li .info:hover .portfolio-overlay:before,
#portfolio_small li .info:hover .portfolio-overlay .details{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.50;
}
#portfolio_small li .info:hover .portfolio-overlay .details{
opacity: 1;
}
#portfolio_small li .info .portfolio-thumb{
position: relative;
overflow: hidden;
}
#portfolio_small li .info:hover .portfolio-thumb img{
width: 100%;
transform: scale(1,2);
transition-timing-function: ease-out;
transition-duration: 250ms;
-webkit-transform: scale(1.2);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.2);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
-ms-transform: scale(1.2);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-o-transform: scale(1.2);
-o-transition-timing-function: ease-out;
-o-transition-duration: 250ms;
webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
#portfolio_small li .info .portfolio-thumb > img{
transform: scale(1.2,1.2);
transition-timing-function: ease-out;
transition-duration: 250ms;
-webkit-transform: scale(1.2,1.2);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.2,1.2);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
-ms-transform: scale(1.2,1.2);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 250ms;
-o-transform: scale(1.2,1.2);
-o-transition-timing-function: ease-out;
-o-transition-duration: 250ms;
} .pp_social {
display:none;
}