@keyframes l-r-100{ 0%{ transform: translateX(-100px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@-webkit-keyframes l-r-100{0%{ -webkit-transform: translateX(-100px); opacity: 0;}100%{ -webkit-transform: translateX(0px); opacity: 1;}}
@-o-keyframes l-r-100{0%{ -webkit-transform: translateX(-100px); opacity: 0;}100%{ -webkit-transform: translateX(0px); opacity: 1;}}
@-ms-keyframes l-r-100{0%{ -webkit-transform: translateX(-100px); opacity: 0;}100%{ -webkit-transform: translateX(0px); opacity: 1;}}
@-moz-keyframes l-r-100{0%{ -webkit-transform: translateX(-100px); opacity: 0;}100%{ -webkit-transform: translateX(0px); opacity: 1;}}
@keyframes l-r-200{ 0%{ transform: translateX(-200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes l-r-300{ 0%{ transform: translateX(-300px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes l-r-400{ 0%{ transform: translateX(-400px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes l-r-500{ 0%{ transform: translateX(-500px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes l-r-600{ 0%{ transform: translateX(-600px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes l-r-700{ 0%{ transform: translateX(-700px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
.left-right-100 {animation: l-r-100 1s ease 1;-webkit-animation: l-r-100 1s ease 1;-ms-animation: l-r-100 1s ease 1;-o-animation: l-r-100 1s ease 1;-moz-animation: l-r-100 1s ease 1;animation-fill-mode:forwards;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}
.left-right-200 {animation: l-r-200 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.left-right-300 {animation: l-r-300 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.left-right-400 {animation: l-r-400 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.left-right-500 {animation: l-r-500 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.left-right-600 {animation: l-r-600 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.left-right-700 {animation: l-r-700 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}

@keyframes r-l-100{ 0%{ transform: translateX(100px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-200{ 0%{ transform: translateX(200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-300{ 0%{ transform: translateX(300px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-400{ 0%{ transform: translateX(400px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-500{ 0%{ transform: translateX(500px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-600{ 0%{ transform: translateX(600px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes r-l-700{ 0%{ transform: translateX(700px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
.right-left-100 {animation: r-l-100 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-200 {animation: r-l-200 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-300 {animation: r-l-300 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-400 {animation: r-l-400 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-500 {animation: r-l-500 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-600 {animation: r-l-600 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.right-left-700 {animation: r-l-700 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}

@keyframes t-b-50{ 0%{ transform: translateY(-50px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-100{ 0%{ transform: translateY(-100px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-200{ 0%{ transform: translateY(-200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-300{ 0%{ transform: translateY(-300px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-400{ 0%{ transform: translateY(-400px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-500{ 0%{ transform: translateY(-500px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-600{ 0%{ transform: translateY(-600px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes t-b-700{ 0%{ transform: translateY(-700px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
.top-bottom-50 {animation: t-b-50 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-100 {animation: t-b-100 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-200 {animation: t-b-200 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-300 {animation: t-b-300 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-400 {animation: t-b-400 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-500 {animation: t-b-500 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-600 {animation: t-b-600 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.top-bottom-700 {animation: t-b-700 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}

@keyframes b-t-50{ 0%{ transform: translateY(50px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-100{ 0%{ transform: translateY(100px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-200{ 0%{ transform: translateY(200px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-300{ 0%{ transform: translateY(300px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-400{ 0%{ transform: translateY(400px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-500{ 0%{ transform: translateY(500px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-600{ 0%{ transform: translateY(600px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
@keyframes b-t-700{ 0%{ transform: translateY(700px); opacity: 0;} 100%{ transform: translateX(0px); opacity: 1;}}
.bottom-top-50 {animation: b-t-50 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-100 {animation: b-t-100 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-200 {animation: b-t-200 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-300 {animation: b-t-300 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-400 {animation: b-t-400 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-500 {animation: b-t-500 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-600 {animation: b-t-600 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.bottom-top-700 {animation: b-t-700 1s ease 1;animation-fill-mode:forwards;animation-play-state:paused;}
.move{animation-play-state:running !important;}