.flip-clock-wrapper *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden}.flip-clock-wrapper span{text-decoration: none;color: #ccc}.flip-clock-wrapper span:hover{color: #fff}.flip-clock-wrapper ul{list-style: none}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{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{background: none !important;box-shadow: 0 0 0 !important;font-size: 36px !important}.flip-clock-meridium span{color: #313333}.flip-clock-wrapper{text-align: center;position: relative;width: 100%;margin: 1em}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content: " ";display: table}.flip-clock-wrapper:after{clear: both}.flip-clock-wrapper ul{position: relative;float: left;margin: 5px;width: 60px;height: 90px;font-size: 80px;font-weight: bold;line-height: 87px;border-radius: 6px;background: #000}.flip-clock-wrapper ul li{z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 87px;text-decoration: none !important}.flip-clock-wrapper ul li:first-child{z-index: 2}.flip-clock-wrapper ul li span{display: block;height: 100%;-webkit-perspective: 200px;-moz-perspective: 200px;perspective: 200px;margin: 0 !important;overflow: visible !important;cursor: default !important}.flip-clock-wrapper ul li span div{z-index: 1;position: absolute;left: 0;width: 100%;height: 50%;font-size: 80px;overflow: hidden;outline: 1px solid transparent}.flip-clock-wrapper ul li span div .shadow{position: absolute;width: 100%;height: 100%;z-index: 2}.flip-clock-wrapper ul li span div.up{-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;top: 0}.flip-clock-wrapper ul li span div.up:after{content: "";position: absolute;top: 44px;left: 0;z-index: 5;width: 100%;height: 3px;background-color: #000;background-color: rgba(0, 0, 0, 0.4)}.flip-clock-wrapper ul li span div.down{-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;bottom: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px}.flip-clock-wrapper ul li span div div.inn{position: absolute;left: 0;z-index: 1;width: 100%;height: 200%;color: #ccc;text-shadow: 0 1px 2px #000;text-align: center;background-color: #333;border-radius: 6px;font-size: 70px}.flip-clock-wrapper ul li span div.up div.inn{top: 0}.flip-clock-wrapper ul li span div.down div.inn{bottom: 0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index: 3}.flip-clock-wrapper .flip{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation: asd 0.5s 0.5s linear both;-moz-animation: asd 0.5s 0.5s linear both;animation: asd 0.5s 0.5s linear both;z-index: 5}.flip-clock-divider{float: left;display: inline-block;position: relative;width: 20px;height: 100px}.flip-clock-divider:first-child{width: 0}.flip-clock-dot{display: block;background: #323434;width: 10px;height: 10px;position: absolute;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);left: 5px}.flip-clock-divider .flip-clock-label{position: absolute;top: -1.5em;right: -86px;color: black;text-shadow: none}.flip-clock-divider.minutes .flip-clock-label{right: -88px}.flip-clock-divider.seconds .flip-clock-label{right: -91px}.flip-clock-dot.top{top: 30px}.flip-clock-dot.bottom{bottom: 30px}@-webkit-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@-moz-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@-o-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index: 2;-webkit-animation: turn 0.5s 0.5s linear both;-moz-animation: turn 0.5s 0.5s linear both;animation: turn 0.5s 0.5s linear both}@-webkit-keyframes turn{0%{-webkit-transform: rotateX(90deg)}100%{-webkit-transform: rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform: rotateX(90deg)}100%{-moz-transform: rotateX(0deg)}}@-o-keyframes turn{0%{-o-transform: rotateX(90deg)}100%{-o-transform: rotateX(0deg)}}@keyframes turn{0%{transform: rotateX(90deg)}100%{transform: rotateX(0deg)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index: 2;-webkit-animation: turn2 0.5s linear both;-moz-animation: turn2 0.5s linear both;animation: turn2 0.5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform: rotateX(0deg)}100%{-webkit-transform: rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform: rotateX(0deg)}100%{-moz-transform: rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform: rotateX(0deg)}100%{-o-transform: rotateX(-90deg)}}@keyframes turn2{0%{transform: rotateX(0deg)}100%{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{background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.2s linear both}@-webkit-keyframes show{0%{opacity: 0}100%{opacity: 1}}@-moz-keyframes show{0%{opacity: 0}100%{opacity: 1}}@-o-keyframes show{0%{opacity: 0}100%{opacity: 1}}@keyframes show{0%{opacity: 0}100%{opacity: 1}}@-webkit-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@-moz-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@-o-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@keyframes hide{0%{opacity: 1}100%{opacity: 0}}