.iq-team ul.grid {
padding: 0;
margin: 0;
float: left;
width: 100%;
list-style: none;
}
.iq-team ul.grid.iq-col-2 li.item {
width: 50%;
float: left;
padding: 15px;
}
.iq-team ul.grid.iq-col-3 li.item {
width: 33.33%;
float: left;
padding: 15px;
}
.iq-team ul.grid.iq-col-4 li.item {
width: 25%;
float: left;
padding: 15px;
}
.iq-team ul.grid.iq-col-5 li.item {
width: 20%;
float: left;
padding: 15px;
}
.iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item:first-child {
width: 40%;
}
.iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item {
width: 20%;
}
.iq-team.iq-team-style-11 ul.grid li.item {
padding: 0 15px;
}
.iq-team-slider .owl-dots {
margin-top: 30px;
}
.iq-team-slider .owl-stage-outer {
overflow: visible;
}
.iq-team-slider .owl-stage-outer .owl-item {
visibility: hidden;
opacity: 0;
}
.iq-team-slider .owl-stage-outer .owl-item.active {
visibility: visible;
opacity: 1;
} .iq-team-style-1 .iq-team-blog {
margin: 0 0 30px;
position: relative;
overflow: hidden;
text-align: center;
padding: 10px;
-webkit-box-shadow: var(--primary-box-shadow);
-moz-box-shadow: var(--primary-box-shadow);
box-shadow: var(--primary-box-shadow);
border: 1px solid rgba(0, 0, 0, 0.03);
border-radius: 5px;
background: var(--color-theme-white);
}
.iq-team-slider {
margin: 0 -15px;
}
.iq-team-style-1 .iq-team-info {
padding: 40px 0px 15px;
background: var(--color-theme-white);
z-index: 2;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
position: relative;
}
.iq-team-style-1 .iq-team-info span {
font-weight: normal;
font-size: 14px;
letter-spacing: 1px;
font-weight: 50px;
text-transform: uppercase;
}
.iq-team-style-1 .iq-team-info .member-text {
margin-bottom: 8px;
}
.iq-team-style-1 .share {
padding-top: 0;
top: 0;
right: 0;
margin: 0 auto;
left: 0;
background: none;
position: absolute;
opacity: 0;
text-align: center;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-team-style-1 .share ul li {
margin-right: 15px;
display: inline-block;
float: none;
vertical-align: middle;
}
.iq-team-style-1 .share ul li:last-child {
margin-right: 0;
}
.iq-team-style-1 .share ul li a {
display: block;
color: var(--color-theme-white);
position: relative;
width: 45px;
height: 45px;
line-height: 45px;
text-decoration: none;
background: var(--color-theme-primary);
font-size: 14px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.share ul li a i {
font-family: 'Font Awesome 5 Brands';
}
.iq-team-style-1 .share ul li a i {
vertical-align: middle;
}
.iq-team-style-1 .share ul li a:hover {
background: var(--color-theme-secondary);
color: var(--color-theme-white);
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.iq-team-style-1 .iq-team-img {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.iq-team-style-1 .iq-team-img img {
width: 100%;
}
.iq-team-style-1 .share ul {
list-style: none;
padding: 0;
margin: 0;
}
.iq-team-style-1 .iq-team-blog:hover .share {
opacity: 1;
top: -25px;
}
.iq-team-style-1 .iq-team-blog:hover .iq-team-info h5 {
color: var(--color-theme-primary);
text-decoration: none;
}
.iq-team-style-1 .owl-dots {
margin-top: 0;
} .iq-team-style-2 .iq-team-blog {
text-align: center;
}
.iq-team-style-2 .iq-team-content {
position: relative;
text-align: center;
overflow: hidden;
margin-bottom: 15px;
}
.iq-team-style-2 .iq-team-content:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
}
.iq-team-style-2 .iq-team-content .iq-team-contact {
position: absolute;
width: 100%;
bottom: 0%;
left: 0;
color: var(--color-theme-white);
margin-top: -20px;
padding: 0;
opacity: 0;
font-size: 16px;
}
.iq-team-style-2 .iq-team-content .iq-team-contact a:hover {
color: var(--color-theme-secondary);
}
.iq-team-style-2 .iq-team-content:hover:before {
opacity: 1;
}
.iq-team-style-2 .iq-team-content .iq-team-social {
position: absolute;
left: 0;
bottom: 0%;
width: 100%;
opacity: 0;
}
.iq-team-style-2 .iq-team-content .iq-team-social ul {
width: 100%;
display: inline-block;
padding: 0px 10px;
}
.iq-team-style-2 .iq-team-content .iq-team-social ul li {
display: inline-block;
}
.iq-team-style-2 .iq-team-content .iq-team-social ul li a {
color: var(--color-theme-white);
padding: 10px;
}
.iq-team-style-2 .iq-team-content .iq-team-social ul li a:hover {
color: var(--color-theme-primary);
}
.iq-team-style-2 .iq-team-content .iq-team-social ul li a i {
font-size: 20px;
display: inline-block;
float: none;
text-align: center;
background: transparent;
}
.iq-team-style-2 .iq-team-content:before, .iq-team-style-2 .iq-team-content:hover:before, .iq-team-style-2 .iq-team-content:hover .iq-team-contact, .iq-team-style-2 .iq-team-content:hover .iq-team-social, .iq-team-style-2 .iq-team-content .iq-team-social {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-team-style-2 .iq-team-content:hover .iq-team-contact {
bottom: 30%;
opacity: 1;
}
.iq-team-style-2 .iq-team-content:hover .iq-team-social {
bottom: 15%;
opacity: 1;
}
.iq-team-style-2 .iq-team-info .member-text:hover {
color: var(--color-theme-primary);
}
.iq-team-style-2 .iq-team-info .designation-text {
margin-bottom: 0;
} .iq-team-style-3 .iq-team-blog {
text-align: center;
}
.iq-team-style-3 .iq-team-img {
border: 1px solid #00cb69;
width: 220px;
height: 220px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 10px;
overflow: hidden;
display: inline-block;
box-shadow: 5px 5px 0px rgba(2, 195, 102, 1.0);
-webkit-box-shadow: 5px 5px 0px rgba(2, 195, 102, 1.0);
-moz-box-shadow: 5px 5px 0px rgba(2, 195, 102, 1.0);
-ms-box-shadow: 5px 5px 0px rgba(2, 195, 102, 1.0);
-o-box-shadow: 5px 5px 0px rgba(2, 195, 102, 1.0);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-3 .iq-team-img img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 200px;
height: 200px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-3 .iq-team-info {
margin-top: 15px;
}
.iq-team-style-3 .iq-team-info .member-text {
color: var(--color-theme-white);
}
.iq-team-style-3 .iq-team-info .designation-text {
margin-bottom: 0;
color: var(--color-theme-white);
}
.iq-team-style-3 .iq-team-social {
position: relative;
margin-top: 10px;
}
.iq-team-style-3 .iq-team-social ul {
padding: 0;
margin: 0;
}
.iq-team-style-3 .iq-team-social li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.iq-team-style-3 .iq-team-social li a {
padding: 0 5px;
font-size: 15px;
background: rgba(255, 255, 255, 1.0);
width: 36px;
height: 36px;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
color: var(--color-theme-primary);
border: 1px solid var(--color-theme-white);
}
.iq-team-style-3 .iq-team-social li a:hover {
color: var(--color-theme-white);
background: rgba(255, 255, 255, 0);
}
.iq-team-style-3 .avtar-name a:hover {
color: var(--color-theme-secondary);
} .iq-team-style-4 .iq-team-img {
position: relative;
overflow: hidden;
}
.iq-team-style-4 .iq-team-img:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
opacity: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(37, 177, 95, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(37, 177, 95, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(37, 177, 95, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='var(--color-theme-primary)', GradientType=0); -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-4 .iq-team-blog:hover .iq-team-img:before {
opacity: 1;
}
.iq-team-style-4 .iq-team-img img {
width: 100%;
vertical-align: bottom;
}
.iq-team-style-4 .iq-team-social {
background: var(--color-theme-white);
position: absolute;
left: 0;
right: 0;
bottom: -60px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-4 .iq-team-blog:hover .iq-team-social {
bottom: 0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-4 .iq-team-social ul {
margin-left: 0;
text-align: center;
padding: 0;
list-style: none;
}
.iq-team-style-4 .iq-team-social ul li {
margin: 0;
padding: 0;
width: 25%;
display: inline-block;
vertical-align: middle;
}
.iq-team-style-4 .iq-team-social ul li a {
background: var(--color-theme-white);
color: var(--color-theme-primary);
height: 40px;
width: 100%;
line-height: 40px;
display: inline-block;
text-align: center;
}
.iq-team-style-4 .iq-team-social ul li:hover a {
background: var(--color-theme-secondary);
color: var(--color-theme-white);
}
.iq-team-style-4 .iq-team-info {
padding: 15px;
text-align: center;
}
.iq-team-style-4 .iq-team-info .member-text:hover {
color: var(--color-theme-primary);
}
.iq-team-style-4 .iq-team-info .designation-text {
margin-bottom: 0;
} .iq-team-style-5 .iq-team-blog {
text-align: center;
}
.iq-team-style-5 .iq-team-blog .iq-team-info {
margin-top: 15px;
}
.iq-team-style-5 .iq-team-blog .iq-team-info .member-text:hover {
color: var(--color-theme-primary);
}
.iq-team-style-5 .iq-team-blog .team-blog {
position: relative;
text-align: center;
overflow: hidden;
}
.iq-team-style-5 .iq-team-blog .team-blog img {
width: 100%;
vertical-align: bottom;
}
.iq-team-style-5 .iq-team-blog .team-blog:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(37, 177, 95, 0.9);
opacity: 0;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-contact {
position: absolute;
width: 100%;
top: -10%;
left: 0;
color: var(--color-theme-white);
margin-top: -20px;
padding: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-contact a:hover {
color: var(--color-theme-secondary);
}
.iq-team-style-5 .iq-team-blog:hover .team-blog:before {
opacity: 1;
}
.iq-team-style-5 .iq-team-blog:hover .team-blog .iq-team-contact {
top: 60%;
opacity: 1;
}
.iq-team-style-5 .iq-team-blog:hover .team-blog .iq-team-social {
bottom: 40px;
opacity: 1;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social {
position: absolute;
left: 0;
bottom: -10%;
width: 100%;
opacity: 0;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social ul {
background: var(--color-theme-white);
width: 100%;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social ul li {
display: inline-block;
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social ul li a {
color: var(--color-theme-primary);
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social ul li a:hover {
color: var(--color-theme-secondary);
}
.iq-team-style-5 .iq-team-blog .team-blog .iq-team-social ul li a i {
font-size: 16px;
width: 45px;
height: 45px;
display: inline-block;
float: none;
line-height: 45px;
text-align: center;
background: transparent;
}
.iq-team-style-5, .iq-team-style-5 .iq-team-blog .team-blog:before, .iq-team-style-5 .iq-team-blog:hover .team-blog:before, .iq-team-style-5 .iq-team-blog:hover .team-blog .iq-team-contact, .iq-team-style-5 .iq-team-blog:hover .team-blog .iq-team-social, .iq-team-style-5 .team-blog .iq-team-social {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-5 .iq-team-info .designation-text {
margin-bottom: 0;
} .iq-team-style-6 .iq-team-blog {
position: relative;
overflow: hidden;
}
.iq-team-style-6 .iq-team-blog:hover .team-blog:before {
opacity: 1;
}
.iq-team-style-6, .iq-team-style-6 .iq-team-blog .team-blog:before, .iq-team-style-6 .iq-team-blog:hover .team-blog:before, .iq-team-style-6 .iq-team-blog:hover .iq-team-description, .iq-team-style-6 .iq-team-blog:hover .iq-team-social, .iq-team-style-6 .iq-team-blog .iq-team-social {
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-6 .iq-team-description h5 {
position: absolute;
color: var(--color-theme-white);
left: -50%;
bottom: 20%;
opacity: 0;
z-index: 9;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.iq-team-style-6 .iq-team-blog:hover .iq-team-description h5 {
opacity: 1;
left: 5%;
}
.iq-team-style-6 .iq-team-description p {
margin: 0;
position: absolute;
color: var(--color-theme-white);
left: -50%;
bottom: 10%;
opacity: 0;
z-index: 9;
transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.iq-team-style-6 .iq-team-blog:hover .iq-team-description p {
opacity: 1;
left: 5%;
}
.iq-team-style-6 .iq-team-description .line {
background: var(--color-theme-white);
height: 1px;
width: 0;
position: absolute;
left: 0;
bottom: 30%;
z-index: 9;
opacity: 0;
transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.iq-team-style-6 .iq-team-blog:hover .iq-team-description .line {
opacity: 1;
width: 150px;
}
.iq-team-style-6 .iq-team-blog .iq-team-social {
position: absolute;
right: -50%;
bottom: 5%;
opacity: 0;
z-index: 9;
}
.iq-team-style-6 .iq-team-blog:hover .iq-team-social {
opacity: 1;
right: 5%;
}
.iq-team-style-6 .iq-team-blog .iq-team-social ul {
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.iq-team-style-6 .iq-team-blog .iq-team-social ul li {
display: inline-block;
}
.iq-team-style-6 .iq-team-blog .iq-team-social ul li a {
color: var(--color-theme-white);
padding: 10px;
}
.iq-team-style-6 .iq-team-blog .iq-team-social ul li a:hover {
color: var(--color-theme-primary);
}
.iq-team-style-6 .iq-team-blog .iq-team-social ul li a i {
font-size: 20px;
display: inline-block;
float: none;
text-align: center;
background: transparent;
}
.iq-team-style-6 .iq-team-img:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
opacity: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f9ff', endColorstr='var(--color-theme-primary)', GradientType=0); -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-6 .iq-team-blog:hover .iq-team-img:before {
opacity: 1;
} .iq-team-style-7 .iq-team-blog {
position: relative;
overflow: hidden;
}
.iq-team-style-7 .iq-team-description {
background: var(--color-theme-primary);
color: var(--color-theme-white);
width: 100%;
padding: 20px;
bottom: -100px;
opacity: 0;
position: absolute;
text-align: center;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-7 .iq-team-description .iq-team-info .member-text {
color: var(--color-theme-white);
}
.iq-team-style-7 .iq-team-description:after {
bottom: -32px;
left: 50%;
margin-left: -20px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: var(--color-theme-primary);
border-width: 20px;
}
.iq-team-style-7 .iq-team-description.none:after {
content: none;
}
.iq-team-style-7 .iq-team-blog:hover .iq-team-description {
bottom: 53px;
opacity: 1;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-team-style-7 .iq-team-blog:hover .iq-team-description.little {
bottom: 0px;
}
.iq-team-style-7 .iq-team-description a {
color: var(--color-theme-white);
}
.iq-team-style-7 .iq-team-description a:hover {
color: var(--color-theme-secondary);
}
.iq-team-style-7 .iq-team-description span {
width: 100%;
display: inline-block;
}
.iq-team-style-7 .iq-team-description ul {
display: inline-block;
margin: 0;
padding: 0;
}
.iq-team-style-7 .iq-team-description ul li {
padding: 0 5px;
display: inline-block;
}
.iq-team-style-7 .iq-team-description ul li a {
font-size: 18px;
}
.iq-team-images .iq-tooltip-item {
top: 97%;
margin: -15px 0 0 -10px;
}
.iq-team-style-7 .iq-team-description .iq-team-info .content-text {
margin-bottom: 15px;
} .iq-team-style-7 .iq-tooltip-item {
width: 20px;
height: 20px;
left: 50%;
bottom: 10px;
margin: -15px 0 0 -10px;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid var(--color-theme-primary);
background: #fff;
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .5);
-moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .5);
box-shadow: 0 0 0 5px rgba(255, 255, 255, .5);
-webkit-animation: pulse 0.6s infinite alternate;
animation: pulse 0.6s infinite alternate;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(0.5, 0.5, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.iq-team-style-7 .iq-team-images {
position: relative;
}
.iq-team-style-7 .iq-team-images img {
width: 100%;
} .iq-team-style-8 .iq-team-blog {
text-align: center;
}
.iq-team-style-8 .iq-team-blog .iq-team-img {
width: 220px;
height: 220px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid #d7d7d7;
position: relative;
margin: 0 auto;
transition: all .5s ease 0s;
}
.iq-team-style-8 .iq-team-blog .iq-team-img img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 100%;
height: 100%;
}
.iq-team-style-8 .iq-team-blog .iq-team-info {
padding: 30px 0 0;
}
.iq-team-style-8 .iq-team-blog .iq-team-info .member-text, .iq-team-style-8 .iq-team-blog .iq-team-info .designation-text, .iq-team-style-8 .iq-team-blog .iq-team-info .content-text {
color: var(--color-theme-white);
}
.iq-team-style-8 .iq-team-blog .iq-team-info .content-text {
margin: 0;
}
.iq-team-style-8 .iq-team-blog .iq-team-social {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
position: absolute;
bottom: -15px;
opacity: 0;
transform: scale(0);
transition: all .5s ease 0s;
}
.iq-team-style-8 .iq-team-blog .iq-team-social ul li a {
display: block;
width: 50px;
height: 50px;
line-height: 46px;
border-radius: 50%;
background-color: #fff;
font-size: 18px;
color: var(--color-theme-primary);
border: 3px solid var(--color-theme-primary);
}
.iq-team-style-8 .iq-team-blog .iq-team-social ul {
list-style: none;
padding: 0;
margin: 0;
}
.iq-team-style-8 .iq-team-blog:hover .iq-team-social {
opacity: 1;
transform: scale(1);
}
.iq-team-style-8 .iq-team-blog .iq-team-social ul li:first-child {
margin-left: -30px;
margin-top: 0;
}
.iq-team-style-8 .iq-team-blog .iq-team-social ul li {
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin: 45px 5px 0 0;
}
.iq-team-style-8 .iq-team-blog .iq-team-social ul li:last-child {
margin-right: -30px;
margin-top: 0;
} .iq-team-style-9 .iq-team-blog:hover .iq-team-info {
bottom: 0;
}
.iq-team-style-9 .iq-team-blog {
position: relative;
overflow: hidden;
}
.iq-team-style-9 .iq-team-info {
padding: 10px 15px;
text-align: center;
background: none;
position: absolute;
bottom: -84px;
background: #eeeeee;
left: 0;
display: inline-block;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
border: 1px solid #e8f8f2
}
.iq-team-style-9 .iq-team-info span {
font-size: 14px;
display: inline-block;
width: 100%;
float: left;
}
.iq-team-style-9 .iq-team-social {
background: none;
position: absolute;
left: -65px;
top: 10px;
width: 45px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-team-style-9 .iq-team-blog:hover .iq-team-social {
left: 15px;
}
.iq-team-style-9 .iq-team-social ul li {
margin: 5px 0;
}
.iq-team-style-9 .iq-team-social ul li a {
color: var(--color-theme-white);
width: 45px;
height: 45px;
line-height: 45px;
background: var(--color-theme-white);
color: #46c894;
border-radius: 90px;
text-align: center;
display: inline-block;
}
.iq-team-style-9 .iq-team-social ul li a:hover {
color: var(--color-theme-white);
background: rgba(37, 177, 95, 1);
background: var(--color-theme-primary);
}
.iq-team-style-9 .iq-team-img {
position: relative;
}
.iq-team-style-9 .iq-team-img img {
width: 100%;
}
.iq-team-style-9 .iq-team-img:before {
content: "";
bottom: 0;
opacity: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgba(71, 38, 205, 0);
background: -moz-linear-gradient(top, rgba(71, 38, 205, 0) 0%, rgba(117, 205, 111, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71, 38, 205, 0)), color-stop(100%, rgba(117, 205, 111, 1)));
background: -webkit-linear-gradient(top, rgba(71, 38, 205, 0) 0%, rgba(117, 205, 111, 1) 100%);
background: -o-linear-gradient(top, rgba(71, 38, 205, 0) 0%, rgba(117, 205, 111, 1) 100%);
background: -ms-linear-gradient(top, rgba(71, 38, 205, 0) 0%, rgba(117, 205, 111, 1) 100%);
background: linear-gradient(to bottom, rgba(71, 38, 205, 0) 0%, rgba(117, 205, 111, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46c894', endColorstr='#46c894', GradientType=0);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-team-style-9 .iq-team-blog:hover .iq-team-img:before {
opacity: 1;
}
.iq-team-style-9 .iq-team-social ul {
list-style: none;
padding: 0;
margin: 0;
} .iq-team-style-10 .iq-team-blog {
position: relative;
-webkit-box-shadow: var(--primary-box-shadow);
-moz-box-shadow: var(--primary-box-shadow);
box-shadow: var(--primary-box-shadow);
}
.iq-team-style-10 .iq-team-blog:before {
position: absolute;
content: "";
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
background: var(--color-theme-primary);
opacity: 0
}
.iq-team-style-10 .iq-team-blog .iq-team-info {
text-align: center;
width: 100%;
display: inline-block;
color: #fff;
opacity: 0;
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
z-index: 9;
position: absolute;
top: 55%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.iq-team-style-10 .iq-team-blog .iq-team-info .member-text {
color: #fff
}
.iq-team-style-10 .iq-team-blog .iq-team-info .designation-text {
margin: 0 0 10px;
display: inline-block;
width: 100%;
font-weight: 600
}
.iq-team-style-10 .iq-team-social {
position: relative;
width: 100%
}
.iq-team-style-10 .iq-team-social span {
display: inline-block;
font-weight: 600;
text-transform: uppercase;
opacity: 1;
pointer-events: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -82px;
border-radius: 90px;
padding: 10px 30px;
background: #fff;
color: var(--color-theme-primary);
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
.iq-team-style-10 .iq-team-social ul {
margin: 0;
padding: 0;
}
.iq-team-style-10 .iq-team-social ul li {
list-style: none;
display: inline-block;
}
.iq-team-style-10 .iq-team-social ul li a {
line-height: 45px;
width: 45px;
text-align: center;
display: inline-block;
color: var(--color-theme-primary);
overflow: hidden;
opacity: 1;
margin: 0 -20px;
background: #fff;
transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
.iq-team-style-10 .iq-team-social ul li:nth-child(1) a {
margin-left: 0
}
.iq-team-style-10 .iq-team-social ul li:nth-child(4) a {
margin-right: 0
}
.iq-team-style-10 .iq-team-social:hover span, .iq-team-style-10 .iq-team-social.hover span {
opacity: 0
}
.iq-team-style-10 .iq-team-social:hover a {
border-radius: 50%;
margin: 0 5px;
color: var(--color-theme-primary);
font-size: 16px
}
.iq-team-style-10 .iq-team-social:hover a:hover, .iq-team-style-10 .iq-team-social.hover a:hover {
color: #fff;
background: var(--color-theme-secondary);
}
.iq-team-style-10 .iq-team-blog:hover:before {
opacity: .8
}
.iq-team-style-10 .iq-team-blog:hover .iq-team-info {
opacity: 1
}
.iq-team-style-10 .iq-team-social span i {
margin-right: 10px;
} .iq-team-style-11 .iq-team-blog {
position: relative;
text-align: center;
overflow: hidden;
}
.iq-team-style-11 .iq-team-blog:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--color-theme-primary);
box-shadow: 0px 10px 20px 0px rgba(139, 118, 246, 0.4);
opacity: 0;
}
.iq-team-style-11 .iq-team-blog .iq-team-info {
position: absolute;
width: 100%;
bottom: 0%;
left: 0;
color: var(--color-theme-white);
margin-top: -20px;
padding: 0;
opacity: 0;
font-size: 16px;
display: inline-block;
}
.iq-team-style-11 .owl-dots {
margin-top: 30px;
}
.iq-team-style-11 .iq-team-blog .iq-team-info .member-text {
color: var(--color-theme-white);
}
.iq-team-style-11 .iq-team-blog .iq-team-info a:hover {
color: var(--title-color);
}
.iq-team-style-11 .iq-team-blog:hover:before {
opacity: 0.9;
}
.iq-team-style-11 .iq-team-blog .iq-team-social {
position: absolute;
left: 0;
bottom: 0%;
width: 100%;
opacity: 0;
display: inline-block;
}
.iq-team-style-11 .iq-team-blog .iq-team-social ul {
width: 100%;
display: inline-block;
padding: 0px 10px;
}
.iq-team-style-11 .iq-team-blog .iq-team-social ul li {
display: inline-block;
width: auto;
float: inherit;
padding: 5px;
}
.iq-team-style-11 .iq-team-blog .iq-team-social ul li a {
color: var(--color-theme-white);
padding: 4px;
}
.iq-team-style-11 .iq-team-blog .iq-team-social ul li a:hover {
color: var(--color-theme-secondary);
}
.iq-team-style-11 .iq-team-blog .iq-team-social ul li a i {
font-size: 18px;
display: inline-block;
float: none;
text-align: center;
background: transparent;
}
.iq-team-style-11 .iq-team-blog:before, .iq-team-style-11 .iq-team-blog:hover:before, .iq-team-style-11 .iq-team-blog:hover .iq-team-info, .iq-team-style-11 .iq-team-blog:hover .iq-team-social, .iq-team-style-11 .iq-team-blog .iq-team-social {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-team-style-11 .iq-team-blog:hover .iq-team-info {
bottom: 50%;
opacity: 1;
}
.iq-team-style-11 .iq-team-blog:hover .iq-team-social {
bottom: 32%;
opacity: 1;
}
.iq-team-style-11 li:first-child .team-blog:hover .team-description {
bottom: 20%;
}
.iq-team-style-11 .iq-team-blog .iq-team-info .team-post {
margin-bottom: 0;
}
.iq-team-style-11 .iq-team-blog .iq-team-img img {
width: 100%;
--webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.iq-team-style-11 .iq-team-blog:hover .iq-team-img img {
-webkit-filter: none !important;
filter: none !important;
}
.iq-team-style-11 .grid .iq-team-blog {
margin-top: 30px;
border-radius: 5px;
}
@media(max-width:1024px) {
.iq-team-slider {
margin: 0;
}
.iq-team ul.grid.iq-col-3 li.item, .iq-team ul.grid.iq-col-4 li.item, .iq-team ul.grid.iq-col-5 li.item, .iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item, .iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item:first-child {
width: 50%;
}
}
@media(max-width:479px) {
.iq-team ul.grid.iq-col-3 li.item, .iq-team ul.grid.iq-col-4 li.item, .iq-team ul.grid.iq-col-5 li.item, .iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item, .iq-team.iq-team-style-11 ul.grid.grid-style-1 li.item:first-child {
width: 100%;
}
}