.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,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -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,.05,.755,.06); -moz-animation-timing-function: cubic-bezier(.755,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -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,.05,.755,.06); -moz-animation-timing-function: cubic-bezier(.755,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -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,.05,.755,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.755,.06);animation-timing-function:cubic-bezier(.755,.05,.755,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.755,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.755,.06);animation-timing-function:cubic-bezier(.755,.05,.755,.06);-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,.05,.755,.06); -moz-animation-timing-function: cubic-bezier(.755,.05,.755,.06); -o-animation-timing-function: cubic-bezier(.755,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -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,.05,.755,.06); -moz-animation-timing-function: cubic-bezier(.755,.05,.755,.06); -o-animation-timing-function: cubic-bezier(.755,.05,.755,.06); animation-timing-function: cubic-bezier(.755,.05,.755,.06); -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%); } }