
.portfoliocarousel-layout1 .cshero-title{
    margin-bottom: 30px;
}
.portfoliocarousel-layout1 .cshero-subtitle {
    margin-bottom: 40px;
}

.portfoliocarousel-layout1 article{
    position: relative;
    overflow: hidden;
    -webkit-transition:all 0.3s linear 0s;
       -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
         -o-transition:all 0.3s linear 0s;
            transition:all 0.3s linear 0s;
}
.portfoliocarousel-layout1 .cshero-portfolio-carousel-item-image{
    position: relative;
    overflow: hidden;
}
.portfoliocarousel-layout1 .cshero-portfolio-carousel-item-content{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition:all 0.3s linear 0s;
       -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
         -o-transition:all 0.3s linear 0s;
            transition:all 0.3s linear 0s;
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.portfoliocarousel-layout1 .cshero-portfolio-carousel-item-content-inner{
    position: absolute;
    top: 50%;
    padding: 10px;
    width: 100%;
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);
}
.portfoliocarousel-layout1 .cshero-portfolio-link-wrap{
    overflow: hidden;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition:all 0.3s linear 0s;
       -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
         -o-transition:all 0.3s linear 0s;
            transition:all 0.3s linear 0s;
}

.portfoliocarousel-layout1 .cshero-portfolio-link-inner a{
    font-size: 30px;
    -webkit-transform:translateX(-100%);
       -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
         -o-transform:translateX(-100%);
            transform:translateX(-100%);

}
.portfoliocarousel-layout1 .cshero-portfolio-link-inner a + a{
    -webkit-transform:translateX(100%);
       -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
         -o-transform:translateX(100%);
            transform:translateX(100%);
}

.portfoliocarousel-layout1 .cshero-portfolio-carousel-item .cshero-title{
    margin-top: 30px;
    margin-bottom: 0;
}

.portfoliocarousel-layout1 .cshero-carousel-post-category{
    text-transform: uppercase;
    margin-top: 10px;
}
/* Hover state */
.portfoliocarousel-layout1 article:hover .cshero-portfolio-carousel-item-content{
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}

.portfoliocarousel-layout1 article:hover .cshero-portfolio-link-wrap {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}
.portfoliocarousel-layout1 article:hover .cshero-portfolio-link-inner a{
    -webkit-transform:translateX(0%);
       -moz-transform:translateX(0%);
        -ms-transform:translateX(0%);
         -o-transform:translateX(0%);
            transform:translateX(0%);
}

