.main-example{margin:0 auto;width:355px}.main-example .countdown-container{height:130px}.main-example .time{border-radius:5px;border:1px solid #CCC;box-shadow:0 0 3px 0 rgba(0,0,0,0.2);display:inline-block;text-align:center;position:relative;height:95px;width:65px}.main-example .count{background:#eee;color:#333;display:block;font-family:'Oswald',sans-serif;font-size:3em;line-height:2.25em;overflow:hidden;position:absolute;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.2);top:0;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:flat;-moz-transform-style:flat;-ms-transform-style:flat;-o-transform-style:flat;transform-style:flat;-webkit-backface-visibility:hidden}.main-example .count.top{border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid #333;border-radius:5px 5px 0 0;height:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-backface-visibility:hidden}.main-example .count.bottom{background-image:linear-gradient(rgba(255,255,255,0.1), transparent);background-image:-webkit-linear-gradient(rgba(255,255,255,0.1), transparent);background-image:-moz-linear-gradient(rgba(255,255,255,0.1), transparent);background-image:-ms-linear-gradient(rgba(255,255,255,0.1), transparent);background-image:-o-linear-gradient(rgba(255,255,255,0.1), transparent);border-top:0 solid #ddd;border-bottom:1px solid #000;border-radius:0 0 5px 5px;line-height:0;height:50%;top:50%;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-backface-visibility:hidden}.main-example .label{font-size:1em;margin-top:5px;display:block;color:#000;position:absolute;top:95px;width:100%;text-transform:uppercase}.main-example .count.curr.top{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3;-webkit-backface-visibility:hidden}.main-example .count.next.bottom{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);z-index:2;-webkit-backface-visibility:hidden}.main-example .flip .count.curr.top{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-backface-visibility:hidden}.main-example .flip .count.next.bottom{-webkit-transition:all 250ms ease-in-out 250ms;-moz-transition:all 250ms ease-in-out 250ms;-ms-transition:all 250ms ease-in-out 250ms;-o-transition:all 250ms ease-in-out 250ms;transition:all 250ms ease-in-out 250ms;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-backface-visibility:hidden}