/***********************************************************************************
 *	- PORTFOLIO
 ***********************************************************************************/
	
	.portfolio-item {
		margin-bottom: 30px;
		overflow: hidden;
	}
	
	.portfolio-item-thumbnail {
		position: relative;
		overflow: hidden;
	}
	
	.portfolio-item-thumbnail img {
		width: 100%;
		display: block;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.portfolio-item-hover {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		background-color: rgba(69, 187, 255, 0.78);
		color: #fff;
	}
	
	.portfolio-item-hover a {
		color: #fff;
	}
	
	.portfolio-item-hover a:hover {
		color: #151f48;
	}
	
	.portfolio-item-details {
		text-align: center;
	}
	
	.portfolio-item-details h4 {
		margin-bottom: 5px;
		font-weight: 600;
	}
	
	.portfolio-item-details h4 + p {
		font-size: 13px;
		font-style: italic;
	}
	
	.portfolio-item-details *:last-child {
		margin-bottom: 0;
	}
	
	.portfolio-item-hover .portfolio-item-details {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		opacity: 0;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.portfolio-item-thumbnail + .portfolio-item-details {
		margin: 30px 0;
	}
	
	a.zoom-action {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 32px;
		line-height: 32px;
		text-decoration: none;
		opacity: 0;
		-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
	}
	
	.portfolio-item:hover .portfolio-item-hover {
		width: 100%;
		height: 100%;
	}
	
	.portfolio-item:hover .portfolio-item-hover .portfolio-item-details {
		opacity: 1;
	}
	
	.portfolio-item:hover a.zoom-action {
		opacity: 1;
	}
	
	.portfolio-item:hover .portfolio-item-thumbnail img {
		-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
				transform: scale(1.2);
	}
	
	
	/* PORTFOLIO CLASSIC */
	.portfolio-item.portfolio-classic {}
	
	.portfolio-item.portfolio-classic .portfolio-item-thumbnail {
		float: left;
		width: 50%;
	}
	
	.portfolio-item.portfolio-classic .portfolio-item-details {
		text-align: left;
		float: left;
		width: 50%;
		margin-top: 0;
		padding: 0 50px;
	}
	
	.portfolio-item.portfolio-classic .portfolio-item-details h4 {
		text-transform: uppercase;
	}
	
	.portfolio-item.portfolio-classic:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}