.flip-clock-wrapper *{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.flip-clock-wrapper a{text-decoration:none;color:#ccc;cursor:pointer}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none}.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before{content:" ";display:table}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper.clearfix{*zoom:1}.flip-clock-wrapper{font:normal 11px Helvetica Neue,Helvetica,sans-serif;-webkit-user-select:none}.flip-clock-meridium{font-size:36px!important;background:none!important}.flip-clock-meridium a{color:#313333}.flip-clock-wrapper{position:relative;text-align:center;margin:30px 0 20px;width:100%}.flip-clock-wrapper:after,.flip-clock-wrapper:before{content:" ";display:table}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper ul{height:40px;font-size:26px;font-weight:700;position:relative;margin:2px!important;border-radius:4px;width:30px;line-height:40px;float:left}.flip-clock-wrapper ul li{height:100%;padding:0!important;text-decoration:none!important;position:absolute;top:0;left:0;width:100%;line-height:40px;z-index:1}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{height:100%;overflow:visible!important;font-weight:700;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0!important;cursor:default!important;line-height:39px;display:block}.flip-clock-wrapper ul li a div{height:50%;overflow:hidden;font-size:26px;position:absolute;outline:1px solid transparent;left:0;width:100%;z-index:1}.flip-clock-wrapper ul li a div .shadow{height:100%;position:absolute;width:100%;z-index:2}.flip-clock-wrapper ul li a div.up{top:0;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.flip-clock-wrapper ul li a div.up:after{height:3px;content:"";position:absolute;top:44px;background-color:#000;background-color:rgba(0,0,0,.4);left:0;width:100%;z-index:5}.flip-clock-wrapper ul li a div.down{border-bottom-right-radius:6px;border-bottom-left-radius:6px;bottom:0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.flip-clock-wrapper ul li a div div.inn{height:200%;font-size:26px;color:#ccc;position:absolute;text-align:center;background-color:transparent;border-radius:4px;left:0;width:100%;z-index:1}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s linear .5s both;-moz-animation:asd .5s linear .5s both;animation:asd .5s linear .5s both;z-index:5}.flip-clock-divider{height:40px;position:relative;width:10px;float:left;display:inline-block}.flip-clock-divider:first-child{width:0}.flip-clock-dot{height:10px;position:absolute;border-radius:50%;background:#323434;left:5px;width:10px;display:block;display:none}.flip-clock-divider .flip-clock-label{color:#000;position:absolute;top:-1.5em}.flip-clock-divider.minutes .flip-clock-label{left:12px}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@-webkit-keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}@-moz-keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}@-o-keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}@keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{-webkit-animation:turn .5s linear .5s both;-moz-animation:turn .5s linear .5s both;animation:turn .5s linear .5s both;z-index:2}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}to{-moz-transform:rotateX(0deg)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}to{-o-transform:rotateX(0deg)}}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both;z-index:2}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0deg)}to{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0deg)}to{-o-transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{-webkit-animation:hide .5s linear .3s both;-moz-animation:hide .5s linear .3s both;animation:hide .5s linear .3s both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{-webkit-animation:hide .5s linear .3s both;-moz-animation:hide .5s linear .3s both;animation:hide .5s linear .2s both}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@-moz-keyframes show{0%{opacity:0}to{opacity:1}}@-o-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}to{opacity:0}}@-moz-keyframes hide{0%{opacity:1}to{opacity:0}}@-o-keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}