@charset "utf-8";
/* CSS Document */
:root{
	--height:auto;
	--width:auto;	
}
.activeanimation{}
@-webkit-keyframes appear {
 0%{opacity:0;transform:translate3d(0,50%,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@keyframes appear {
  0%{opacity:0;transform:translate3d(0,50%,0);visibility:visible}
10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}

@-webkit-keyframes appearlefttoright {
0%{opacity:0;transform:translate3d(-50%,0,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@keyframes appearlefttoright{
	0%{opacity:0;transform:translate3d(-50%,0,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}

@-webkit-keyframes appeartoptobottom {
0%{opacity:0;transform:translate3d(0,-50%,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@keyframes appeartoptobottom{
	0%{opacity:0;transform:translate3d(0,-50%,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes appearrighttoleft {
0%{opacity:0;transform:translate3d(50%,0,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@keyframes appearrighttoleft{
	0%{opacity:0;transform:translate3d(50%,0,0);visibility:visible}
10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes appearsmalltobig {
0%{opacity:0;transform:scale(0,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:scale(1,1)}
}
@keyframes appearsmalltobig{
	0%{opacity:0;transform:scale(0,0);visibility:visible}
 10%{opacity:0.2}
 50%{opacity:0.5}
 90%{opacity:1}
 100%{transform:scale(1,1)}
}
@-webkit-keyframes overlay {
0%{right:0;left:100%;}
 10%{right:0;left:50%;}
 50%{right:0;left:0;}
 90%{right:50%;left:0;}
 100%{right:100%;left:0%;}
}
@keyframes overlay{
	0%{right:0;left:100%;}
 10%{right:0;left:50%;}
 50%{right:0;left:0;}
 90%{right:50%;left:0;}
 100%{right:100%;left:0;}
}
.overlay{
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	opacity:0.8;
	background:#000;
	-webkit-animation-name: overlay; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: overlay;
  animation-duration: 0.5s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.ovelayparent{position:relative;}
.appearsmalltobig{
	-webkit-animation-name: appearsmalltobig; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: appearsmalltobig;
  animation-duration: 0.3s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.appearrighttoleft{
	-webkit-animation-name: appearrighttoleft; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: appearrighttoleft;
  animation-duration: 0.3s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.appeartoptobottom{
	-webkit-animation-name: appeartoptobottom; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: appeartoptobottom;
  animation-duration: 0.3s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.appear{
	-webkit-animation-name: appear; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: appear;
  animation-duration: 0.3s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.appearlefttoright{
-webkit-animation-name: appearlefttoright; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: appearlefttoright;
  animation-duration: 0.3s;
 animation-timing-function:linear;
 animation-fill-mode:both;
 animation-play-state:paused;
}
.delay05{
	animation-delay:0.5s
}
.delay1{
	animation-delay:1s
}
.delay15{
	animation-delay:1.5s
}
.delay2{
	animation-delay:2s
}