.ih-item.square {
    position: relative;
}
.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.square.effect {
	overflow: hidden;
}
.ih-item.square.effect.colored .info {
	background: #1a4a72;
	background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.ih-item.square.effect .info {
	background: url('img/study_bg.jpg');
	background-size: cover;
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item.square.effect .info.activities {
	background: url('img/activities_bg.jpg');
	background-size: cover;
}
.ih-item.square.effect .info.community {
	background: url('img/community_bg.jpg');
	background-size: cover;
}
.ih-item.square.effect .info.research {
	background: url('img/research_bg.jpg');
	background-size: cover;
}
.ih-item.square.effect .info h3 {
	text-transform: uppercase;
    color: #fff;
    font-size: 17px;
    text-align: left;
	transition: all 0.35s ease-in-out;
}
.ih-item.square.effect .info p {
	font-size: 15px;
    position: relative;
    color: #fff;
    padding: 20px 50px 20px 20px;
    text-align: left;
    line-height: 1.3em;
}
.ih-item.square.effect a {
	opacity: 1 !important;
}
.ih-item.square.effect a:hover .img {

}
.ih-item.square.effect a:hover .info {
	visibility: visible;
	opacity: 1;
}

.ih-item.square.effect.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.square.effect.left_to_right a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.ih-item.square.effect.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.square.effect.right_to_left a:hover .info {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.ih-item.square.effect.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.square.effect.top_to_bottom a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.ih-item.square.effect.bottom_to_top .info {
	-webkit-transform: translateY(calc(100% - 37px));
	-moz-transform: translateY(calc(100% - 37px));
	-ms-transform: translateY(calc(100% - 37px));
	-o-transform: translateY(calc(100% - 37px));
	transform: translateY(calc(100% - 37px));
	
}
.ih-item.square.effect.bottom_to_top .info h3 {
    padding: 10px 20px 10px;	
}
.ih-item.square.effect.bottom_to_top a:hover .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.ih-item.square.effect.bottom_to_top a:hover .info h3{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	padding: 20px 20px 5px;
}