/* Table of Content
==================================================
	
	# Global Portfolio Styles
	# Portfolio Carousel
	# Portfolio Showcase
	# Grid Gallery 
	# Masonry Gallery
	# Filterable Portfolio
	# Portfolio Pagination
	# Portfolio Details
	# Single Portfolio Slider
	# Single Portfolio Page  */

/* #Global Portfolio Styles
================================================== */
.ut-portfolio-wrap {
	width:100%;
	position:relative;
}
a.close-portfolio-details {
	position:relative;
	width:40px;
	height:40px;
	background: transparent;
	color: #888888;
	font-size:30px;
	line-height:40px;
	text-align:center;
	margin:0 auto 50px auto;
	display:block;
	top:0;
	right:0;
	z-index:1;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out 0s;
	-moz-transition: opacity 0.2s ease-in-out 0s;
	transition: opacity 0.2s ease-in-out 0s;
}
.light .close-portfolio-details {
	color:#FFFFFF;	
}
.light a.close-portfolio-details:hover {
	color:#FFFFFF;
	opacity:0.7;	
}
a.close-portfolio-details:hover {
	color: #888888;
	opacity:0.7;
}
a.close-portfolio-details:before {
	content:"X";
}
a.next-portfolio-details,
a.prev-portfolio-details {
	display:block;
	height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 30%;
    width: 100%;
	-webkit-transition: opacity 0.2s ease-in-out 0s;
	-moz-transition: opacity 0.2s ease-in-out 0s;
	transition: opacity 0.2s ease-in-out 0s;
}
a.prev-portfolio-details {
	background-image: url('../images/dark-arrows.png');
	background-position: 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
    height: 100px;
    opacity: 0;
    position: absolute;
    width: 52px;
    z-index: 2;
	left:0;
	margin-left:10px;
}
a.next-portfolio-details {
	background-image: url('../images/dark-arrows.png');
	background-position: 0 -100px;
	background-repeat:no-repeat;
	cursor: pointer;
    height: 100px;
    opacity: 0;
    position: absolute;
    width: 52px;
	right:0;
    z-index: 2;
	margin-right:10px;
}
.light a.prev-portfolio-details {
	background-image: url('../images/light-arrows.png');
	opacity: 0;
}
.light a.next-portfolio-details {
	background-image: url('../images/light-arrows.png');
	opacity: 0;
}
a.prev-portfolio-details:hover,
a.next-portfolio-details:hover,
.light a.prev-portfolio-details:hover,
.light a.next-portfolio-details:hover {
	opacity: 0.7;
}
.ut-portfolio-media .ut-portfolio-image {
	display:block;
	margin:0 auto;
}
.ut-portfolio-media .fluid-width-video-wrapper {
	margin:0 auto !important;	
}
.ut-portfolio-media video { 
    width: 100%; 
    height: 100%; 
    max-width: 100%;
}
.ut-portfolio-media .wp-video { 
    width: 100% !important;
}
.ut-portfolio-media {
    margin-bottom:50px;
}

/* Style 2 */

.portfolio-style-two h2.portfolio-title {
	font-size:17px;
	margin:0;
	padding:30px;
	text-align:center;
	background:#FFFFFF;	
}
.light .portfolio-style-two h2.portfolio-title {
	background:none;	
}
.po