.offleft{
	opacity:0;
	left: -30px;
	transition:all 0.5s ease-in-out;
	position:relative;
}
.offright{
	opacity:0;
	left: 30px;
	transition:all 0.5s ease-in-out;
	position:relative;
}
.offbottom{
	opacity:0;
	top: 30px;
	transition:all 0.5s ease-in-out;
	position:relative;
}
.offtop, .offtop1, .offtop2, .offtop3{
	opacity:0;
	top: -30px;
	transition:all 0.5s ease-in-out;
	position:relative;
}
.show{
	opacity:1;
	margin-left: 0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0px;
	transition:all 0.5s ease-in-out;
	left:0;
	right:0;
	bottom:0;
	top:0;
}

.preload .offleft {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
	transition: none !important;
	left:-30px;
	opacity:0;
}