.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.0);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:0.9em;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


.scroll-up {
 height: 200px;	
 overflow: hidden;
 position: relative;

 color: white;
 border: 1px solid orange;
}
.scroll-up p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);	
 transform:translateY(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-up 15s linear infinite;
 -webkit-animation: scroll-up 15s linear infinite;
 animation: scroll-up 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-up {
 0%   { -moz-transform: translateY(100%); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
 0%   { -webkit-transform: translateY(100%); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
 0%   { 
 -moz-transform: translateY(100%); /* Browser bug fix */
 -webkit-transform: translateY(100%); /* Browser bug fix */
 transform: translateY(100%); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Browser bug fix */
 -webkit-transform: translateY(-100%); /* Browser bug fix */
 transform: translateY(-100%); 
 }
}

Jan 13, 12:53 PM
Harsha Hearts Media (harsha@heartsmedia.com)
.clearfix:after {
 clear: both;
}

.hide-text {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}

.input-block-level {
 display: block;
 width: 100%;
 min-height: 30px;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}


.hidden {
 display: none;
 visibility: hidden;
}

.visible-phone {
 display: none !important;
}

.visible-tablet {
 display: none !important;
}

.hidden-desktop {
 display: none !important;
}

.visible-desktop {
 display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
 .hidden-desktop {
   display: inherit !important;
 }
 .visible-desktop {
   display: none !important ;
 }
 .visible-tablet {
   display: inherit !important;
 }
 .hidden-tablet {
   display: none !important;
 }
}

@media (max-width: 767px) {
 .hidden-desktop {
   display: inherit !important;
 }
 .visible-desktop {
   display: none !important;
 }
 .visible-phone {
   display: inherit !important;
 }
 .hidden-phone {
   display: none !important;
 }
}

.visible-print {
 display: none !important;
}

@media print {
 .visible-print {
   display: inherit !important;
 }
 .hidden-print {
   display: none !important;
 }
 
 /*==========================GALLERY=====================*/	

.gallery_wrapper
	{
	background:url(../images/body-pattern.html);
	width:100%;
	height:515px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	}	


.gallery_wrapper_inner
	{
	width:95%;
	height:510px;
	margin-left:auto; 
	margin-right:auto;
	position:relative;
	top:4%;
	}


	
/*==========================GALLERY=====================*/