/*! ==================================================
* carrie-one-year - v0.0.1 -2014-12-31
* Copyright (c) 2014 Justin Hough; Licensed MIT
================================================== */
.flip-clock-wrapper{font:normal 11px Helvetica Neue, Helvetica, sans-serif;text-align:center;position:relative;width:100%}.flip-clock-wrapper *{box-sizing:border-box;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none;position:relative;float:left;margin:5px;width:60px;height:75px;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 a{display:block;height:100%;perspective:200px;margin:0 !important;overflow:visible !important;cursor:default !important}.flip-clock-wrapper ul li a 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 a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-clock-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a 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 a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down{transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul li a div div.inn{font-family:Chunk, Helvetica, Arial, sans-serif;position:absolute;left:0;z-index:1;width:100%;height:200%;color:#FFF;text-shadow:0 1px 2px #000;text-align:center;background-color:#313333;border-radius:6px;font-size:70px}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;animation:turn2 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:linear,top,rgba(0,0,0,0.1) 0,#000 100%;background:linear,to bottom,rgba(0,0,0,0.1) 0,#000 100%;animation:show 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:linear,top,#000 0,rgba(0,0,0,0.1) 100%;background:linear,to bottom,#000 0,rgba(0,0,0,0.1) 100%;animation:show 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active{animation:asd 0.5s 0.5s linear both;z-index:5}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;animation:turn 0.5s 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:linear,top,#000 0,rgba(0,0,0,0.1) 100%;background:linear,to bottom,#000 0,rgba(0,0,0,0.1) 100%;animation:hide 0.5s 0.2s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:linear,top,rgba(0,0,0,0.1) 0,#000 100%;background:linear,to bottom,rgba(0,0,0,0.1) 0,#000 100%;animation:hide 0.5s 0.3s linear both}.flip-clock-wrapper.clearfix{*zoom:1}.flip-clock-wrapper.clearfix:before{content:" ";display:table}.flip-clock-wrapper.clearfix:after{content:" ";display:table;clear:both}.flip-clock-wrapper:before{content:" ";display:table}.flip-clock-wrapper:after{content:" ";display:table;clear:both}.flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,0.7)}.flip-clock-meridium{background:none !important;box-shadow:0 0 0 !important;font-size:36px !important}.flip-clock-meridium a{color:#313333}.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}.flip-clock-divider:first-child{width:0}.flip-clock-divider .flip-clock-label{position:absolute;top:-1.5em;right:-86px;color:#000;text-shadow:none}.flip-clock-divider.minutes .flip-clock-label{right:-88px}.flip-clock-divider.seconds .flip-clock-label{right:-91px}.flip-clock-dot{display:block;background:#313333;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);left:5px}.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}}@-webkit-keyframes turn {}@-moz-keyframes turn {}@-o-keyframes turn {}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}@-webkit-keyframes turn2 {}@-moz-keyframes turn2 {}@-o-keyframes turn2 {}@keyframes turn2{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}@-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}}
