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

.team-photo{
margin:8px;	
float:left;
	position: relative; 
	overflow:hidden;
	/* width: 24.7544204322%; */
	width: 70px;
	height: 70px;
	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-size:cover;
}

div#teammanagers {
margin-top:20px ;
}
#team_manager {
display:none;
text-indent:-5000px;
}

.team-photo img{
	width: 70px;
	height: 70px;
	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;
	background-size:cover;
	opacity:1;
}
.team-photo:hover img{ 
-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 .mask{ 
	position:absolute;
	display:block;
	top:0;
    left:0%; 
	width: 100%;
	height: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;
	/*  margin:20px; */ 
	 background:cover;
	 background:transparent;
	 opacity:0;
		
}
.team-photo:hover .mask{ 
top:0;
    left:0%; 
	width: 100%;
	height: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;
	 opacity:0.9; 
	 background:#000;
	 
}


 .team-photo h5{ 
	position:absolute;
	top: 0px;
	z-index:100;
	color: #fff;
	opacity: 0;
	text-align: center;
   width: 100%;
   height: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: 25px;
	text-transform:capitalize;
}
.team-photo:hover h5{ 
	top:0px;
	opacity:1;
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	transition-delay:300ms;
} 

.team-photo h5 i{ 
	color:#fff;
	font-size: 20px;
	line-height:55px;
	
}
/* .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 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;
}
}
 */