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

.team-photo{
margin:7px;	
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;
	
}

#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; 
	 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;
	
}

@media only screen and (min-width: 0px) and (max-width: 1025px) {
.team-photo{
margin:7px;	
float:left;
	position: relative; 
	overflow:hidden;
	/* width: 24.7544204322%; */
	width: 50px;
	height: 50px;
	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;
	
}
}