﻿/* team element-three */



.team.element-three{

	width:auto;

	margin-left:-15px;

	margin-right:-15px;

}



.team.element-three .team-item{

	padding:5px 15px 10px 15px;

}



.team.element-three:not(.owl-carousel) .team-item{

	float:left;

	margin-bottom:40px;

}



.team.element-three .team-item > .holder{

	text-align:right;

}



.team.element-three .team-item > .holder > .pic{

	position:relative;

	overflow:hidden;

	margin-bottom:20px;

}



.team.element-three .team-item > .holder > .pic:before{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	z-index:2;

	content:" ";

	background-color:rgb(0,0,0,0.85);

	opacity:0;

	visibility:hidden;

	transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

}



.team.element-three .team-item > .holder:hover > .pic:before{

	opacity:1;

	visibility:visible;

}



.team.element-three .team-item > .holder > .pic > img{

	width:100%;

	float:left;

}



.team.element-three .team-item > .holder > .pic > .holder{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	z-index:1;

	background:center top no-repeat;

	background-size:cover;

}



.team.element-three .team-item > .holder > .pic > .overlay-social{

	position:absolute;

	top:0;

	right:0;

	left:0;

	z-index:3;

	padding:25px;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social{

	font-size:0;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li{

	display:inline-block;

	vertical-align:top;

	margin-right:15px;

	opacity:0;

	visibility:hidden;

	transform:translateY(25px);

	-webkit-transform:translateY(25px);

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li:nth-child(1){

	transition:all 0.4s ease-in-out;

	-webkit-transition:all 0.4s ease-in-out;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li:nth-child(2){

	transition:all 0.5s ease-in-out;

	-webkit-transition:all 0.5s ease-in-out;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li:nth-child(3){

	transition:all 0.6s ease-in-out;

	-webkit-transition:all 0.6s ease-in-out;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li:nth-child(4){

	transition:all 0.7s ease-in-out;

	-webkit-transition:all 0.7s ease-in-out;

}



.team.element-three .team-item > .holder:hover > .pic > .overlay-social ul.social li{

	opacity:1;

	visibility:visible;

	transform:translateY(0);

	-webkit-transform:translateY(0);

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li a{

	display:block;

}



.team.element-three .team-item > .holder > .pic > .overlay-social ul.social li a i{

	font-size:15px;

	color:#fff;

	line-height:15px;

}



.team.element-three .team-item > .holder > .pic > .overlay-data{

	position:absolute;

	right:0;

	bottom:0;

	left:0;

	z-index:3;

	padding:25px;

}



.team.element-three .team-item > .holder > .pic > .overlay-data h5{

	margin-bottom:0;

	text-transform:uppercase;

	font-weight:500;

	font-size:15px;

	color:#fff;

	line-height:25px;

	opacity:0;

	visibility:hidden;

	transform:translateY(20px);

	-webkit-transform:translateY(20px);

	transition:all 0.4s ease-in-out;

	-webkit-transition:all 0.4s ease-in-out;

}



.team.element-three .team-item > .holder:hover > .pic > .overlay-data h5,

.team.element-three .team-item > .holder:hover > .pic > .overlay-data p{

	opacity:1;

	visibility:visible;

	transform:translateY(0);

	-webkit-transform:translateY(0);

}



.team.element-three .team-item > .holder > .pic > .overlay-data h5 a{

	color:inherit;

}



.team.element-three .team-item > .holder > .pic > .overlay-data p{

	margin-bottom:0;

	text-transform:uppercase;

	font-weight:400;

	font-size:13px;

	color:rgba(255,255,255,0.8);

	line-height:23px;

	opacity:0;

	visibility:hidden;

	transform:translateY(20px);

	-webkit-transform:translateY(20px);

	transition:all 0.7s ease-in-out;

	-webkit-transition:all 0.7s ease-in-out;

}



/* LARGE DESKTOP PART */

@media screen and (min-width:1200px){

}



/* DESKTOP PART */

@media screen and (min-width:992px) and (max-width:1199px){

}



/* TABLET LANDSCAPE PART */

@media screen and (min-width:768px) and (max-width:991px){

}



/* TABLET PROTRAIT PART */

@media screen and (min-width:480px) and (max-width:767px){

}



/* SMART PHONE LANDSCAPE PART */

@media screen and (min-width:321px) and (max-width:479px){

}



/* SMART PHONE PROTRAIT PART */

@media screen and (max-width:320px){

}