.portfolio {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

.portfolio-sorting {
	text-transform: uppercase;	
	font-size: 16px;
	margin-bottom: 48px;
}

.portfolio-sorting li a 
{
	color: #808080;
	text-decoration: none;
	padding: 6px;
}
.portfolio-sorting li a:hover,
.portfolio-sorting li a.active
{
	color: #2980b9;
	border-bottom: 2px solid #2980b9;
}

.portfolio-item{
	margin-bottom: 30px;
	background-color: #494949;		
}


/* Caption Style 2 */
.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);

}

figcaption {  
  position: absolute;
  bottom: 30px;
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  
}

figure:hover figcaption {
  opacity: 1;
}

figcaption a{  
 color: white;
}



@media (max-width: 767px){
	
	figcaption {  
	  position: absolute;
	  bottom: 16px;
	  color: white;
	  padding: 10px 20px;
	  opacity: 0;
	  -webkit-transition: all 0.6s ease;
	  -moz-transition:    all 0.6s ease;
	  -o-transition:      all 0.6s ease;
	  
	}
	
}