.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-layout1{}
.team-layout1 .cshero-team-image {
overflow: hidden;
position: relative;
}
.team-layout1 .cshero-team-image img {}
.team-layout1 .cshero-team-image + * {
margin-top: 20px;
}
.team-layout1 .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-layout1 .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-layout1 .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-layout1 .cshero-team-info-wrap{	margin-bottom: 15px;}
.team-layout1 .cshero-team-info-wrap + *{ margin-top: 10px;}
.team-layout1 .cshero-team-title{
text-transform: uppercase;
margin-bottom: 20px;
} .team-layout1 .cshero-team-social {text-align: center;}
.team-layout1 .cshero-team-social a{
display: inline-block;
font-size: 20px;
margin-bottom: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.team-layout1 .cshero-team-social a:last-child{
margin-right: 0;
} .team-layout1 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-layout2{}
.team-layout2 .cshero-team-image {
overflow: hidden;
position: relative;
}
.team-layout2 .cshero-team-image img {}
.team-layout2 .cshero-team-image + * {
margin-top: 20px;
}
.team-layout2 .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-layout2 .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-layout2 .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-layout2 .cshero-team-info-wrap{	margin-bottom: 15px;}
.team-layout2 .cshero-team-info-wrap + *{ margin-top: 10px;}
.team-layout2 .cshero-team-title{
text-transform: capitalize;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
}
.team-layout2 .cshero-team-title:after{
position: absolute;
bottom: 0;
content: "";
display: block;
width: 60px;
height: 1px;
background-color: #333;
}
.team-layout2 .cshero-team-carousel-item.text-right .cshero-team-title:after{
left: auto;
right: 0;
}
.team-layout2 .cshero-team-carousel-item.text-center .cshero-team-title:after{
left: 50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
} .team-layout2 .cshero-team-social {text-align: center;}
.team-layout2 .cshero-team-social a{
display: inline-block;
font-size: 20px;
margin-bottom: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.team-layout2 .cshero-team-social a:last-child{
margin-right: 0;
} .team-layout2 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-layout3{}
.team-layout3 .cshero-team-carousel-item-wrap{border-right: 1px solid #eeeeee;}
.team-layout3 .cshero-team-image {
margin-bottom: 20px;
}
.team-layout3 .cshero-team-info-wrap{
margin-bottom: 5px;
text-transform: uppercase;
}
.team-layout3 .cshero-team-title-wrap{
margin-bottom: 20px;
}
.team-layout3 .cshero-team-title{
text-transform: capitalize;
margin-bottom: 0;
padding-bottom: 20px;
position: relative;
}
.team-layout3 .cshero-team-title:after{
position: absolute;
bottom: 0;
content: "";
display: block;
width: 50px;
height: 3px;
background-color: #bbb;
}
.team-layout3 .cshero-team-carousel-item.text-right .cshero-team-title:after{
left: auto;
right: 0;
}
.team-layout3 .cshero-team-carousel-item.text-center .cshero-team-title:after{
left: 50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
}
.team-layout3 .social-list{
margin-top: 10px;
}
.team-layout3 .social-list a {
display: inline-block;
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
}.team-layout4{}
.team-layout4 .cshero-team-image {
overflow: hidden;
position: relative;
}
.team-layout4 .cshero-team-image img {}
.team-layout4 .cshero-team-image + * {
margin-top: 20px;
}
.team-layout4 .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-layout4 .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-layout4 .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-layout4 .cshero-team-info-wrap{	margin-bottom: 15px;}
.team-layout4 .cshero-team-info-wrap + *{ margin-top: 10px;}
.team-layout4 .cshero-team-title{
text-transform: uppercase;
margin-bottom: 20px;
}
.team-layout4 .cshero-team-info-wrap{
margin-bottom: 5px;
text-transform: capitalize;
}
.team-layout4 .cshero-team-title-wrap{
margin-bottom: 20px;
}
.team-layout4 .cshero-team-title{
text-transform: capitalize;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
} .team-layout4 .cshero-team-social {}
.team-layout4 .cshero-team-social a{
display: inline-block;
font-size: 20px;
margin-bottom: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.team-layout4 .cshero-team-social a:last-child{
margin-right: 0;
}
.team-layout4 .social-list{
margin-top: 10px;
} .team-layout4 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-layout5{}
.team-layout5 .cshero-team-image {
overflow: hidden;
position: relative;
}
.team-layout5 .cshero-team-image img {}
.team-layout5 .cshero-team-image + * {
margin-top: 20px;
}
.team-layout5 .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-layout5 .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-layout5 .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-layout5 .cshero-team-info-wrap{	margin-bottom: 15px;}
.team-layout5 .cshero-team-info-wrap + *{ margin-top: 10px;}
.team-layout5 .cshero-team-title{
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
} .team-layout5 .cshero-team-social {text-align: center;}
.team-layout5 .cshero-team-social a{
display: inline-block;
font-size: 20px;
margin-bottom: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.team-layout5 .cshero-team-social a:last-child{
margin-right: 0;
} .team-layout5 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);;
}