#thumbs {







    margin: 0;



display: contents;



    padding: 0; 







}















#thumbs li {




display: inline-block;


    list-style-type: none;







}















.item-thumbs {







    position: relative;







    overflow: hidden;







    margin-bottom: 30px;







    cursor: pointer;







}















.item-thumbs a + img {







    width: 100%; 







}















.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);

  

	padding:10px;

	color:#ffffff;

}
*/

.item-thumbs .hover-wrap .overlay-img {
/*top: 190px;*/
top:55px;
    position: absolute;
    width: 89%;
    height: 30%;
/*    opacity: 0.50;
    filter: alpha(opacity=80);*/
    padding: 10px;
    color: #ffffff;
	font-weight:600;
/*    background-color: black*/

}


/*.item-thumbs .hover-wrap .overlay-img {
position: absolute;
    border-radius: 60px;
    top: 100%;
    left: 45%;
    margin: -34px 0 0 -45px;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    opacity: 1;
}
*/












 




.item-thumbs .hover-wrap .overlay-img-thumb {
/*position: absolute;
    border-radius: 60px;
    top: 100%;
    left: 45%;
    margin: -34px 0 0 -45px;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    opacity: 1;
    filter: alpha(opacity=100);*/


       position: absolute;
    border-radius: 60px;
	 /*top: 100%;*/
    top:60%;
    left: 30%;
   /* margin: -45px 0 0 -28px;*/
     margin: -60px 0 0 -28px;
    font-size: 15px;
    line-height: 1em;
    opacity: 1;
    padding: 0 10px 0 0;
    text-align: center;
    color: #ffffff;
	font-weight: 900;
/*	    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: block;
    background-color: #ffc400;




}