.cshero-fancybox-wrap,
.cshero-fancybox-wrap .fancy-icon {
position: relative;
-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;
}
.cshero-fancybox-wrap .cshero-fancybox-padding{overflow: hidden;}
.cshero-fancybox-wrap .fancy-icon:before {
position: relative;
z-index: 1;
}
.cshero-fancybox-wrap .fancy-icon:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: 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;
}
.cshero-fancybox-wrap .cshero-fancybox-title{
margin: 15px 0;
} .cshero-fancybox-wrap .fancy-icon.icon-hover-style-1:after{
transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
z-index: -1;
}
.cshero-fancybox-wrap:hover .fancy-icon.icon-hover-style-1:after{
opacity: 1;
visibility: visible;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
.cshero-fancybox-wrap .fancy-icon.icon-hover-style-2:after{
background-color: transparent !important;
transform:scale(0);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
}
.csbody .cshero-fancybox-wrap:hover .fancy-icon.icon-hover-style-2:after {
opacity: 1;
visibility: visible;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.cshero-fancybox-wrap .content,
.cshero-fancybox-wrap .cshero-title-main {
-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;
}.cshero-fancybox-wrap {
display: inline-block;
width: 100%;
}.fancybox-layout6{
position: relative;
}
.fancybox-layout6 .cshero-fancybox-title-image{
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.fancybox-layout6 .cshero-fancybox-content .cm-icon-big {
color: #e6e6e6;
font-size: 82px;
font-weight: 800;
position: absolute;
right: 0;
top: 70px;
z-index: -1;
-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;
}
element.style {
border-style: none;
font-size: 150px;
text-align: center;
}
.fancybox-layout6 .cshero-fancybox-title-image [class^="flaticon-"]:before, 
.fancybox-layout6 .cshero-fancybox-title-image [class*=" flaticon-"]:before, 
.fancybox-layout6 .cshero-fancybox-title-image [class^="flaticon-"]:after, 
.fancybox-layout6 .cshero-fancybox-title-image [class*=" flaticon-"]:after {
color: #e6e6e6;
font-size: 140px;
transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}.portfolio-layout3 article{
position: relative;
overflow: hidden;
}
.portfolio-layout3 .cshero-carousel-image{
-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;
}
.portfolio-layout3 .cshero-portfolio-content-wrap{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 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;
}
.portfolio-layout3 .cshero-portfolio-content-wrap .link-wrap.icon {
left: 50%;
position: absolute;
top: 0;
opacity: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-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;
}
.portfolio-layout3 .cshero-portfolio-content-wrap .link-wrap.icon a.icon-link {
background: #fff;
display: inline-block;
font-size: 20px;
height: 30px;
line-height: 30px;
margin: 0 4px;
padding: 0;
text-align: center;
transform: rotate(45deg);
width: 30px;
}
.portfolio-layout3 .cshero-portfolio-content-wrap .link-wrap.icon a.icon-link i{
font-size: 16px;
line-height: 30px;
padding: 0 0 6px 6px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.portfolio-layout3 .cshero-portfolio-content-wrap-inner{
height: 50px;
position: absolute;
bottom: 0;
width: 100%;
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-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;
}
.portfolio-layout3 .cshero-portfolio-content-wrap-inner .cshero-portfolio-title{
font-size: 16px;
line-height: 20px;
margin: 7px 0 0 0;
padding: 0;
}
.portfolio-layout3 .cshero-portfolio-content-wrap-inner .cshero-portfolio-category a{
font-size: 12px;
color: #fff;
} .portfolio-layout3 article:hover .cshero-portfolio-content-wrap,
.portfolio-layout3 article:focus .cshero-portfolio-content-wrap,
.portfolio-layout3 article:active .cshero-portfolio-content-wrap{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
}
.portfolio-layout3 article:hover .link-wrap.icon,
.portfolio-layout3 article:focus .link-wrap.icon,
.portfolio-layout3 article:active .link-wrap.icon{
top: 50%;
opacity: 1;
transform: translateX(-50%) translateY(50%);
-webkit-transform: translateX(-50%) translateY(50%);
-moz-transform: translateX(-50%) translateY(50%);
-o-transform: translateX(-50%) translateY(50%);
}
.portfolio-layout3 article:hover .cshero-carousel-image,
.portfolio-layout3 article:focus .cshero-carousel-image,
.portfolio-layout3 article:active .cshero-carousel-image{
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
} .portfolio-layout3.cshero_portfolio_filters {}
.portfolio-layout3.cshero_portfolio_filters ul li{
position: relative;
padding:0;
margin:0;
}
.portfolio-layout3.cshero_portfolio_filters ul li a{
position: relative;
padding: 0 20px;
}
.portfolio-layout3.cshero_portfolio_filters ul li a:after{
position: absolute;
top: 1px;
right: 0px;
content: "|";
display: inline-block;
font-size: 10px;
}
.portfolio-layout3.cshero_portfolio_filters ul li:first-child a{
padding-left: 0;
}
.portfolio-layout3.cshero_portfolio_filters ul li:last-child a{
padding-right: 0;
}
.portfolio-layout3.cshero_portfolio_filters ul li:last-child a:after{ content: "";}.cshero-team {position: relative;}
.cshero-team .cshero-header{ margin-bottom: 60px;}
.cshero-team .cshero-header .cshero-title{ margin-bottom: 30px;}
.cshero-team .cshero-header .cshero-subtitle { margin-bottom: 40px;}
.cshero-team .cshero-team-image{ position: relative; overflow: hidden;}
.cshero-team-carousel-item.text-center .cshero-team-image{ margin: 0 auto;}
.cshero-team .cshero-team-content{
-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;
}
.cshero-team .cshero-team-content .cshero-team-social{ margin-top: 25px;} .cshero-team .cshero-carousel-list .cshero-team-social a{ display: inline-block; font-size: 17px; margin-right: 10px;}
.cshero-team .cshero-carousel-list .cshero-team-social a:last-child{ margin-right: 0;} .cshero-team .cshero-nav li a{
display: inline-block;
text-align: center;
}
.cshero-team .cshero-nav.square_black li a{
background-color: #444;
color: #fff;
}
.cshero-team .cshero-nav.square_black li a:hover{
background-color: #999;
}
.cshero-team .cshero-nav.square_white li a{
background-color: #fff;
color: #444;
}
.cshero-team .cshero-nav.square_white li a:hover{
background-color: #999;
}
.cshero-team .cshero-nav.rounded_black li a,
.cshero-team .cshero-nav.rounded_white li a{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.cshero-team .cshero-nav.rounded_black li a{
background-color: #444;
color: #fff;
}
.cshero-team .cshero-nav.rounded_black li a:hover{
background-color: #999;
}
.cshero-team .cshero-nav.rounded_white li a{
background-color: #fff;
color: #444;
}
.cshero-team .cshero-nav.rounded_white li a:hover{
background-color: #999;
}
.cshero-team .cshero-nav.circle_black li a,
.cshero-team .cshero-nav.circle_white li a{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.cshero-team .cshero-nav.circle_black li a{
background-color: #444;
color: #fff;
}
.cshero-team .cshero-nav.circle_black li a:hover{
background-color: #999;
}
.cshero-team .cshero-nav.circle_white li a{
background-color: #fff;
color: #444;
}
.cshero-team .cshero-nav.circle_white li a:hover{
background-color: #999;
}.team-layout7{}
.team-layout7 .cshero-team-carousel-item-wrap .cshero-team-carousel-item{
padding: 15px;
background: #f5f5f5;
background-image: url(//demo.exptheme.com/craftsmen/wp-content/themes/wp-craftsmen/images/cm/quotes.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.team-layout7 .cshero-team-image {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
float: left;
max-width: 25%;
overflow: hidden;
position: relative;
}
.team-layout7 .cshero-team-image img {}
.team-layout7 .cshero-team-image + * {
margin-top: 20px;
}
.team-layout7 .cshero-team-image .overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background: rgba(0,0,0,0.7);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
}
.team-layout7 .cshero-team-image .overlay .overlay-content{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.team-layout7 .cshero-team-image .overlay .overlay-content .cshero-readmore{
width: 50px;
height: 50px;
line-height: 50px;
border:1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.team-layout7 .cshero-team-info-wrap{	margin-bottom: 15px;}
.team-layout7 .cshero-team-info-wrap + *{ margin-top: 10px;}
.team-layout7 .cshero-team-title{
font-size: 18px;
font-weight: 700;
line-height: 18px;
}
.team-layout7 .cshero-team-info-wrap .cshero-team-info{
font-style: italic;
} .team-layout7 .cshero-team-social {text-align: center;}
.team-layout7 .cshero-team-social a{
display: inline-block;
font-size: 20px;
margin-bottom: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.team-layout7 .cshero-team-social a:last-child{
margin-right: 0;
} .team-layout7 article:hover .cshero-team-image .overlay {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);;
}
.team-layout7 .cshero-nav ul li {
background: #f5f5f5;
height: 20px;
margin: 10px 3px;
padding: 0 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
width: 20px;
}
.team-layout7 .cshero-nav ul li a{
padding: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
padding: 0 2px;
}