#thumbs {



    margin: 0;

display: contents;

    padding: 0; 



}







#thumbs li {



    list-style-type: none;



}







.item-thumbs {



    position: relative;



    overflow: hidden;



    margin-bottom: 30px;



    cursor: pointer;



}







.item-thumbs a + img {



    width: 95%; 



}







.item-thumbs .hover-wrap {



    position: absolute;



    display: block;



    width: 100%;



    height: 100%;



    



    opacity: 0;



    filter: alpha(opacity=0);



    



    -webkit-transition: all 450ms ease-out 0s;  



    -moz-transition: all 450ms ease-out 0s;



    -o-transition: all 450ms ease-out 0s;



    transition: all 450ms ease-out 0s;







    -webkit-transform: rotateY(180deg) scale(0.5,0.5);



    -moz-transform: rotateY(180deg) scale(0.5,0.5);



    -ms-transform: rotateY(180deg) scale(0.5,0.5);



    -o-transform: rotateY(180deg) scale(0.5,0.5);



    transform: rotateY(180deg) scale(0.5,0.5);  



}







.item-thumbs:hover .hover-wrap,



.item-thumbs.active .hover-wrap {



    opacity: 1;



    filter: alpha(opacity=100);



    



    -webkit-transform: rotateY(0deg) scale(1,1);



    -moz-transform: rotateY(0deg) scale(1,1);



    -ms-transform: rotateY(0deg) scale(1,1);



    -o-transform: rotateY(0deg) scale(1,1);



    transform: rotateY(0deg) scale(1,1);



}







.item-thumbs .hover-wrap .overlay-img {
    position: absolute;
    width: 87%;
    height: 100%;
    opacity: 0.50;
    filter: alpha(opacity=80);
    background: rgba(61, 61, 61, 0.67);
}







.item-thumbs .hover-wrap .overlay-img-thumb {



    position: absolute;



    border-radius: 60px;



    top: 50%;



    left: 45%;



    margin: -16px 0 0 -16px;



    color: #fff;



    font-size: 32px;



    line-height: 1em;   



    opacity: 1;



    filter: alpha(opacity=100);



}







ul.portfolio-categ{



    margin:10px 0 30px 0;



    padding:0;



    float:left;



    list-style:none;



}







ul.portfolio-categ li{



    margin: 0; 

    float: left;

    list-style: none;

    font-size: 13px;

    font-weight: 600;

    border: 1px solid #D5D5D5;

    margin-right: 15px;



}







ul.portfolio-categ li a{



    display:block;

    padding: 8px 20px;

    color: #14A085;



}



ul.portfolio-categ li.active{



    border: 1px solid #D7D8D6;

    background-color: #EAEAEA;



}



ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {



    text-decoration:none;



    outline:0; 



}



 



.fancybox-title.fancybox-title-inside-wrap {

    display: none;

}