/* --Portfolio----- */

#work {


	color: #fff;

}

#work h2 {

	color: #fff !important;

}

#work p {

	color: #fff;

}

#portfolio {

	width: 100%

}

#portfolio .filters {

	margin-bottom: 20px

}

#portfolio .filters li a {

	color: #999;

	font-weight: 600;

	text-transform: uppercase;

}

#portfolio .filters li a, #portfolio .filters li a:hover, #portfolio .filters li a:focus {

	color: #FF9393

}

#portfolio .filters li a.active {

	color: #fff

}

#portfolio .items {

	margin-bottom: 0

}

#portfolio .items li {

	position: relative;

	float: left;

	width: 25%;

	overflow: hidden;

}

#portfolio .items li a img {

	width: 100%;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

#portfolio .items li a .overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	background-color: rgba(0,0,0,0.6);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	opacity: 0;

}

#portfolio .items li a .overlay span {

	color: #FFF;

	position: absolute;

	height: 50px;

	top: 50%;

	left: 0px;

	right: 0px;

	margin-top: -25px;

	line-height: 50px;

}

#portfolio .items li a:hover .overlay {

	opacity: 1

}

#portfolio .items li a:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}
