﻿/* team element-ten */



.team.element-ten{

	width:auto;

	margin-left:-15px;

	margin-right:-15px;

}



.team.element-ten .team-item{

	padding:5px 15px 10px 15px;

}



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

	float:left;

	margin-bottom:40px;

}



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

	text-align:right;

}



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

	position:relative;

	overflow:hidden;

	margin-bottom:20px;

}



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

	width:100%;

}



.team.element-ten .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-ten .team-item > .holder > .pic > .overlay{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	z-index:2;

	padding:25px;

	background-color:rgba(9,9,17,0.85);

	opacity:0;

	visibility:hidden;

	transition:all 0.3s ease-in-out;

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

}



.team.element-ten .team-item > .holder:hover > .pic > .overlay{

	opacity:1;

	visibility:visible;

}



.team.element-ten .team-item > .holder > .pic > .overlay > .table{

	display:table;

	table-layout:fixed;

	width:100%;

	height:100%;

	margin:0;

}



.team.element-ten .team-item > .holder > .pic > .overlay > .table > .table-cell{

	display:table-cell;

	width:100%;

	height:100%;

	vertical-align:bottom;

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main{

	text-transform:uppercase;

	font-weight:400;

	font-size:13px;

	color:#fff;

	line-height:25px;

	transform:translateY(20px);

	-webkit-transform:translateY(20px);

	transition:all 0.5s ease-in-out;

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

}



.team.element-ten .team-item > .holder:hover > .pic > .overlay .overlay-main{

	transform:translateY(0);

	-webkit-transform:translateY(0);

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main > *:last-child{

	margin-bottom:0 !important;

}



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

	margin-top:20px;

	font-size:0;

}



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

	display:inline-block;

	vertical-align:top;

	margin-right:10px;

}



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

	display:block;

	width:30px;

	height:30px;

	border-radius:50%;

	text-align:center;

	transition:all 0.3s ease-in-out;

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

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li.facebook a{

	background-color:#3b5999;

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li.twitter a{

	background-color:#55acee;

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li.google-plus a{

	background-color:#dd4b39;

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li.linkedin a{

	background-color:#0077B5;

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li a:hover{

	background-color:#fff;

}



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

	font-size:14px;

	color:#fff;

	line-height:30px;

	transition:all 0.3s ease-in-out;

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

}



.team.element-ten .team-item > .holder > .pic > .overlay .overlay-main ul.social li a:hover i{

	color:#010101;

}



.team.element-ten .team-item > .holder > .data{

}



.team.element-ten .team-item > .holder > .data > *:last-child{

	margin-bottom:0 !important;

}



.team.element-ten .team-item > .holder > .data h5{

	margin-bottom:0;

	text-transform:uppercase;

	font-weight:600;

	font-size:14px;

	color:#010101;

	line-height:25px;

}



.team.element-ten .team-item > .holder > .data h5 a{

	color:inherit;

}



.team.element-ten .team-item > .holder > .data p{

	margin-bottom:0;

	text-transform:uppercase;

	font-weight:400;

	font-size:13px;

	color:#252525;

	line-height:25px;

}



/* 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){

}