@charset "utf-8";
@import: http://www.google.com/fonts#UsePlace:use/Collection:Open+sans+Web:400,200italic,300,300italic,200;

.team-photo{	
float:left;
	position: relative; 
	overflow:hidden;
	width: 24.7544204322%;
	margin:0px;
	text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	cursor:pointer;
	background:cover;
	
}

#team_manager {
display:none;
text-indent:-5000px;
}

.team-photo img{
	width:100%;
height:auto;
	display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	margin:20px;
	background:cover;
}
.team-photo:hover img{ 
	 -webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

}
.team-photo .mask{ 
	position:absolute;
	display:block;
	top:0;
    left:0%; 
	width: 100%;
	height:100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0); 
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	 margin:20px; 
	 background:cover;
		
}
.team-photo:hover .mask{ 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
 
	
}
.team-photo h5{ 
	position:absolute;
	top: 50px;
	z-index:100;
	color: #fff;
	font-weight:bold;
	opacity: 0;
	text-align: center;
   width: 100%;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font-size: 22px;
	margin-left:10px;
	text-transform:capitalize;
}
.team-photo:hover h5{ 
	top:100px;
	opacity:1;
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	transition-delay:300ms;
}
.team-photo ul.team-social-links{
	position:absolute;
	bottom: -50px;
	z-index:100;
	opacity: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
}
.team-photo:hover ul.team-social-links{
	 bottom:40px;
	opacity:1;
}
.team-photo ul.team-social-links li{
	display: inline-block;
	 margin: 0 8px; 
}
.team-photo ul.team-social-links li a {
color: #fff;
}
.team-photo ul.team-social-links li:before {
content:"" !important;
}

.team-photo ul.team-social-links li a:hover {}
 ul.team-social-links li a i{
font-size:23px;
}



 @media only screen and (min-width: 0px) and (max-width: 480px) {
 .team-photo{	
float:left;
width: 100%;
	
}
}

 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .team-photo{	
float:left;
width: 50%;
}

 ul.team-social-links li a i{
font-size:18px;
}
}

 @media only screen and (min-width: 768px) and (max-width: 959px) {
.team-photo{	
width: 33%;
font-size:18px;
}
}