/* Teambox default CSS */
.industriz-teambox-default .industriz-team-image-box {
    position: relative;
    overflow: hidden;
	border-radius: 10px;
}
.industriz-teambox-default .industriz-team-image-box .ttm-member-social {
    position: absolute;
    right: 0;
    top: 0;
}
.industriz-teambox-default .ttm-team-social-links-wrapper ul {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 22px 15px 10px;
	margin: 0; 
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px);
    transition: all 0.35s ease-in-out;
	backdrop-filter: blur(15px);
	border-radius: 0px 0 0 10px;
}
.industriz-teambox-default .ttm-team-social-links-wrapper ul li a {
    margin-top: 15px;
    border-radius: 50%;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    background-color: var(--ttm-whitecolor);
    border: 1px solid var(--ttm-whitecolor);
}
.industriz-teambox-default .ttm-team-social-links-wrapper ul li a:hover {
    color: var(--ttm-skincolor);
}
.industriz-box-team .ttm-team-social-links-wrapper ul li a {
    margin: 0 4px;
    display: block;
    color: #fff;
    border: unset;
    font-size: 15px;
	width: auto;
    height: auto;
	background-color: transparent;
    line-height: 20px;
}
.industriz-teambox-default .industriz-team-autor-position,
.industriz-teambox-default .industriz-box-content h4 a {
	color: #fff; 
}
.industriz-teambox-default .industriz-box-content h4 a:hover {
	color: var(--ttm-skincolor);
}
.industriz-teambox-default:hover .ttm-team-social-links-wrapper ul {    
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}
.industriz-teambox-default .ttm-team-social-links-wrapper ul li {
    list-style: none;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.industriz-teambox-default .industriz-box-content h4 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 2px;
    cursor: pointer;
    display: inline-block;
}
.industriz-box.industriz-box-team.industriz-teambox-default {
    position: relative;
}
.industriz-teambox-default .industriz-box-content {    
    text-align: left;
    position: absolute;
    bottom: 0;
	right: 80px;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(13.5px);
    padding: 20px 30px;
    border-radius: 0 10px 0 10px;
	display: flex;
}

.industriz-teambox-default .industriz-team-image-box img {
    width: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
	border-radius: 10px;
}
.industriz-teambox-default:hover .industriz-team-image-box img {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}


/* style 1 */
.industriz-teambox-style1 .industriz-post-overlay {
    padding: 15px 15px 19px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;	
}
.industriz-element-teambox-style1 .industriz-box-content h4 a:hover ,
.industriz-element-teambox-style1 .industriz-box-content h4 a:not(:hover) {
    color: #fff;
}
.industriz-teambox-view-style1 .industriz-content-inner{
    flex: 1;
    height: 100%;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.industriz-teambox-style1 .featured-image-bg {
    width: 216px;
    height: 560px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
    z-index: 0;
    position: relative;
	border-radius: 10px;
	filter: grayscale(100%);
	background-size: cover;
}
.industriz-teambox-style2 .featured-image-bg {
	filter: grayscale(100%);
}
.industriz-teambox-style2:hover .featured-image-bg {
	filter: grayscale(0%);
}
.ttm-box-col-wrapper.active .industriz-teambox-style1 .featured-image-bg {
	width: 100%;
	filter: grayscale(0%);
}
.ttm-box-col-wrapper.active .industriz-teambox-style1 .industriz-post-overlay{   
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(13.5px);
   border-radius: 10px;
   border: 1px solid rgba(216, 215, 215, 0.50);
}
.industriz-teambox-style1 .industriz-content-inner {
    position: relative;
}
.industriz-element-teambox-style1:hover .industriz-boxes-row-wrapper .ttm-box-col-wrapper .industriz-post-overlay  {
    transform: translateY(0%);
    transition: all .5s linear;
}
.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper.active .industriz-box-box-detail{
    opacity: 1;
    color: #fff;
}
.industriz-element-teambox-style1 .industriz-box-box-detail {
    opacity: 0;
}
.industriz-element-teambox-style1 .industriz-box-title{
    margin-bottom: -10px;
}

/* style 1 */
.industriz-teambox-style2 .industriz-box-title h4 {
    margin-bottom: 0;
}
.industriz-teambox-style2 .featured-image-bg {
    height: 530px;
    background-position: center;
    background-size: cover;
}
.industriz-teambox-style2 .industriz-post-item {
    overflow: hidden;
	position: relative;
}
.industriz-teambox-style2:hover .featured-image-bg {
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(0deg) translateY(-31px);
    transition: all 700ms ease 200ms;
}
.industriz-teambox-style2 .featured-image-bg {    
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition: all 700ms ease 200ms;
    overflow: hidden;
}
.industriz-element-teambox-style2 .industriz-boxes-inner {
    overflow: hidden;
}
.industriz-teambox-style2 .industriz-post-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 20px 20px 20px 30px;
    background-color: var(--ttm-greycolor);
    opacity: 0;
	transform: translateY(98px);
	transition: transform 0.4s ease, opacity 0.4s ease;
}
.industriz-teambox-style2:hover .industriz-post-overlay {
	opacity: 1;
	transform: translateY(0px);
	transition: transform 0.4s ease, opacity 0.4s ease;
}
.industriz-element-teambox-style2.industriz-boxes-gap-0px .industriz-boxes-row-wrapper.row .ttm-box-col-wrapper {
    padding-right: 1.5px;
    padding-left: 1.5px;
}
.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper {	
		-webkit-transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
		-o-transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
		transition: max-width .8s cubic-bezier(.6, 0, .2, 1);
		display: block;
		overflow: hidden;
}

@media(min-width:1025px) {
	.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper {
		height: 560px;
	}
}

@media(max-width:991px) {
	.industriz-teambox-style2 .featured-image-bg {
		height: 330px; 
		background-position: top; 
	}
}
@media(max-width:767px) {
	
	.ttm-team-member-single-content-wrapper.ttm-team-member-view-default .ttm-team-member-single-content .industriz-team-member-single-featured-area .industriz-team-member-info .industriz-team-img img,
	.industriz-box-team.industriz-teambox-default .industriz-item-thumbnail img {
		min-width: 100%;
	}
	.industriz-teambox-style1 .featured-image-bg {
		height: 500px;		
	}
	.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper {
		height: auto;
	}
	.industriz-element-teambox-style2.industriz-boxes-gap-0px .industriz-boxes-row-wrapper.row .ttm-box-col-wrapper {    
		margin-bottom: 20px;
	}
	.industriz-element-teambox-style2.industriz-boxes-gap-0px .industriz-boxes-row-wrapper.row .ttm-box-col-wrapper:last-child {
		margin-bottom: 0;
	}
}

@media(max-width:480px) {
	.industriz-teambox-style1 .featured-image-bg {
		height: 300px;
	}
}

@media(min-width:992px) {
	.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper {
		width: 100%;
		max-width: calc(19.22222% - 10px);		
	}
	.industriz-element-teambox-style1 .industriz-boxes-row-wrapper .ttm-box-col-wrapper.active {
		width: 100% !important;
		max-width: calc(25.99% - 1.10px);
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.industriz-element-teambox-style2.industriz-boxes-gap-0px .industriz-boxes-row-wrapper.row .ttm-box-col-wrapper {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 30px;
	}
	.industriz-teambox-style1 .featured-image-bg {
		height: 360px;
	}
}