.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.box .list li .option{font-weight:normal}.box .list li.date-and-time,.box .list li.completion{line-height:24px;padding-bottom:10px}select.time{width:50px}select.timezone{width:273px}.feature{color:#373737;font-size:12px}.viewable-item{padding:5px 0}.viewable-item .option{width:150px;display:inline-block}.viewable-item span.option{width:120px;margin-left:30px}.timers .timer{width:210px;height:70px;border:1px solid #d0d0d0;border-radius:10px;padding:5px 5px;margin:0;text-align:center;box-shadow:0 0 2px #ccc;overflow:hidden}.timer .wrapper{padding:5px 10px;margin:0;text-align:center}.timer .days,.timer .hours,.timer .mins,.timer .secs,.timer .separator{display:inline-block;width:19%;vertical-align:top}.timer .separator{width:8%}.timer .value,.timer .separator .space{text-align:center}.timer .value{margin:0 auto;width:100%}.timer-style-1 .separator .space{visibility:hidden}.timer-style-2 .value,.timer-style-2 .separator .space{font-weight:bold}.timer-style-2 .wrapper{border-radius:10px}.timer .separator:first-child,.timer .separator:last-child{display:none}.timer .complete-text{display:none}.timer.complete .days,.timer.complete .hours,.timer.complete .mins,.timer.complete .secs,.timer.complete .separator{display:none}.timer.complete .complete-text{display:inline-block}ul.flip{list-style:none;padding:0;margin:0;position:relative}.timer ul.flip li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:0}ul.flip li:first-child{z-index:2}ul.flip li .front-and-back{display:block;height:100%;margin-right:0}ul.flip li .front-and-back div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden}ul.flip li .front-and-back div .shadow{position:absolute;width:100%;height:100%;z-index:2}ul.flip li .front-and-back div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;top:0}ul.flip li .front-and-back div.up:after{content:"";position:absolute;top:96%;left:0;z-index:5;width:100%;height:4%}ul.flip li .front-and-back div.down{-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;top:50%}ul.flip li .front-and-back div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;text-align:center}ul.flip li .front-and-back div.up div.inn{top:0}ul.flip li .front-and-back div.down div.inn{bottom:0}body.play ul li.before{z-index:3}body.play ul li.active{-webkit-animation:asd 0.5s 0.5s linear both;-moz-animation:asd 0.5s 0.5s linear both;-ms-animation:asd 0.5s 0.5s linear both;-o-animation:asd 0.5s 0.5s linear both;animation:asd 0.5s 0.5s linear both;z-index:2}@keyframes "asd"{0%{z-index:2}5%{z-index:4}100%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}5%{z-index:4}100%{z-index:4}}@-webkit-keyframes "asd"{0%{z-index:2}5%{z-index:4}100%{z-index:4}}@-ms-keyframes "asd"{0%{z-index:2}5%{z-index:4}100%{z-index:4}}@-o-keyframes "asd"{0%{z-index:2}5%{z-index:4}100%{z-index:4}}body.play ul li.active .down{z-index:2;-webkit-animation:turn 0.5s 0.5s linear both;-moz-animation:turn 0.5s 0.5s linear both;-ms-animation:turn 0.5s 0.5s linear both;-o-animation:turn 0.5s 0.5s linear both;animation:turn 0.5s 0.5s linear both}@keyframes "turn"{0%{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-moz-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes "turn"{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-ms-keyframes "turn"{0%{-ms-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-ms-transform:rotateX(0deg);transform:rotateX(0deg)}}@-o-keyframes "turn"{0%{-o-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-o-transform:rotateX(0deg);transform:rotateX(0deg)}}body.play ul li.before .up{z-index:2;-webkit-animation:turn2 0.5s linear both;-moz-animation:turn2 0.5s linear both;-ms-animation:turn2 0.5s linear both;-o-animation:turn2 0.5s linear both;animation:turn2 0.5s linear both}@keyframes "turn2"{0%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-moz-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes "turn2"{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-ms-keyframes "turn2"{0%{-ms-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-o-keyframes "turn2"{0%{-o-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}body.play ul li.before .up .shadow{background:-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);-webkit-animation:show 0.5s linear both;-moz-animation:show 0.5s linear both;-ms-animation:show 0.5s linear both;-o-animation:show 0.5s linear both;animation:show 0.5s linear both}body.play ul li.active .up .shadow{background:-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background:linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);-webkit-animation:hide 0.5s 0.3s linear both;-moz-animation:hide 0.5s 0.3s linear both;-ms-animation:hide 0.5s 0.3s linear both;-o-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.3s linear both}body.play ul li.before .down .shadow{background:-webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);-webkit-animation:show 0.5s linear both;-moz-animation:show 0.5s linear both;-ms-animation:show 0.5s linear both;-o-animation:show 0.5s linear both;animation:show 0.5s linear both}body.play ul li.active .down .shadow{background:-webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background:linear-gradient(top, #000 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;-ms-animation:hide 0.5s 0.3s linear both;-o-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.3s linear both}@keyframes "show"{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}}@-moz-keyframes show{0%{filter:alpha(opacity=0);opacity:0}100%{filter:alpha(opacity=100);opacity:1}}@-webkit-keyframes "show"{0%{filter:alpha(opacity=0);opacity:0}100%{filter:alpha(opacity=100);opacity:1}}@-ms-keyframes "show"{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}}@-o-keyframes "show"{0%{filter:alpha(opacity=0);opacity:0}100%{filter:alpha(opacity=100);opacity:1}}@keyframes "hide"{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}}@-moz-keyframes hide{0%{filter:alpha(opacity=100);opacity:1}100%{filter:alpha(opacity=0);opacity:0}}@-webkit-keyframes "hide"{0%{filter:alpha(opacity=100);opacity:1}100%{filter:alpha(opacity=0);opacity:0}}@-ms-keyframes "hide"{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}100%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}}@-o-keyframes "hide"{0%{filter:alpha(opacity=100);opacity:1}100%{filter:alpha(opacity=0);opacity:0}}body{margin:0;padding:0}.hidden{display:none}.timer .wrapper{margin:0 auto}
