@-webkit-keyframes flipTop{0%{-webkit-transform:perspective(400px) rotateX(0)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-webkit-keyframes flipBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg)}100%{-webkit-transform:perspective(400px) rotateX(0)}}@-moz-keyframes flipTop{0%{-moz-transform:perspective(400px) rotateX(0)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes flipBottom{0%{-moz-transform:perspective(400px) rotateX(90deg)}100%{-moz-transform:perspective(400px) rotateX(0)}}@-ms-keyframes flipTop{0%{-ms-transform:perspective(400px) rotateX(0)}100%{-ms-transform:perspective(400px) rotateX(-90deg)}}@-ms-keyframes flipBottom{0%{-ms-transform:perspective(400px) rotateX(90deg)}100%{-ms-transform:perspective(400px) rotateX(0)}}@-keyframes flipTop{0%{transform:perspective(400px) rotateX(0)}100%{transform:perspective(400px) rotateX(-90deg)}}@-keyframes flipBottom{0%{transform:perspective(400px) rotateX(90deg)}100%{transform:perspective(400px) rotateX(0)}}.flipTimer{color:#FFF;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:36px;line-height:40px;height:40px}.flipTimer .seperator{vertical-align:top;margin:0 -20px;display:inline}.flipTimer .days,.flipTimer .hours,.flipTimer .minutes,.flipTimer .seconds{height:100%;display:inline}.flipTimer .digit-set{border-radius:3px;border:1px solid #000;width:30px;height:100%;display:inline-block;position:relative;overflow:hidden;margin:0 1px}.flipTimer .digit{position:absolute;height:100%}.flipTimer .digit>div{position:absolute;left:0;overflow:hidden;height:50%;padding:0 4px}.flipTimer .digit>div.digit-top,.flipTimer .digit>div.shadow-top{background-color:#333;border-bottom:2px solid #333;box-sizing:border-box;top:0;z-index:0;border-radius:5px 5px 0 0}.flipTimer .digit>div.digit-top:before,.flipTimer .digit>div.shadow-top:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0}.flipTimer .digit>div.shadow-top{background:-webkit-gradient(linear,0 0,0 100%,from(rgba(65,76,85,.9)),to(black));width:30px;opacity:0;-webkit-transition:opacity .3s ease-in}.flipTimer .digit>div.digit-bottom,.flipTimer .digit>div.shadow-bottom{background-color:#333;bottom:0;z-index:0;border-radius:0 0 5px 5px}.flipTimer .digit>div.digit-bottom .digit-wrap,.flipTimer .digit>div.shadow-bottom .digit-wrap{display:block;margin-top:-100%}.flipTimer .digit>div.digit-bottom:before,.flipTimer .digit>div.shadow-bottom:before{content:"";border-radius:0 0 5px 5px;height:100%;width:100%;position:absolute;left:0;top:0}.flipTimer .digit>div.shadow-bottom{background:-webkit-gradient(linear,0 0,0 100%,from(black),to(rgba(65,76,85,.9)));width:30px;opacity:0;-webkit-transition:opacity .3s ease-in}.flipTimer .digit.previous .digit-top,.flipTimer .digit.previous .shadow-top{opacity:1;z-index:2;-webkit-transform-origin:50% 100%;-webkit-animation:flipTop .3s ease-in both;-moz-transform-origin:50% 100%;-moz-animation:flipTop .3s ease-in both;-ms-transform-origin:50% 100%;-ms-animation:flipTop .3s ease-in both;transform-origin:50% 100%;animation:flipTop .3s ease-in both}.flipTimer .digit.previous .digit-bottom,.flipTimer .digit.previous .shadow-bottom{z-index:1;opacity:1}.flipTimer .digit.active .digit-top{z-index:1}.flipTimer .digit.active .digit-bottom{z-index:2;-webkit-transform-origin:50% 0;-webkit-animation:flipBottom .3s .3s ease-out both;-moz-transform-origin:50% 0;-moz-animation:flipBottom .3s .3s ease-out both;-ms-transform-origin:50% 0;-ms-animation:flipBottom .3s .3s ease-out both;transform-origin:50% 0;animation:flipBottom .3s .3s ease-out both}