@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic);
/* CSS Document */


span.events-i{background: url(../images/events-bottom-icon.png) 0px 0px no-repeat;}
span.movie-i{background: url(../images/movie-bottom-icon.png) 0px 0px no-repeat;}
span.offer-i{background: url(../images/offer-bottom-icon.png) 0px 0px no-repeat;}
span.blog-i{background: url(../images/blog-bottom-icon.png) 0px 0px no-repeat;}

.home-fb-links1, .home-fb-links2, .home-fb-links3, .home-fb-links4{position:absolute; left:0; bottom:-70px; width:100%; height:30px; z-index:10; background:none;
font-family:'brandon_grotesquemedium'; font-weight:normal; line-height:30px; font-size:12px; text-transform:uppercase; color:#FFF; text-align:center; text-decoration:none;}

.home-fb-links1{background:url(../images/green-bg.png) left top repeat;}
.home-fb-links2{background:url(../images/purple-bg.png) left top repeat;}
.home-fb-links3{background:url(../images/blue-bg.png) left top repeat;}
.home-fb-links4{background:url(../images/meroon-bg.png) left top repeat;}

.home-fblink-wrap{width:1203px; height: auto; margin:30px 0 0 18px; padding:0; float:left;}
.total-four{width:23.9%; height: auto; margin:0 1% 0 0; padding:0; float:left;}
.total-four a img{max-width:100%;}
.overlay-div{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.box-shadow{ width:100%; height:22px; margin:0; padding:0; float:left; display:none;}
/************New**************/
.da-animate-front{
	width:220px;
	height:205px;
	position:relative;
	margin:0 auto;
	top:10px;
	padding:0;
	overflow:hidden;

}
.da-animate-back{
	width:220px;
	height:175px;
	position: absolute;
	top: 50%;
	left: 50%;
	padding:0;
	border: none;
	z-index:11;
	
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
	}
.da-animate-front:hover .da-animate-back{
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(0);
	transform: translateY(-50%) translateX(-50%) scale(0);
	cursor:pointer;
}

/************New**************/

