@charset "utf-8"; .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @-moz-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @-o-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); -moz-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(50%,0,0); -moz-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .moveInLeft { -moz-animation-name: moveInLeft; -o-animation-name: moveInLeft; animation-name: moveInLeft; -webkit-animation-name: moveInLeft; -moz-animation-timing-function: cubic-bezier(.61,-.01,.36,1); -o-animation-timing-function: cubic-bezier(.61,-.01,.36,1); animation-timing-function: cubic-bezier(.61,-.01,.36,1); -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1) } @-moz-keyframes moveInLeft { 0% { -moz-transform: translateX(150%); transform: translateX(150%); opacity: 0 } 100% { -moz-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-o-keyframes moveInLeft { 0% { -o-transform: translateX(150%); transform: translateX(150%); opacity: 0 } 100% { -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes moveInLeft { 0% { -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes moveInLeft { 0% { -webkit-transform: translateX(150%); opacity: 0 } 100% { -webkit-transform: translateX(0); opacity: 1 } } .moveInRight { -moz-animation-name: moveInRight; -o-animation-name: moveInRight; animation-name: moveInRight; -webkit-animation-name: moveInRight; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: cubic-bezier(.61,-.01,.36,1); -o-animation-timing-function: cubic-bezier(.61,-.01,.36,1); animation-timing-function: cubic-bezier(.61,-.01,.36,1); -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1) } @-moz-keyframes moveInRight { 0% { -moz-transform: translateX(-150%); transform: translateX(-150%); opacity: 0 } 100% { -moz-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-o-keyframes moveInRight { 0% { -o-transform: translateX(-150%); transform: translateX(-150%); opacity: 0 } 100% { -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes moveInRight { 0% { -webkit-transform: translateX(-150%); -moz-transform: translateX(-150%); -o-transform: translateX(-150%); transform: translateX(-150%); opacity: 0 } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes moveInRight { 0% { -webkit-transform: translateX(-150%); opacity: 0 } 100% { -webkit-transform: translateX(0); opacity: 1 } } .moveInUp { -moz-animation-name: moveInUp; -o-animation-name: moveInUp; animation-name: moveInUp; -webkit-animation-name: moveInUp; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: cubic-bezier(.61,-.01,.36,1); -o-animation-timing-function: cubic-bezier(.61,-.01,.36,1); animation-timing-function: cubic-bezier(.61,-.01,.36,1); -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1) } @-moz-keyframes moveInUp { 0% { -moz-transform: translateY(100%); transform: translateY(100%); opacity: 0 } 100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes moveInUp { 0% { -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } 100% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes moveInUp { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes moveInUp { 0% { -webkit-transform: translateY(100%); opacity: 0 } 100% { -webkit-transform: translateY(0); opacity: 1 } } .moveInDown { -moz-animation-name: moveInDown; -o-animation-name: moveInDown; animation-name: moveInDown; -webkit-animation-name: moveInDown; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-timing-function: cubic-bezier(.61,-.01,.36,1); -o-animation-timing-function: cubic-bezier(.61,-.01,.36,1); animation-timing-function: cubic-bezier(.61,-.01,.36,1); -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1) } @-moz-keyframes moveInDown { 0% { -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } 100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-o-keyframes moveInDown { 0% { -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } 100% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes moveInDown { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes moveInDown { 0% { -webkit-transform: translateY(-100%); opacity: 0 } 100% { -webkit-transform: translateY(0); opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } 100% { opacity: 1 } } @-moz-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } 100% { opacity: 1 } } @-o-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } 100% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } 100% { opacity: 1 } } .zoomInLeft { -webkit-animation-name: zoomInLeft; -moz-animation-name: zoomInLeft; -o-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation-timing-function: ease; animation-timing-function: ease } } @-moz-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -moz-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -moz-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease } } @-o-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -moz-transform: scale3d(.1,.1,.1) translate3d(500%,0,0); transform: scale3d(.1,.1,.1) translate3d(500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -moz-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } .zoomInRight { -webkit-animation-name: zoomInRight; -moz-animation-name: zoomInRight; -o-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { -webkit-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { -webkit-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -moz-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -moz-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { -webkit-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { -webkit-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -moz-transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); transform: scale3d(.1,.1,.1) translate3d(-500%,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -moz-transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); transform: scale3d(.475,.475,.475) translate3d(-20%,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .zoomInUp { -webkit-animation-name: zoomInUp; -moz-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation-timing-function: ease; animation-timing-function: ease } } @-moz-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -moz-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease } } @-o-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); -moz-transform: scale3d(1,1,1) translate3d(0,0,0); transform: scale3d(1,1,1) translate3d(0,0,0) } 1% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -moz-transform: scale3d(.1,.1,.1) translate3d(0,500%,0); transform: scale3d(.1,.1,.1) translate3d(0,500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); transform: scale3d(.475,.475,.475) translate3d(0,-60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } .zoomInDown { -webkit-animation-name: zoomInDown; -moz-animation-name: zoomInDown; -o-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation-timing-function: ease; animation-timing-function: ease } } @-moz-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -moz-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -moz-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease } } @-o-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -moz-transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); transform: scale3d(.1,.1,.1) translate3d(0,-500%,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -moz-transform: scale3d(.475,.475,.475) translate3d(0,60%,0); transform: scale3d(.475,.475,.475) translate3d(0,60%,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } 100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease } } .elasticLarge { -webkit-animation-name: elasticLarge; -moz-animation-name: elasticLarge; -o-animation-name: elasticLarge; animation-name: elasticLarge } @-webkit-keyframes elasticLarge { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes elasticLarge { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); -moz-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -moz-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); -moz-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-o-keyframes elasticLarge { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes elasticLarge { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); -moz-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -moz-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); -moz-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } 100% { opacity: 1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .elasticSmall { -moz-animation-name: elasticSmall; -o-animation-name: elasticSmall; animation-name: elasticSmall; -webkit-animation-name: elasticSmall; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out } @-moz-keyframes elasticSmall { 0% { -moz-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 50% { -moz-transform: scale(.95); transform: scale(.95); opacity: 1 } 80% { -moz-transform: scale(1.05); transform: scale(1.05) } 90% { -moz-transform: scale(.98); transform: scale(.98) } 100% { -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @-o-keyframes elasticSmall { 0% { -o-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 50% { -o-transform: scale(.95); transform: scale(.95); opacity: 1 } 80% { -o-transform: scale(1.05); transform: scale(1.05) } 90% { -o-transform: scale(.98); transform: scale(.98) } 100% { -o-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes elasticSmall { 0% { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 50% { -webkit-transform: scale(.95); -moz-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95); opacity: 1 } 80% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } 90% { -webkit-transform: scale(.98); -moz-transform: scale(.98); -o-transform: scale(.98); transform: scale(.98) } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes elasticSmall { 0% { -webkit-transform: scale(1.8); opacity: 0 } 50% { -webkit-transform: scale(.95); opacity: 1 } 80% { -webkit-transform: scale(1.05) } 90% { -webkit-transform: scale(.98) } 100% { -webkit-transform: scale(1); opacity: 1; } } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @-moz-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); -moz-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); -moz-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } to { opacity: 1 } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -moz-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } to { opacity: 1 } } .zoomInDown { -webkit-animation-name: zoomInDown; -moz-animation-name: zoomInDown; -o-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); -moz-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -moz-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); -moz-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-o-keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes bounceIn { 20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -moz-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); -moz-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -moz-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); -moz-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; transform: none; opacity: 1; } } @-moz-keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); -moz-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); -moz-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); -moz-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1; } } @-o-keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; } } @keyframes bounceInDown { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); -moz-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); -moz-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); -moz-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; transform: none; opacity: 1; } } @-moz-keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); -moz-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); -moz-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); -moz-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1; } } @-o-keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; } } @keyframes bounceInRight { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); -moz-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); -moz-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); -moz-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; transform: none; opacity: 1; } } @-moz-keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); -moz-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); -moz-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1; } } @-o-keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; } } @keyframes bounceInLeft { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); -moz-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); -moz-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInUp { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-moz-keyframes bounceInUp { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); -moz-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes bounceInUp { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes bounceInUp { 60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); -moz-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounce { 0%,100%,20%,53%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-origin: center bottom; transform-origin: center bottom } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } 100% { opacity: 1; } } @-moz-keyframes bounce { 0%,100%,20%,53%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -moz-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-30px,0); -moz-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -moz-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-15px,0); -moz-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } 100% { opacity: 1; } } @-o-keyframes bounce { 0%,100%,20%,53%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -o-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -o-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } 100% { opacity: 1; } } @keyframes bounce { 0%,100%,20%,53%,80% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -moz-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -o-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-30px,0); -moz-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -moz-animation-timing-function: cubic-bezier(.755,.050,.755,.060); -o-animation-timing-function: cubic-bezier(.755,.050,.755,.060); animation-timing-function: cubic-bezier(.755,.050,.755,.060); -webkit-transform: translate3d(0,-15px,0); -moz-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } 100% { opacity: 1; } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } @-moz-keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } @-o-keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 50%,from,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash } @-webkit-keyframes flipUpDown { 0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-moz-keyframes flipUpDown { 0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); -moz-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); -moz-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-o-keyframes flipUpDown { 0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @keyframes flipUpDown { 0% { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); -moz-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); -moz-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } .flipUpDown { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flipUpDown; -moz-animation-name: flipUpDown; -o-animation-name: flipUpDown; animation-name: flipUpDown } @-webkit-keyframes flipLeftRight { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-moz-keyframes flipLeftRight { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); -moz-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); -moz-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-o-keyframes flipLeftRight { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @keyframes flipLeftRight { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); -moz-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); -moz-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } .flipLeftRight { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flipLeftRight; -moz-animation-name: flipLeftRight; -o-animation-name: flipLeftRight; animation-name: flipLeftRight } @-webkit-keyframes flip { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-moz-keyframes flip { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); -moz-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); -moz-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @-o-keyframes flip { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } @keyframes flip { 0% { opacity: 0 } 1% { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); -moz-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); -moz-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } 99% { -webkit-transform: perspective(400px); -moz-transform: perspective(400px); transform: perspective(400px) } 100% { opacity: 1; } } .flip { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; -moz-animation-name: flip; -o-animation-name: flip; animation-name: flip } .childModuleAnimating { overflow-x: hidden!important } @-webkit-keyframes swing { 0% { -webkit-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } 100% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } @-moz-keyframes swing { 0% { -webkit-transform: rotate3d(0,0,1,0); -moz-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 20% { -webkit-transform: rotate3d(0,0,1,15deg); -moz-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); -moz-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); -moz-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); -moz-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } 100% { -webkit-transform: rotate3d(0,0,1,0deg); -moz-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } @-o-keyframes swing { 0% { -webkit-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } 100% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } @keyframes swing { 0% { -webkit-transform: rotate3d(0,0,1,0); -moz-transform: rotate3d(0,0,1,0); transform: rotate3d(0,0,1,0) } 20% { -webkit-transform: rotate3d(0,0,1,15deg); -moz-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); -moz-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); -moz-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); -moz-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } 100% { -webkit-transform: rotate3d(0,0,1,0deg); -moz-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes tada { 0% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); -moz-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-o-keyframes tada { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes tada { 0% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); -moz-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } 100% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @-moz-keyframes wobble { 0% { -webkit-transform: none; -moz-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes wobble { 0% { -webkit-transform: none; -o-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform: none; -o-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble } @-webkit-keyframes rotating { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) rotate(-360deg); transform: translate3d(0,0,0) rotate(-360deg) } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none } } @-moz-keyframes rotating { 0% { -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) rotate(-360deg); -moz-transform: translate3d(0,0,0) rotate(-360deg); transform: translate3d(0,0,0) rotate(-360deg) } 100% { -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes rotating { 0% { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) rotate(-360deg); transform: translate3d(0,0,0) rotate(-360deg) } 100% { -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: none; -o-transform: none; transform: none } } @keyframes rotating { 0% { -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) rotate(-360deg); -moz-transform: translate3d(0,0,0) rotate(-360deg); transform: translate3d(0,0,0) rotate(-360deg) } 100% { -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .rotating { -webkit-animation-name: rotating; -moz-animation-name: rotating; -o-animation-name: rotating; animation-name: rotating; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear } @-webkit-keyframes translationLeft { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(100%); transform: translateX(100%) } } @-moz-keyframes translationLeft { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%) } } @-o-keyframes translationLeft { 0%,100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } } @keyframes translationLeft { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } } .translationLeft { -webkit-animation-name: translationLeft; -moz-animation-name: translationLeft; -o-animation-name: translationLeft; animation-name: translationLeft; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes translationRight { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @-moz-keyframes translationRight { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) } } @-o-keyframes translationRight { 0%,100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes translationRight { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 30% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } } .translationRight { -webkit-animation-name: translationRight; -moz-animation-name: translationRight; -o-animation-name: translationRight; animation-name: translationRight; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes translationLeftRight { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { -webkit-transform: translateX(-50%); transform: translateX(-50%) } 70% { -webkit-transform: translateX(50%); transform: translateX(50%) } } @-moz-keyframes translationLeftRight { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) } 20% { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%) } 70% { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transform: translateX(50%) } } @-o-keyframes translationLeftRight { 0%,100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } 70% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%) } } @keyframes translationLeftRight { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 20% { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } 70% { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%) } } .translationLeftRight { -webkit-animation-name: translationLeftRight; -moz-animation-name: translationLeftRight; -o-animation-name: translationLeftRight; animation-name: translationLeftRight; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes translationUpDown { 0%,100% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-50%); transform: translateY(-50%) } 70% { -webkit-transform: translateY(50%); transform: translateY(50%) } } @-moz-keyframes translationUpDown { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) } 70% { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%) } } @-o-keyframes translationUpDown { 0%,100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } 70% { -webkit-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%) } } @keyframes translationUpDown { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } 70% { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%) } } .translationUpDown { -webkit-animation-name: translationUpDown; -moz-animation-name: translationUpDown; -o-animation-name: translationUpDown; animation-name: translationUpDown; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes translationUp { 0%,100% { -webkit-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @-moz-keyframes translationUp { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%) } } @-o-keyframes translationUp { 0%,100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } } @keyframes translationUp { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } } .translationUp { -webkit-animation-name: translationUp; -moz-animation-name: translationUp; -o-animation-name: translationUp; animation-name: translationUp; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes translationDown { 0%,100% { -webkit-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-moz-keyframes translationDown { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%) } } @-o-keyframes translationDown { 0%,100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } } @keyframes translationDown { 0%,100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 30% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } } .translationDown { -webkit-animation-name: translationDown; -moz-animation-name: translationDown; -o-animation-name: translationDown; animation-name: translationDown; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-timing-function: linear } @-webkit-keyframes slideInTabed { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { -webkit-transform: none; transform: none } } @-moz-keyframes slideInTabed { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes slideInTabed { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { -webkit-transform: none; -o-transform: none; transform: none } } @keyframes slideInTabed { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .slideInTabed { -webkit-animation-name: slideInTabed; -moz-animation-name: slideInTabed; -o-animation-name: slideInTabed; animation-name: slideInTabed } @-webkit-keyframes slideLeft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } 100% { -webkit-transform: none; transform: none } } @-moz-keyframes slideLeft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); -moz-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); -moz-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } 100% { -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes slideLeft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } 100% { -webkit-transform: none; -o-transform: none; transform: none } } @keyframes slideLeft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); -moz-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); -moz-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .slideLeft { -webkit-animation-name: slideLeft; -moz-animation-name: slideLeft; -o-animation-name: slideLeft; animation-name: slideLeft } @-webkit-keyframes slideRight { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } 100% { -webkit-transform: none; transform: none } } @-moz-keyframes slideRight { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); -moz-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } 100% { -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes slideRight { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } 100% { -webkit-transform: none; -o-transform: none; transform: none } } @keyframes slideRight { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); -moz-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .slideRight { -webkit-animation-name: slideRight; -moz-animation-name: slideRight; -o-animation-name: slideRight; animation-name: slideRight } @-webkit-keyframes slideUp { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @-moz-keyframes slideUp { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } 100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @-o-keyframes slideUp { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideUp { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); -moz-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } 100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp } @-webkit-keyframes slideDown { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; transform: none } } @-moz-keyframes slideDown { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); -moz-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); -moz-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; -moz-transform: none; transform: none } } @-o-keyframes slideDown { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; -o-transform: none; transform: none } } @keyframes slideDown { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); -moz-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); -moz-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } } .slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown } @-webkit-keyframes shake { 0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @-moz-keyframes shake { 0%,100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @-o-keyframes shake { 0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { 0%,100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake } @-webkit-keyframes flyerShake { 0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @-moz-keyframes flyerShake { 0%,100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @-o-keyframes flyerShake { 0%,100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes flyerShake { 0%,100% { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); -moz-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); -moz-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @-webkit-keyframes jello { 0%,100%,11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.7% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @-moz-keyframes jello { 0%,100%,11.1% { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); -moz-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.7% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @-o-keyframes jello { 0%,100%,11.1% { -webkit-transform: none; -o-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -o-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); -o-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.7% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -o-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,100%,11.1% { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); -o-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); -o-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); -o-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); -o-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); -o-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); -moz-transform: skewX(.390625deg) skewY(.390625deg); -o-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.7% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); -o-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; -moz-animation-name: jello; -o-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.75,1); transform: scale3d(1.15,.75,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes rubberBand { 0% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); -moz-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); -moz-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.75,1); -moz-transform: scale3d(1.15,.75,1); transform: scale3d(1.15,.75,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); -moz-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); -moz-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } 100% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-o-keyframes rubberBand { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.75,1); transform: scale3d(1.15,.75,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); -moz-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); -moz-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.75,1); -moz-transform: scale3d(1.15,.75,1); transform: scale3d(1.15,.75,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); -moz-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); -moz-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } 100% { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .rubberBand { -webkit-animation-name: rubberBand; -moz-animation-name: rubberBand; -o-animation-name: rubberBand; animation-name: rubberBand } @keyframes scroll-y { 0% { transform: translateY(0); } 100% { transform: translateY(-86%); } }