@-webkit-keyframes SLIDE-UP { 0% { opacity: 0.0; -webkit-transform: translateY(30px) scale(1) } 100% { opacity: 1.0; -webkit-transform: translateY(0%) scale(1) } } @-moz-keyframes SLIDE-UP { 0% { opacity: 0.0; -moz-transform: translateY(30px) scale(1) } 100% { opacity: 1.0; -moz-transform: translateY(0%) scale(1) } } @keyframes SLIDE-UP { 0% { opacity: 0.0; -webkit-transform: translateY(30px) scale(1); -moz-transform: translateY(30px) scale(1); -ms-transform: translateY(30px) scale(1); -o-transform: translateY(30px) scale(1); transform: translateY(30px) scale(1) } 100% { opacity: 1.0; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1) } } @-webkit-keyframes SLIDE-DOWN { 0% { opacity: 0.0; -webkit-transform: translateY(-30px) scale(1) } 100% { opacity: 1.0; -webkit-transform: translateY(0%) scale(1) } } @-moz-keyframes SLIDE-DOWN { 0% { opacity: 0.0; -moz-transform: translateY(-30px) scale(1) } 100% { opacity: 1.0; -moz-transform: translateY(0%) scale(1) } } @keyframes SLIDE-DOWN { 0% { opacity: 0.0; -webkit-transform: translateY(-30px) scale(1); -moz-transform: translateY(-30px) scale(1); -ms-transform: translateY(-30px) scale(1); -o-transform: translateY(-30px) scale(1); transform: translateY(-30px) scale(1) } 100% { opacity: 1.0; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1) } } @-webkit-keyframes SLIDE-IN-LEFT { 0% { -webkit-transform: translateX(-30px) scale(1) } 100% { -webkit-transform: translateY(0%) scale(1) } } @-moz-keyframes SLIDE-IN-LEFT { 0% { -moz-transform: translateX(-30px) scale(1) } 100% { -moz-transform: translateY(0%) scale(1) } } @keyframes SLIDE-IN-LEFT { 0% { -webkit-transform: translateX(-30px) scale(1); -moz-transform: translateX(-30px) scale(1); -ms-transform: translateX(-30px) scale(1); -o-transform: translateX(-30px) scale(1); transform: translateX(-30px) scale(1) } 100% { -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1) } } @-webkit-keyframes SLIDE-IN-RIGHT { 0% { -webkit-transform: translateX(30px) scale(1) } 100% { -webkit-transform: translateY(0%) scale(1) } } @-moz-keyframes SLIDE-IN-RIGHT { 0% { -moz-transform: translateX(30px) scale(1) } 100% { -moz-transform: translateY(0%) scale(1) } } @keyframes SLIDE-IN-RIGHT { 0% { -webkit-transform: translateX(30px) scale(1); -moz-transform: translateX(30px) scale(1); -ms-transform: translateX(30px) scale(1); -o-transform: translateX(30px) scale(1); transform: translateX(30px) scale(1) } 100% { -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1) } }