.fliptimer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;box-sizing:border-box;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:1rem;height:100%;justify-content:center;line-height:1.5;max-width:100%;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fliptimer>img{height:0;width:100%!important}.fliptimer .flip-container,.fliptimer>img{clear:both;display:none}.fliptimer .flip-container *,.fliptimer .flip-container :after,.fliptimer .flip-container :before{box-sizing:border-box}.fliptimer .flip-container.onfinish{opacity:.2}.fliptimer .flip-message{color:red;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:36px;font-weight:700;left:50%;line-height:36px;max-width:100%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fliptimer .flip-wrapper{box-sizing:inherit;display:inline-block;height:100%;margin:0 1vw;text-align:center;white-space:nowrap}.fliptimer .flip-wrapper:first-child{margin-left:0}.fliptimer .flip-wrapper:last-child{margin-right:0}.fliptimer .flips{box-sizing:inherit;white-space:nowrap}.fliptimer ul{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border-radius:6px;display:inline-block;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:60px;font-weight:700;height:80px;line-height:1;list-style:none;margin:.05em;min-width:1em;padding:0;position:relative;text-align:center}.fliptimer ul.flip-box-shadow{box-shadow:0 .125em .3125em rgba(0,0,0,.1),0 .02125em .06125em rgba(0,0,0,.1)}.fliptimer ul li{font-size:100%!important;height:100%;left:0;line-height:1.3;list-style:none;margin:0!important;padding:0!important;position:absolute;text-decoration:none!important;top:0;width:100%;z-index:1}.fliptimer ul li div.flip-updown{cursor:default!important;display:block;height:100%;margin:0!important;overflow:visible!important;-webkit-perspective:4em;-moz-perspective:4em;perspective:4em}.fliptimer ul li div.flip-updown div{height:50%;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.fliptimer ul li div.flip-updown div .flip-shadow{height:100%;position:absolute;width:100%;z-index:2}.fliptimer ul li div.flip-updown div.flip-up{top:0;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%}.fliptimer ul li div.flip-updown div.flip-divider{background:#000;content:"";height:1px;left:0;opacity:.4;position:absolute;top:50%;width:100%;z-index:5}.fliptimer ul li div.flip-updown div.flip-down{border-bottom-left-radius:6px;border-bottom-right-radius:6px;bottom:0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}.fliptimer ul li div.flip-updown div div.flip-val{background:#333;border-radius:6px;color:#fff;height:200%;left:0;position:absolute;text-align:center;-webkit-transition:all .1s;-moz-transition:all .1s;transition:all .1s;width:100%;z-index:1}.fliptimer ul li div.flip-updown div.flip-up div.flip-val{top:0}.fliptimer ul li div.flip-updown div.flip-down div.flip-val{bottom:0}.fliptimer .text{clear:both;color:#666;display:block;font-size:1em;padding-top:0;text-transform:uppercase;width:100%}.fliptimer li.before{z-index:3}.fliptimer li.active{-webkit-animation:zIndex .5s linear .5s both;-moz-animation:zIndex .5s linear .5s both;animation:zIndex .5s linear .5s both;z-index:5}@keyframes zIndex{0%{z-index:2}20%{z-index:4}to{z-index:4}}.fliptimer li.active .flip-down{-webkit-animation:turnDown .5s linear .5s both;-moz-animation:turnDown .5s linear .5s both;animation:turnDown .5s linear .5s both;z-index:2}@keyframes turnDown{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.fliptimer li.before .flip-up{-webkit-animation:turnUp .5s linear both;-moz-animation:turnUp .5s linear both;animation:turnUp .5s linear both;z-index:2}@keyframes turnUp{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}.fliptimer li.active{z-index:3}.fliptimer li.before .flip-up .flip-shadow{-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.fliptimer li.active .flip-up .flip-shadow,.fliptimer li.before .flip-up .flip-shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%}.fliptimer li.active .flip-up .flip-shadow{-webkit-animation:hide .5s linear .3s both;-moz-animation:hide .5s linear .3s both;animation:hide .5s linear .3s both;border-top-left-radius:6px;border-top-right-radius:6px}.fliptimer li.before .flip-down .flip-shadow{-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.fliptimer li.active .flip-down .flip-shadow,.fliptimer li.before .flip-down .flip-shadow{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%}.fliptimer li.active .flip-down .flip-shadow{-webkit-animation:hide .5s linear .3s both;-moz-animation:hide .5s linear .3s both;animation:hide .5s linear .2s both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}@media (max-width:767px){.fliptimer .text{font-size:.7em!important}.fliptimer .flip-message{font-size:20px;line-height:20px}}