.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{
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{
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;
}