/*General*/
.absopos{
	position:absolute;
	display:block;
}

/* Deer Animations */
.deervote4me{
	top: 278px;
	left: -110px;
	display:none;
	z-index:10;
}
.motion_in .deervote4me{
	display:block;
}
.animal1{
	top: 100px;
	left: 15px;
	z-index:2;
}
.front-tree1{
	top: 0px;
	left: 300px;
	z-index:3;
}
.name1{
	top: -10px;
	left: 100px;
	z-index:4;
}
.deergrass{
	bottom: 0px;
	left: 0px;
	z-index:5;
}

.motion_in .deervote4me{
	animation:deervote4me_in 3s;
	-webkit-animation:deervote4me_in 3s; /* Safari and Chrome */
}
@keyframes deervote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes deervote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}

.motion_in .animal1{
	animation:animal1_in 1.5s;
	-webkit-animation:animal1_in 1.5s; /* Safari and Chrome */
}
@keyframes animal1_in
{
0% {
left: 515px;
}
50%{
left: 515px;
}
100% {
left: 15px;
}
}
@-webkit-keyframes animal1_in
{
0% {
left: 515px;
}
50%{
left: 515px;
}
100% {
left: 15px;
}
}

.motion_in .front-tree1{
	animation:front-tree1_in 0.5s;
	-webkit-animation:front-tree1_in 0.5s; /* Safari and Chrome */
}
@keyframes front-tree1_in
{
0% {
left: 380px;
}
50% {
left: 380px;
}
100% {
left: 300px;
}
}
@-webkit-keyframes front-tree1_in
{
0% {
left: 380px;
}
50% {
left: 380px;
}
100% {
left: 300px;
}
}

.motion_in .name1{
	animation:name1_in 2s;
	-webkit-animation:name1_in 2s; /* Safari and Chrome */
}
@keyframes name1_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes name1_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}

