.cshero-portfolio-carousel .cshero-portfolio-carousel-list{
position: relative;
margin-top: 0;
}
.cshero-title{
padding: 0;
margin: 0 0 15px 0;
}
div.cshero-title{ font-size: 16px;}
.cshero-portfolio-carousel > .cshero-header{
margin-bottom: 60px;
} .cshero-control{
margin-top: 40px;
}.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;
} .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%);
}.portfoliocarousel-default 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-default .cshero-portfolio-carousel-item-content{
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
-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-default .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-default .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-default .cshero-portfolio-link-inner a{
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
.portfoliocarousel-default .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-default 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-default article:hover .cshero-portfolio-link-wrap {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
}
.portfoliocarousel-default 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%);
}.portfoliocarousel-layout2 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-layout2 .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-layout2 .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-layout2 .cshero-title{
position: relative;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.portfoliocarousel-layout2 .cshero-title:after{
position: absolute;
bottom: 0;
left: 0;
content: "";
display: block;
width: 60px;
height: 2px;
background-color: #9a9a99;
}
.portfoliocarousel-layout2 .cshero-portfolio-carousel-item.text-center  .cshero-title:after {
left: 50%;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.portfoliocarousel-layout2 .cshero-portfolio-carousel-item.text-right  .cshero-title:after {
left: auto;
right: 0;
}
.portfoliocarousel-layout2 .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-layout2 .cshero-portfolio-link-inner a{
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
.portfoliocarousel-layout2 .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-layout2 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-layout2 article:hover .cshero-portfolio-link-wrap {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
}
.portfoliocarousel-layout2 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%);
} .cshero-nav.vertical-center li a{
font-size: 40px;
}
.cshero-nav.vertical-center li a:hover{
color: #eeeeee;
}
.cshero-nav.vertical-center li.prev {
left: -50px;
}
.cshero-nav.vertical-center li.next {
right: -50px;
}.portfoliocarousel-layout3 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-layout3 .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-layout3 .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-layout3 .cshero-title{
position: relative;
padding: 0 0 0 0;
margin: 0 0 20px 0;
}
.portfoliocarousel-layout3 .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-layout3 .cshero-portfolio-link-inner a{
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
.portfoliocarousel-layout3 .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-layout3 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-layout3 article:hover .cshero-portfolio-link-wrap {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
}
.portfoliocarousel-layout3 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%);
} .portfoliocarousel-layout3 .cshero-nav.vertical-center li a{
font-size: 40px;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
color: #fff;
background-color: #444;
}
.portfoliocarousel-layout3 .cshero-nav.vertical-center li a:hover{
color: #888;
background-color: #fff;
}
.portfoliocarousel-layout3 .cshero-nav.vertical-center li.prev {
left: -50px;
}
.portfoliocarousel-layout3 .cshero-nav.vertical-center li.next {
right: -50px;
}.portfoliocarousel-layout4 .cshero-title{
margin-bottom: 30px;
}
.portfoliocarousel-layout4 .cshero-subtitle {
margin-bottom: 40px;
}
.portfoliocarousel-layout4 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-layout4 .cshero-portfolio-carousel-item-image{
position: relative;
overflow: hidden;
}
.portfoliocarousel-layout4 .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-layout4 .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-layout4 .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-layout4 .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-layout4 .cshero-portfolio-carousel-item .cshero-title{
margin: 30px 0;
}
.portfoliocarousel-layout4 .cshero-carousel-post-category{
text-transform: uppercase;
margin-top: 10px;
} .portfoliocarousel-layout4 article:hover .cshero-portfolio-link-wrap {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
}
.portfoliocarousel-layout4 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%);
}