@-webkit-keyframes bgnavopen {
0% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}

74% {
background-color: #ffffff;
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, -100px) scale(2.2, 50);
-moz-transform: translate(10px, -100px) scale(2.2, 50);
transform: translate(10px, -100px) scale(2.2, 50);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}
}

@-webkit-keyframes bgnavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

29% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

30% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

74% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, -100px) scale(2.2, 50);
-moz-transform: translate(10px, -100px) scale(2.2, 50);
transform: translate(10px, -100px) scale(2.2, 50);
}

75% {
background-color: #ffffff;
-webkit-transform: translate(0, -35px) scale(1);
-moz-transform: translate(0, -35px) scale(1);
transform: translate(0, -35px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@-webkit-keyframes onenavopen {
0% {
-webkit-transform: translate(0, 10px) scale(1);
-moz-transform: translate(0, 10px) scale(1);
transform: translate(0, 10px) scale(1);
}

74% {
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}
}

@-webkit-keyframes onenavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

29% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

30% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

74% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
}

75% {
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(0, -65px) scale(1);
-moz-transform: translate(0, -65px) scale(1);
transform: translate(0, -65px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@-webkit-keyframes twonavopen {
0% {
-webkit-transform: translate(0, 10px) scale(1);
-moz-transform: translate(0, 10px) scale(1);
transform: translate(0, 10px) scale(1);
}

74% {
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}
}

@-webkit-keyframes twonavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

29% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

30% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

74% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
}

75% {
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(0, -55px) scale(1);
-moz-transform: translate(0, -55px) scale(1);
transform: translate(0, -55px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@-webkit-keyframes menunavopen {
0% {
-webkit-transform: translate(-2px, 0px) scale(1);
-moz-transform: translate(-2px, 0px) scale(1);
transform: translate(-2px, 0px) scale(1);
}

74% {
-webkit-transform: translate(-2px, -45px) scale(1);
-moz-transform: translate(-2px, -45px) scale(1);
transform: translate(-2px, -45px) scale(1);
}

75% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, -100px) scale(1, 1);
-moz-transform: translate(-2px, -100px) scale(1, 1);
transform: translate(-2px, -100px) scale(1, 1);
}

100% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, 0px) scale(1, 1);
-moz-transform: translate(-2px, 0px) scale(1, 1);
transform: translate(-2px, 0px) scale(1, 1);
}
}

@-webkit-keyframes menunavclose {
0% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, 0px) scale(1, 1);
-moz-transform: translate(-2px, 0px) scale(1, 1);
transform: translate(-2px, 0px) scale(1, 1);
}

74% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, -100px) scale(1, 1);
-moz-transform: translate(-2px, -100px) scale(1, 1);
transform: translate(-2px, -100px) scale(1, 1);
}

75% {
-webkit-transform: translate(-2px, -45px) scale(1);
-moz-transform: translate(-2px, -45px) scale(1);
transform: translate(-2px, -45px) scale(1);
}

100% {
-webkit-transform: translate(-2px, 0px) scale(1);
-moz-transform: translate(-2px, 0px) scale(1);
transform: translate(-2px, 0px) scale(1);
}
}

@-webkit-keyframes closenavopen {
0% {
color: transparent;
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}

74% {
color: transparent;
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, -55px) scale(1, 1);
-moz-transform: translate(8px, -55px) scale(1, 1);
transform: translate(8px, -55px) scale(1, 1);
}

100% {
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}
}

@-webkit-keyframes closenavclose {
0% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

25% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

26% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

74% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, -75px) scale(1, 1);
-moz-transform: translate(8px, -75px) scale(1, 1);
transform: translate(8px, -75px) scale(1, 1);
}

75% {
display: block;
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(8px, -45px) scale(0);
-moz-transform: translate(8px, -45px) scale(0);
transform: translate(8px, -45px) scale(0);
}

100% {
-webkit-transform: translate(0, 0px) scale(0);
-moz-transform: translate(0, 0px) scale(0);
transform: translate(0, 0px) scale(0);
}
}

@-webkit-keyframes iconbounce {
0% {
opacity: 1;
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
transform: scale(.3);
}

50% {
opacity: 1;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

70% {
opacity: 1;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes iconbounceload {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
transform: scale(1.20);
}

70% {
opacity: 1;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textsmall {
0% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}

50% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.20);
-moz-transform: scale(2.20);
transform: scale(2.20);
}

70% {
opacity: 1;
position: relative;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
}

100% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textbig {
0% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
position: relative;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.2);
-moz-transform: scale(2.2);
transform: scale(2.2);
}

100% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}
}

@-webkit-keyframes textupsmall {
0% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}

50% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.20);
-moz-transform: scale(2.20);
transform: scale(2.20);
}

70% {
opacity: 1;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
}

100% {
opacity: 1;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textupbig {
0% {
opacity: 1;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.2);
-moz-transform: scale(2.2);
transform: scale(2.2);
}

100% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}
}

@-webkit-keyframes textpointsin {
0% {
opacity: 0;
position: relative;
margin: -40px 0 40px -50px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
}

50% {
opacity: 0;
position: relative;
margin: -40px 0 40px -50px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 0.4;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 1;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textpoints {
0% {
opacity: 1;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 0.5;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 0.2;
position: relative;
margin: -80px 0 80px -50px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 0;
position: relative;
margin: -60px 0 60px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textfadein {
0% {
opacity: 0;
-webkit-transform: scale(0.25);
-moz-transform: scale(0.25);
transform: scale(0.25);
}

50% {
opacity: 0.25;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
}

70% {
opacity: 0.5;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textfadeout {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 0.75;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

70% {
opacity: 0.5;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
}

100% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
}
}

@-webkit-keyframes textbouncestart {
0% {
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
}

50% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

70% {
opacity: 1;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@-webkit-keyframes textbouncehover {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
}

100% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
}

@-webkit-keyframes bubblestart {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}

50% {
opacity: 1;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

70% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}

100% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}
}

@-webkit-keyframes bubblehover {
0% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}

50% {
opacity: 1;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
}

70% {
opacity: 1;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}

@keyframes bgnavopen {
0% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}

74% {
background-color: #ffffff;
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, -100px) scale(2.2, 50);
-moz-transform: translate(10px, -100px) scale(2.2, 50);
transform: translate(10px, -100px) scale(2.2, 50);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}
}

@keyframes bgnavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

29% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

30% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, 0px) scale(2.2, 50);
-moz-transform: translate(10px, 0px) scale(2.2, 50);
transform: translate(10px, 0px) scale(2.2, 50);
}

74% {
background-color: #fcb32b;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transform: translate(10px, -100px) scale(2.2, 50);
-moz-transform: translate(10px, -100px) scale(2.2, 50);
transform: translate(10px, -100px) scale(2.2, 50);
}

75% {
background-color: #ffffff;
-webkit-transform: translate(0, -35px) scale(1);
-moz-transform: translate(0, -35px) scale(1);
transform: translate(0, -35px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@keyframes onenavopen {
0% {
-webkit-transform: translate(0, 10px) scale(1);
-moz-transform: translate(0, 10px) scale(1);
transform: translate(0, 10px) scale(1);
}

74% {
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}
}

@keyframes onenavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

29% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

30% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
transform: translate(10px, 7.5px) scale(1, 1) rotate(45deg);
}

74% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(45deg);
}

75% {
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(0, -65px) scale(1);
-moz-transform: translate(0, -65px) scale(1);
transform: translate(0, -65px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@keyframes twonavopen {
0% {
-webkit-transform: translate(0, 10px) scale(1);
-moz-transform: translate(0, 10px) scale(1);
transform: translate(0, 10px) scale(1);
}

74% {
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
}

100% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}
}

@keyframes twonavclose {
0% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

29% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

30% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
transform: translate(10px, 0px) scale(1, 1) rotate(-45deg);
}

74% {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
-moz-transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
transform: translate(10px, -120px) scale(1, 1) rotate(-45deg);
}

75% {
position: relative;
z-index: 1;
background-color: #ffffff;
-webkit-transform: translate(0, -55px) scale(1);
-moz-transform: translate(0, -55px) scale(1);
transform: translate(0, -55px) scale(1);
}

100% {
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}
}

@keyframes menunavopen {
0% {
-webkit-transform: translate(-2px, 0px) scale(1);
-moz-transform: translate(-2px, 0px) scale(1);
transform: translate(-2px, 0px) scale(1);
}

74% {
-webkit-transform: translate(-2px, -45px) scale(1);
-moz-transform: translate(-2px, -45px) scale(1);
transform: translate(-2px, -45px) scale(1);
}

75% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, -100px) scale(1, 1);
-moz-transform: translate(-2px, -100px) scale(1, 1);
transform: translate(-2px, -100px) scale(1, 1);
}

100% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, 0px) scale(1, 1);
-moz-transform: translate(-2px, 0px) scale(1, 1);
transform: translate(-2px, 0px) scale(1, 1);
}
}

@keyframes menunavclose {
0% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, 0px) scale(1, 1);
-moz-transform: translate(-2px, 0px) scale(1, 1);
transform: translate(-2px, 0px) scale(1, 1);
}

