.ih-item.circle {
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 50%
}

.ih-item.circle .img {
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 50%
}

.ih-item.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle .img img {
	border-radius: 50%
}

.ih-item.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ih-item.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3)
}

.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.ih-item.circle.effect3 .img {
	z-index: 11;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect3.colored .info {
	background: #1a4a72
}

.ih-item.circle.effect3 .info {
	background: #333;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect3 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	height: 110px;
	text-shadow: 0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)
}

.ih-item.circle.effect3 .info p {
	color: #bbb;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,.5)
}

.ih-item.circle.effect3.left_to_right .img {
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.left_to_right .info {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}

.ih-item.circle.effect3.left_to_right a:hover .img {
	-webkit-transform: scale(.5) translateX(100%);
	-moz-transform: scale(.5) translateX(100%);
	-ms-transform: scale(.5) translateX(100%);
	-o-transform: scale(.5) translateX(100%);
	transform: scale(.5) translateX(100%)
}

.ih-item.circle.effect3.left_to_right a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.ih-item.circle.effect3.right_to_left .img {
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.right_to_left .info {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}

.ih-item.circle.effect3.right_to_left a:hover .img {
	-webkit-transform: scale(.5) translateX(-100%);
	-moz-transform: scale(.5) translateX(-100%);
	-ms-transform: scale(.5) translateX(-100%);
	-o-transform: scale(.5) translateX(-100%);
	transform: scale(.5) translateX(-100%)
}

.ih-item.circle.effect3.right_to_left a:hover .info {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.ih-item.circle.effect3.top_to_bottom .img {
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.top_to_bottom .info {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .img {
	-webkit-transform: scale(.5) translateY(100%);
	-moz-transform: scale(.5) translateY(100%);
	-ms-transform: scale(.5) translateY(100%);
	-o-transform: scale(.5) translateY(100%);
	transform: scale(.5) translateY(100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .img {
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.ih-item.circle.effect3.bottom_to_top .info {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .img {
	-webkit-transform: scale(.5) translateY(-100%);
	-moz-transform: scale(.5) translateY(-100%);
	-ms-transform: scale(.5) translateY(-100%);
	-o-transform: scale(.5) translateY(-100%);
	transform: scale(.5) translateY(-100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .info {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}