.motion_in .deergrass{
	animation:deergrass_in 1s;
	-webkit-animation:deergrass_in 1s; /* Safari and Chrome */
}
@keyframes deergrass_in
{
0% {
bottom: -100px;
}
50%{
bottom: -100px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes deergrass_in
{
0% {
bottom: -100px;
}
50%{
bottom: -100px;
}
100% {
bottom: 0px;
}
}

/* Otter Animations */

.ottervote4me{
	display:none;
	top: 130px;
	left: 30px;
	z-index:10;
}
.motion_in .ottervote4me{
	display:block;
}
.animal2{
	top: 205px;
	left: 40px;
	z-index:7;
}
.backgrass2{
	bottom:0px;
	left:0px;
	z-index:3;
}
.backotter{
	top:175px;
	left:0px;
	z-index:2;
}
.midgrass2{
	bottom:0px;
	left:0px;
	z-index:4;
}
.name2{
	top: 20px;
	left: 120px;
	z-index:8;
}
.stone2{
	top: 230px;
	left: 220px;
	z-index:5;
	transform-origin:bottom right;
	-webkit-transform-origin:bottom right;
}
.stonegrass2{
	bottom:0px;
	left:0px;
	z-index:6;
}
.topgrass2{
	bottom:0px;
	left:0px;
	z-index:8;
}

.motion_in .ottervote4me{
	animation:ottervote4me_in 3.25s;
	-webkit-animation:ottervote4me_in 3.25s; /* Safari and Chrome */
}
@keyframes ottervote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes ottervote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}

.motion_in .animal2{
	animation:animal2_in 2s;
	-webkit-animation:animal2_in 2s; /* Safari and Chrome */
}
@keyframes animal2_in
{
0% {
left: 400px;
}
50%{
left: 400px;
}
100% {
left: 40px;
}
}
@-webkit-keyframes animal2_in
{
0% {
left: 400px;
}
50%{
left: 400px;
}
100% {
left: 40px;
}
}

.motion_in .backgrass2{
	animation:backgrass2_in 0.5s;
	-webkit-animation:backgrass2_in 0.5s; /* Safari and Chrome */
}
@keyframes backgrass2_in
{
0% {
bottom: -200px;
}
50%{
bottom: -200px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes backgrass2_in
{
0% {
bottom: -200px;
}
50%{
bottom: -200px;
}
100% {
bottom: 0px;
}
}

.motion_in .backotter{
	animation:backotter_in 2.5s;
	-webkit-animation:backotter_in 2.5s; /* Safari and Chrome */
}
@keyframes backotter_in
{
0% {
top: 400px;
}
50%{
top: 400px;
}
100% {
top: 175px;
}
}
@-webkit-keyframes backotter_in
{
0% {
top: 400px;
}
50%{
top: 400px;
}
100% {
top: 175px;
}
}

.motion_in .midgrass2{
	animation:midgrass2_in 0.75s;
	-webkit-animation:midgrass2_in 0.75s; /* Safari and Chrome */
}
@keyframes midgrass2_in
{
0% {
bottom: -300px;
}
50%{
bottom: -300px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes midgrass2_in
{
0% {
bottom: -300px;
}
50%{
bottom: -300px;
}
100% {
bottom: 0px;
}
}

.motion_in .name2{
	animation:name2_in 2s;
	-webkit-animation:name2_in 2s; /* Safari and Chrome */
}
@keyframes name2_in
{
0% {
top: -300px;
}
50%{
top: -300px;
}
100% {
top: 20px;
}
}
@-webkit-keyframes name2_in
{
0% {
top: -300px;
}
50%{
top: -300px;
}
100% {
top: 20px;
}
}

.motion_in .stone2{
	animation:stone2_in 1s;
	-webkit-animation:stone2_in 1s; /* Safari and Chrome */
}
@keyframes stone2_in
{
0% {
left:500px;
transform:rotate(180deg);
}
70%{
left: 380px;
transform:rotate(90deg);
}
100% {
left:220px;
transform:rotate(0deg);
}
}
@-webkit-keyframes stone2_in
{
0% {
left:500px;
-webkit-transform:rotate(180deg);
}
70%{
left: 380px;
-webkit-transform:rotate(90deg);
}
100% {
left:220px;
-webkit-transform:rotate(0deg);
}
}

.motion_in .stonegrass2{
	animation:stonegrass2_in 1.25s;
	-webkit-animation:stonegrass2_in 1.25s; /* Safari and Chrome */
}
@keyframes stonegrass2_in
{
0% {
bottom: -400px;
}
50%{
bottom: -400px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes stonegrass2_in
{
0% {
bottom: -400px;
}
50%{
bottom: -400px;
}
100% {
bottom: 0px;
}
}

.motion_in .topgrass2{
	animation:topgrass2_in 1.5s;
	-webkit-animation:topgrass2_in 1.5s; /* Safari and Chrome */
}
@keyframes topgrass2_in
{
0% {
bottom: -500px;
}
50%{
bottom: -500px;
}
100% {
bottom: 0px;
}
}
@-webkit-keyframes topgrass2_in
{
0% {
bottom: -500px;
}
50%{
bottom: -500px;
}
100% {
bottom: 0px;
}
}

/* Squirrel Animations */
.squirrelvote4me{
	top: 40px;
	left: 230px;
	display:none;
	z-index:10;
}
.motion_in .squirrelvote4me{
	display:block;
}
.animal3{
	top: 50px;
	left: 45px;
	z-index: 4;
}
.back-tree{
	top: 0px;
	left: 90px;
	z-index: 1;
}
.front-tree{
	top: 0px;
	left: 300px;
	z-index: 2;
}
.name3{
	top: 220px;
	left: 80px;
	z-index: 2;
	transform-origin:top left;
	-webkit-transform-origin:top left;
}
.squirrel-tree{
	top: 0px;
	left: 0px;
	z-index: 3;
}

.motion_in .squirrelvote4me{
	animation:squirrelvote4me_in 3.5s;
	-webkit-animation:squirrelvote4me_in 3.5s; /* Safari and Chrome */
}
@keyframes squirrelvote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes squirrelvote4me_in
{
0% {
opacity:0;
}
50%{
opacity:0;
}
100% {
opacity:1;
}
}

.motion_in .animal3{
	animation:animal3_in 1.25s;
	-webkit-animation:animal3_in 1.25s; /* Safari and Chrome */
}
@keyframes animal3_in
{
0% {
top: 500px;
}
50%{
top: 500px;
}
100% {
top: 50px;
}
}
@-webkit-keyframes animal3_in
{
0% {
top: 500px;
}
50%{
top: 500px;
}
100% {
top: 50px;
}
}

.motion_in .front-tree{
	animation:front-tree_in 0.5s;
	-webkit-animation:front-tree_in 0.5s; /* Safari and Chrome */
}
@keyframes front-tree_in
{
0% {
left: 380px;
}
50% {
left: 380px;
}
100% {
left: 300px;
}
}
@-webkit-keyframes front-tree_in
{
0% {
left: 380px;
}
50% {
left: 380px;
}
100% {
left: 300px;
}
}

.motion_in .back-tree{
	animation:back-tree_in 0.75s;
	-webkit-animation:back-tree_in 0.75s; /* Safari and Chrome */
}
@keyframes back-tree_in
{
0% {
left: -380px;
}
50% {
left: -380px;
}
100% {
left: 90px;
}
}
@-webkit-keyframes back-tree_in
{
0% {
left: -380px;
}
50% {
left: -380px;
}
100% {
left: 90px;
}
}

.motion_in .name3{
	animation:name3_in 2.25s;
	-webkit-animation:name3_in 2.25s; /* Safari and Chrome */
}
@keyframes name3_in
{
0% {
left:-500px;
transform:rotate(-90deg);
}
70%{
left: -80px;
transform:rotate(-90deg);
}
100% {
left:80px;
transform:rotate(0deg);
}
}
@-webkit-keyframes name3_in
{
0% {
left:-500px;
-webkit-transform:rotate(-90deg);
}
70%{
left: -80px;
-webkit-transform:rotate(-90deg);
}
100% {
left:80px;
-webkit-transform:rotate(0deg);
}
}


.motion_in .squirrel-tree{
	animation:squirrel-tree_in 1s;
	-webkit-animation:squirrel-tree_in 1s; /* Safari and Chrome */
}
@keyframes squirrel-tree_in
{
0% {
left: -550px;
}
50% {
left: -550px;
}
100% {
left: 0px;
}
}
@-webkit-keyframes squirrel-tree_in
{
0% {
left: -550px;
}
50% {
left: -550px;
}
100% {
left: 0px;
}
}
