/*** 

====================================================================
	Portfolio Single Section
====================================================================

***/

.portfolio-single-section{
	position: relative;
	padding: 110px 0px 100px;
}

.portfolio-single-section .image-column{
	position: relative;
}

.portfolio-single-section .image-column .inner-column{
	position: relative;
}

.portfolio-single-section .image-column .inner-column .image{
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.portfolio-single-section .image-column .inner-column .image:before{
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
	z-index: 1;
}

.portfolio-single-section .image-column .inner-column .image:hover:before{
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.portfolio-single-section .image-column .inner-column .image img{
	position: relative;
	width:100%;
	display: block;
}

.portfolio-single-section .content-column{
	position: relative;
}

.portfolio-single-section .content-column .inner-column{
	position: relative;
}

.portfolio-single-section .content-column h2{
	position: relative;
	font-weight: 600;
	color: #443986;
	font-size: 36px;
	line-height: 1.3em;
	margin-bottom: 15px;
}

.portfolio-single-section .content-column .title{
	position: relative;
	color:var(--theme-color);
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.portfolio-single-section .content-column .text{
	position: relative;
	margin-bottom: 40px;
}

.portfolio-single-section .content-column .text p{
	position: relative;
	color:#555555;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.portfolio-single-section .content-column .text p:last-child{
	margin-bottom: 0px;
}

/*Porfolio Info*/

.porfolio-info{
	position: relative;
	margin-top: 45px;
}

.porfolio-info li{
	position: relative;
	color: #222222;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

.porfolio-info li span{
	position: relative;
	color: #443986;
	font-size: 13px;
	font-weight: 700;
	margin-right: 6px;
	text-transform: uppercase;
}

.porfolio-info li a{
	position: relative;
	color: #222222;
	font-size: 13px;
	font-weight: 600;
	line-height: 1em;
	padding-right: 10px;
	margin-right: 10px;
	display: inline-block;
	border-right: 1px solid #222222;
	margin-bottom: 10px;
}

.porfolio-info li a:last-child{
	padding-right: 0px;
	margin-right: 0px;
	border: none;
}

/*Portfolio Share*/

.portfolio-share{
	position: relative;
}

.portfolio-share li{
	position: relative;
	font-size: 13px;
	font-weight: 700;
	margin-right: 15px;
	display: inline-block;
	text-transform: uppercase;
}

.portfolio-share li .icon{
	position: relative;
	color: var(--theme-color);
	font-size: 14px;
	margin-right: 7px;
	display: inline-block;
}