74% {
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(-2px, -100px) scale(1, 1);
-moz-transform: translate(-2px, -100px) scale(1, 1);
transform: translate(-2px, -100px) scale(1, 1);
}

75% {
-webkit-transform: translate(-2px, -45px) scale(1);
-moz-transform: translate(-2px, -45px) scale(1);
transform: translate(-2px, -45px) scale(1);
}

100% {
-webkit-transform: translate(-2px, 0px) scale(1);
-moz-transform: translate(-2px, 0px) scale(1);
transform: translate(-2px, 0px) scale(1);
}
}

@keyframes closenavopen {
0% {
color: transparent;
-webkit-transform: translate(0, 0px) scale(1);
-moz-transform: translate(0, 0px) scale(1);
transform: translate(0, 0px) scale(1);
}

74% {
color: transparent;
-webkit-transform: translate(0, -45px) scale(1);
-moz-transform: translate(0, -45px) scale(1);
transform: translate(0, -45px) scale(1);
}

75% {
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, -55px) scale(1, 1);
-moz-transform: translate(8px, -55px) scale(1, 1);
transform: translate(8px, -55px) scale(1, 1);
}

100% {
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}
}

@keyframes closenavclose {
0% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

25% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

26% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, 0px) scale(1, 1);
-moz-transform: translate(8px, 0px) scale(1, 1);
transform: translate(8px, 0px) scale(1, 1);
}

74% {
display: block;
position: relative;
z-index: 1;
color: #ffffff;
-webkit-transform: translate(8px, -75px) scale(1, 1);
-moz-transform: translate(8px, -75px) scale(1, 1);
transform: translate(8px, -75px) scale(1, 1);
}

75% {
display: block;
position: relative;
z-index: 1;
color: transparent;
-webkit-transform: translate(8px, -45px) scale(0);
-moz-transform: translate(8px, -45px) scale(0);
transform: translate(8px, -45px) scale(0);
}

100% {
-webkit-transform: translate(0, 0px) scale(0);
-moz-transform: translate(0, 0px) scale(0);
transform: translate(0, 0px) scale(0);
}
}

@keyframes iconbounce {
0% {
opacity: 1;
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
transform: scale(.3);
}

50% {
opacity: 1;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

70% {
opacity: 1;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes iconbounceload {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
transform: scale(1.20);
}

70% {
opacity: 1;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textsmall {
0% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}

50% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.20);
-moz-transform: scale(2.20);
transform: scale(2.20);
}

70% {
opacity: 1;
position: relative;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
}

100% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textbig {
0% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
position: relative;
left: 0px;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
position: relative;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.2);
-moz-transform: scale(2.2);
transform: scale(2.2);
}

100% {
opacity: 1;
position: relative;
left: -245px;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}
}

@keyframes textupsmall {
0% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}

50% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.20);
-moz-transform: scale(2.20);
transform: scale(2.20);
}

70% {
opacity: 1;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
}

100% {
opacity: 1;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textupbig {
0% {
opacity: 1;
padding: 0 9px 0 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
padding: 0 25px 0 16px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2.2);
-moz-transform: scale(2.2);
transform: scale(2.2);
}

100% {
opacity: 1;
padding: 0 40px 0 31px;
-webkit-transform: scale(2);
-moz-transform: scale(2);
transform: scale(2);
}
}

@keyframes textpointsin {
0% {
opacity: 0;
position: relative;
margin: -40px 0 40px -50px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
}

50% {
opacity: 0;
position: relative;
margin: -40px 0 40px -50px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 0.4;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 1;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textpoints {
0% {
opacity: 1;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 0.5;
position: relative;
margin: -100px 0 100px -50px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 0.2;
position: relative;
margin: -80px 0 80px -50px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 0;
position: relative;
margin: -60px 0 60px -50px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textfadein {
0% {
opacity: 0;
-webkit-transform: scale(0.25);
-moz-transform: scale(0.25);
transform: scale(0.25);
}

50% {
opacity: 0.25;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
}

70% {
opacity: 0.5;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textfadeout {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 0.75;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

70% {
opacity: 0.5;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
transform: scale(0.5);
}

100% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
}
}

@keyframes textbouncestart {
0% {
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
}

50% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}

70% {
opacity: 1;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
}

@keyframes textbouncehover {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

50% {
opacity: 1;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}

70% {
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
transform: scale(1.4);
}

100% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
}

@keyframes bubblestart {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}

50% {
opacity: 1;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

70% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}

100% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}
}

@keyframes bubblehover {
0% {
opacity: 1;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
transform: translateY(120px);
}

50% {
opacity: 1;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
}

70% {
opacity: 1;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}