
.portfolio-item{
	 overflow: hidden;
	 box-shadow: 1px 1px 1px 1px #c3c4bc;
	
		
}

 .portfolio-item .thumb {
    position: relative;
    display: block;
}

 .portfolio-item .thumb img.folio{
    width:100%;
	//height: 200px;
	object-fit: cover;
	min-width:100%;
	//margin-top:10px;
	transition:all 0.3s ease-in-out;
}


.portfolio-item .thumb img.folio:before{
    content: "";
    display: block;
    padding-top: 100%;
}

img.df-icon{width:50px;height:50px;margin-bottom:20px;}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    //background-color: rgba(255, 79, 79, 1);
	background-color:#00358F;
	
    opacity: 0;
    filter: alpha(opacity=0);
    transition:all 0.4s ease-in-out;
	
    cursor: pointer;
    overflow: hidden;
}


.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description{
    opacity: 1;
    filter: alpha(opacity=100);
	
}

.portfolio-item:hover a > img{
	
transform: scale(1.05);
	
}


.portfolio-item:hover .portfolio-hover .portfolio-description {
    top: 50%;
    /*margin-bottom: -90px;*/
}


.portfolio-hover .portfolio-description {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    
    padding: 10%;

}


.portfolio-description,
.portfolio-description h3,
.portfolio-description h3 a{
    /*text-align: center;*/
    color: #fff;
}

.portfolio-description h3 {
	//text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	text-align:center;
    margin-bottom: 15px;
    font-size: 22px;
    //text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
	color:#ffffff;
}

.portfolio-description p {
	text-align:center;
    font-size:15px;
    margin-bottom: 0;
    font-weight: normal;
    color: #fff;
    line-height: 20px;
}

.portfolio-description p.category{color:#e5e5e5;font-weight:bold;margin-bottom:10px;display:block;}

.portfolio-description a,
.portfolio-title a {
    color: #fff;
}

