@charset "UTF-8";
/* CSS Document */

#effect01{
	padding:3%;
	width:30%;
	background-color:#f4f4f4;
	cursor:pointer;
}
#effect01:hover h1{
	color:#F30;
}
#effect01:hover #imgHolder{
	-webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}
#effect01 h1{
	font-family: 'calibri';
	font-weight:bold;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	color:#666;
	 transition:all 0.5s ease;
}
#effect01 h4{
	font-family: 'calibri';
	font-weight:bold;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
}
#imgHolder { 
 transition:all 0.5s ease;
}
#overlayDiv{
	position:absolute;
	background:#936;
	z-index:8;
	height:200px;
	bottom:0;
}
#teamDiv{
	text-align:center;
	
}
#hoverDiv1{
	position:relative;
	height:350px;
	display:inline-block;
	width:30%;
	background:#fff;
	box-shadow: 0px 0px 5px #aeaeae;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer;
	margin-right:10px;
	text-align:center;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
#ShapeInfoDiv{
	bottom:-30px;
	position:absolute;
	/*background-image: linear-gradient(to right, #293885 , #0b164c);*/
	background:#8f8f8f;
	z-index:8;
	width:100%;
	height:110px;
	text-align:center;
	border-radius:10px;
	transform-origin: bottom ;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	transition:all 1s ease;
	padding-top:20px;
	 /*-webkit-transform: skewY(-9deg);
     -ms-transform: skewY(-9deg);
    transform: skewY(-9deg);*/
}
#ShapeInfoDiv h3{
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	
	/*-webkit-transform: skewY(9deg);
     -ms-transform: skewY(9deg);
     transform: skewY(9deg);*/
	 color:#fff;
}
#ShapeInfoDiv p{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin:0px;
	padding:0px;
	padding:0px;
	text-align:center;
	/*-webkit-transform: skewY(9deg);
     -ms-transform: skewY(9deg);
     transform: skewY(9deg);*/
}
#imgHolder1{
	transition:all 1s ease;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	width:160px;
	height:160px;
	border-radius:200px;
	background:#fff;
	border: 3px solid #e7e6e5;
	padding:5px;
	
}
#imgHolder1 img{
	border-radius:160px;
	width:100%;
	height:100%;
	
}
#hoverDiv1:hover #ShapeInfoDiv{
	
	height:210px;
}
#hoverDiv1:hover #imgHolder1{
	
	-webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
}
#socialMedia{
	color:#fff;
	opacity:0;
	transition:all 1s ease;
	margin-top:60px;
	/*-webkit-transform: skewY(9deg);
     -ms-transform: skewY(9deg);
     transform: skewY(9deg);*/
}
#hoverDiv1:hover #socialMedia{
	
	opacity:1;
	margin-top:30px;
	
}
.padding{
	padding-right:10px;
}