@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:10;
	height:200px;
	bottom:0;
}
#teamDiv{
	text-align:center;
	
}
#hoverDiv1{
	position:relative;
	height:420px;
	display:inline-block;
	width:335px;
	background:#fff;
	box-shadow: 0px 0px 5px #eaeaea;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer;
}
#ShapeInfoDiv{
	bottom:-30px;
	position:absolute;
	background-image: linear-gradient(to right, #be27c0 , #4c239a);
	z-index:10;
	width:100%;
	height:170px;
	
	border-radius:10px;
	transform-origin: bottom ;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	transition:all 1s ease;
	-webkit-transform: skewY(-9deg);
     -ms-transform: skewY(-9deg);
     transform: skewY(-9deg);
}
#ShapeInfoDiv h2{
	font-family: 'arista';
	margin:0px;
	padding-top:30px;
	-webkit-transform: skewY(9deg);
     -ms-transform: skewY(9deg);
     transform: skewY(9deg);
	 color:#fff;
}
#ShapeInfoDiv p{
	font-family: 'arista';
	color:#fff;
	margin:0px;
	padding:0px;
	padding:0px;
	-webkit-transform: skewY(9deg);
     -ms-transform: skewY(9deg);
     transform: skewY(9deg);
}
#imgHolder1{
	transition:all 1s ease;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:220px;
	height:220px;
	border-radius:200px;
	background:#fff;
	border: 1px solid #bea8be;
	
}
#imgHolder1 img{
	border-radius:200px;
	width:100%;
	height:100%;
	padding:7px;
	
}
#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;
}