.aib-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
}
.aib-image-banner {
    position: relative;
	overflow: hidden;
}
.aib-content {
    position: absolute;
	color:#FFFFFF;
    top: 0;
    width: 100%;
    height: 100%;
}
.aib-figure {
    position: relative;
	display: inline-block;
	overflow: hidden;
}
.aib-figure > img {
    box-shadow: none;
    border-radius: 0;
    display: block;
}
.aib-mask {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.aib-link > a {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	position: relative;
}
.aib-link > a:hover { color:#fff !important; box-shadow: inset 0px -1px 0px 0px #fff; }
.aib-link > a, h3.aib-title, p.aib-desc {
	color:inherit;
}
.aib-container.aib-style01 {
    position: relative;
    display: block;
    overflow: hidden;
}
.aib-style01 .aib-image-banner .aib-mask {
	width: 150%;
	padding: 60px;
	height: 150%;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	transform: translate(54%, 54%) rotate(45deg);
	-webkit-transform: translate(54%, 54%) rotate(45deg);
	-moz-transform: translate(54%, 54%) rotate(45deg);
	-o-transform: translate(54%, 54%) rotate(45deg);
	-ms-transform: translate(54%, 54%) rotate(45deg);
	transition: all 0.3s ease-in-out 0.35s;
	-webkit-transition: all 0.3s ease-in-out 0.35s;
	-moz-transition: all 0.3s ease-in-out 0.35s;
	-o-transition: all 0.3s ease-in-out 0.35s;
	-ms-transition: all 0.3s ease-in-out 0.35s;
}

.aib-style01 .aib-link, .aib-style02 .aib-link, .aib-style04 .aib-link, .aib-style05 .aib-link {
	display: block;
	bottom: 10%;
	right: 12.85%;
	overflow: hidden;
	text-align: right;
	position: absolute;
	transform: translateY(-200px);
	-webkit-transform: translateX(-600px);
	-moz-transform: translateX(-600px);
	-o-transform: translateX(-600px);
	-ms-transform: translateX(-600px);
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.aib-style01 .aib-banner-details,
.aib-style02 .aib-banner-details,
.aib-style04 .aib-banner-details,
.aib-style05 .aib-banner-details{
	color: #FFFFFF;
	padding: 0 12.82%;
	top: 20%;
	position: relative;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	opacity: 0;
	transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
}
.aib-banner-details h3.aib-title {
	display: block;
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 10px;
	margin-top:0px;
	font-weight: 400;
    color: inherit;
}
.aib-banner-details p.aib-desc {
	font-size: 14px;
	line-height: 22px;
}
.aib-style01 .aib-image-banner:hover .aib-mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	transform: translate(-17%, -17%) rotate(45deg);
	-webkit-transform: translate(-17%, -17%) rotate(45deg);
	-moz-transform: translate(-17%, -17%) rotate(45deg);
	-o-transform: translate(-17%, -17%) rotate(45deg);
	-ms-transform: translate(-17%, -17%) rotate(45deg);
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.aib-style01 .aib-image-banner:hover .aib-link,
.aib-style02 .aib-image-banner:hover .aib-link,
.aib-style04 .aib-image-banner:hover .aib-link,
.aib-style05 .aib-image-banner:hover .aib-link{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);;
	transition: all 0.3s ease-in-out 0.4s;
	-webkit-transition: all 0.3s ease-in-out 0.4s;
	-moz-transition: all 0.3s ease-in-out 0.4s;
	-o-transition: all 0.3s ease-in-out 0.4s;
	-ms-transition: all 0.3s ease-in-out 0.4s;
}
.aib-style01 .aib-image-banner:hover .aib-banner-details,
.aib-style02 .aib-image-banner:hover .aib-banner-details,
.aib-style04 .aib-image-banner:hover .aib-banner-details,
.aib-style05 .aib-image-banner:hover .aib-banner-details{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	opacity: 1;
}

/* Style 02*/
.aib-style02 .aib-image-banner .aib-mask {
	width: 100%;
	height: 100%;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
}
.aib-style02 .aib-image-banner:hover .aib-mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
}

/* Style 03*/
.aib-style03 .aib-image-banner .aib-mask {
	width: 100%;
	height: 100%;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
}
.aib-style03 h3.aib-title {
	position: absolute;
	top: 50%;
	width: 80%;
	height: auto;
	margin: 0 10%;
	margin-top: -30px;
	text-align: center;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
}
.aib-style03 p.aib-desc,
.aib-style03 .aib-link {
	position: absolute;
	bottom: -50%;
	width: 80%;
	height: auto;
	margin: 0 10%;
	text-align: center;
	padding-top: 15px;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
}
.aib-style03 .aib-image-banner:hover p.aib-desc{
	bottom: 50%;
	top:auto;
	margin-bottom:-30px;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	opacity: 1;
}
.aib-style03 .aib-image-banner:hover .aib-link {
	bottom: 12%;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	opacity: 1;
}
.aib-style03 .aib-image-banner:hover h3.aib-title {
	top: 30%;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	opacity: 1;
}

/* Style 04 */
.aib-style04 .aib-mask {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	-webkit-transform: scale(0.5) rotateX(180deg);
	-moz-transform: scale(0.5) rotateX(180deg);
	-ms-transform: scale(0.5) rotateX(180deg);
	-o-transform: scale(0.5) rotateX(180deg);
	transform: scale(0.5) rotateX(180deg);
}
.aib-style04 .aib-image-banner:hover .aib-mask {
	opacity: 1;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: scale(1) rotateX(0deg);
	-moz-transform: scale(1) rotateX(0deg);
	-ms-transform: scale(1) rotateX(0deg);
	-o-transform: scale(1) rotateX(0deg);
	transform: scale(1) rotateX(0deg);
}
/* Style 05 */
.aib-style05 .aib-mask {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	box-sizing: border-box;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: scale(0) rotate(-180deg);
	-moz-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.aib-style05 .aib-image-banner:hover .aib-mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
