.jag-tm-theme-4 .team-wrap {
position: relative;
border-radius: 50%;
}
.jag-tm-theme-4 .team-wrap a {
color: #FAC921;
}
.jag-tm-theme-4 .team-wrap a:hover {
color: #fff;
}
.jag-tm-theme-4 .team-wrap .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.jag-tm-theme-4 .team-wrap .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.jag-tm-theme-4 .team-wrap .img {
position: relative;
border-radius: 50%;
}
.jag-tm-theme-4 .team-wrap .img img {
border-radius: 50%;
}
.jag-tm-theme-4 .team-wrap img {
width: 100%;
height: 100%;
}
.jag-tm-theme-4 .team-wrap .info {
-webkit-transform: scale(0.1) translateX(100%);
-moz-transform: scale(0.1) translateX(100%);
-ms-transform: scale(0.1) translateX(100%);
-o-transform: scale(0.1) translateX(100%);
transform: scale(0.1) translateX(100%);
}
.jag-tm-theme-4 .team-wrap .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.jag-tm-theme-4 .team-wrap .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.jag-tm-theme-4 .team-wrap .info span{
color: #9b9fc6;
display: block;
font-size: 14px;
text-transform: lowercase;
}
.jag-tm-theme-4 .inner-wrap-t4{
transform: translateY(-50%);
top: 50%;
position: relative;
}
.jag-tm-theme-4 .team-wrap .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
font-size: 14px;
margin: 0 30px;
padding: 0;
font-weight: bold;
}
.jag-tm-theme-4 .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(140%);
-moz-transform: scale(0.4) translateX(140%);
-ms-transform: scale(0.4) translateX(140%);
-o-transform: scale(0.4) translateX(140%);
transform: scale(0.4) translateX(140%);
z-index:99;
}
.jag-tm-theme-4 li.jag-tm-col-4:nth-of-type(4n) .team-wrap:hover .img,
.jag-tm-theme-4 li.jag-tm-col-4:nth-of-type(4n-1) .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(-140%);
-moz-transform: scale(0.4) translateX(-140%);
-ms-transform: scale(0.4) translateX(-140%);
-o-transform: scale(0.4) translateX(-140%);
transform: scale(0.4) translateX(-140%);
}
.jag-tm-theme-4 li.jag-tm-col-3:nth-of-type(3n) .team-wrap:hover .img,
.jag-tm-theme-4 li.jag-tm-col-3:nth-of-type(3n-1) .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(-140%);
-moz-transform: scale(0.4) translateX(-140%);
-ms-transform: scale(0.4) translateX(-140%);
-o-transform: scale(0.4) translateX(-140%);
transform: scale(0.4) translateX(-140%);
}
.jag-tm-theme-4 .team-wrap:hover .info {
opacity: 1;
z-index:9;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.jag-tm-theme-4 .team-wrap:hover .basic-info{
display: block;
}
.jag-tm-theme-4 .team-wrap .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 100%;
box-shadow: inset 0 -2px 0 17px rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
z-index:99;
}
.jag-tm-theme-4 .team-wrap:hover .img:before{
height: 100%;
top:0;
}
.jag-tm-theme-4 .fa-envelope::before {
content: "\f0e0";
margin-right: 3px;
}
.jag-tm-theme-4{
list-style:none;
padding: 0;
margin: 0;
}
.jag-tm-theme-4 .member-email,
.jag-tm-theme-4 .member-website,
.jag-tm-theme-4 .member-tel{
display: block;
text-decoration: none;
font-size: 13px;
}
.jag-tm-theme-4 li {
box-sizing: border-box;
vertical-align: top;
text-align: left;
margin-bottom: 20px;
}
.jag-tm-theme-4 .basic-info{
margin-top: 10px;
}
.jag-tm-theme-4 .basic-info a:hover{
color: #fff !important;
}
.jag-tm-theme-4 .member-social{
margin-top: 15px;
text-align: center;
width: auto;
margin-bottom: 15px;
top: 0;
}
.jag-tm-theme-4 .member-social a {
margin-left: 0;
margin-right: 0;
text-decoration: none;
margin-bottom: 3px;
display: inline-block;
}
.jag-tm-theme-4 .member-social a i {
background-color: transparent;
color: #aaa;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
display: inline-block;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
font-size: 1.1em;
display: block;
}
.jag-tm-theme-4 .member-social a i{
color: #fff;
margin: 5px;
}
.jag-tm-theme-4 .member-social a:hover i{
opacity: 0.7;
}
.jag-tm-theme-4 .member-social a.facebook i {
background-color: #507CBE;
}
.jag-tm-theme-4 .member-social a.linkedin i {
background-color: #90CADD;
}
.jag-tm-theme-4 .member-social a.twitter i {
background-color: #63CDF1;
}
.jag-tm-theme-4 .member-social a.gplus i {
background-color: #F16261;
}
.jag-tm-theme-4 .member-social a.instagram i {
background-color: #8b398d;
}
.jag-tm-theme-4 .basic-info.style_icon a{
display: block;
margin: 0px 5px;
font-size: 14px;
border:0;
}
.jag-tm-theme-4 .member-social.grayscale a i{
background-color: #888888;
}
.jag-tm-theme-4.grayscale-hover li:hover .team-wrap img {
filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
filter: gray;
-webkit-filter: grayscale(100%);
}
.jag-tm-theme-4.grayscale-default li:hover .team-wrap img {
filter: initial;
-webkit-filter: grayscale(0);
}
.jag-tm-theme-4.grayscale-default li .team-wrap img {
filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 1199px){
.jag-tm-theme-4 .team-wrap .info h3{
padding-top: 35px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.jag-tm-theme-4 li:nth-of-type(4n) .team-wrap:hover .img,
.jag-tm-theme-4 li:nth-of-type(4n-1) .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(130%);
-moz-transform: scale(0.4) translateX(130%);
-ms-transform: scale(0.4) translateX(130%);
-o-transform: scale(0.4) translateX(130%);
transform: scale(0.4) translateX(130%);
}
.jag-tm-theme-4 li:nth-of-type(3n) .team-wrap:hover .img,
.jag-tm-theme-4 li:nth-of-type(3n-1) .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(-130%);
-moz-transform: scale(0.4) translateX(-130%);
-ms-transform: scale(0.4) translateX(-130%);
-o-transform: scale(0.4) translateX(-130%);
transform: scale(0.4) translateX(-130%);
}
}
@media (max-width: 767px){
.jag-tm-theme-4 li:nth-of-type(4n) .team-wrap:hover .img,
.jag-tm-theme-4 li:nth-of-type(4n-1) .team-wrap:hover .img{
-webkit-transform: scale(0.4) translateX(130%);
-moz-transform: scale(0.4) translateX(130%);
-ms-transform: scale(0.4) translateX(130%);
-o-transform: scale(0.4) translateX(130%);
transform: scale(0.4) translateX(130%);
}
}
.jag-tm-theme-4 .jag-tm-readmore a,
.jag-tm-theme-4 .jag-tm-readmore a:hover,
.jag-tm-theme-4 .jag-tm-readmore a:focus,
.jag-tm-theme-4 .jag-tm-readmore a:active{
border-color: #ffffff;
color: #ffffff !important;
}