.clock,.clock .digits div,a.button{display:inline-block}.clockList{text-align:center}.clock{width:242px;position:relative;transform:scale(.5);margin-left:-77px}.fa-clock-o:before{font-size:20px}.clock .display{text-align:center;border-radius:6px;position:relative}.clock.light:after{box-shadow:0 4px 10px rgba(0,0,0,.15)}.clock.light .digits div span{background-color:#272e38;border-color:#272e38}.clock.light .digits div.dots:after,.clock.light .digits div.dots:before{background-color:#272e38}.alarm-button,.clock .alarm,.clock.light .alarm{background:url(/images/clock/alarm_light.jpg)}.clock.dark{background-color:#272e38;color:#cacaca}.clock.dark:after{box-shadow:0 4px 10px rgba(0,0,0,.3)}.clock.dark .digits div span{background-color:#cacaca;border-color:#cacaca}.clock.dark .alarm{background:url(/images/clock/alarm_dark.jpg)}.clock.dark .display{background-color:#0f1620;box-shadow:0 1px 1px rgba(0,0,0,.08) inset,0 1px 1px #2d3642}.clock.dark .digits div.dots:after,.clock.dark .digits div.dots:before{background-color:#cacaca}.clock .digits div{text-align:left;position:relative;width:28px;height:50px;margin:0 4px}.clock .digits div span{opacity:0;position:absolute;-webkit-transition:.25s;-moz-transition:.25s;transition:.25s}.clock .digits div span:after,.clock .digits div span:before{content:'';position:absolute;width:0;height:0;border:5px solid transparent}.clock .digits .d1{height:5px;width:16px;top:0;left:6px}.clock .digits .d1:before{border-width:0 5px 5px 0;border-right-color:inherit;left:-5px}.clock .digits .d1:after{border-width:0 0 5px 5px;border-left-color:inherit;right:-5px}.clock .digits .d2{height:5px;width:16px;top:24px;left:6px}.clock .digits .d2:before{border-width:3px 4px 2px;border-right-color:inherit;left:-8px}.clock .digits .d2:after{border-width:3px 4px 2px;border-left-color:inherit;right:-8px}.clock .digits .d3{height:5px;width:16px;top:48px;left:6px}.clock .digits .d3:before{border-width:5px 5px 0 0;border-right-color:inherit;left:-5px}.clock .digits .d3:after{border-width:5px 0 0 5px;border-left-color:inherit;right:-5px}.clock .digits .d4{width:5px;height:14px;top:7px;left:0}.clock .digits .d4:before{border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px}.clock .digits .d4:after{border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px}.clock .digits .d5{width:5px;height:14px;top:7px;right:0}.clock .digits .d5:before{border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px}.clock .digits .d5:after{border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px}.clock .digits .d6{width:5px;height:14px;top:32px;left:0}.clock .digits .d6:before{border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px}.clock .digits .d6:after{border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px}.clock .digits .d7{width:5px;height:14px;top:32px;right:0}.clock .digits .d7:before{border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px}.clock .digits .d7:after{border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px}.clock .digits div.eight .d1,.clock .digits div.eight .d2,.clock .digits div.eight .d3,.clock .digits div.eight .d4,.clock .digits div.eight .d5,.clock .digits div.eight .d6,.clock .digits div.eight .d7,.clock .digits div.five .d1,.clock .digits div.five .d2,.clock .digits div.five .d3,.clock .digits div.five .d4,.clock .digits div.five .d7,.clock .digits div.four .d2,.clock .digits div.four .d4,.clock .digits div.four .d5,.clock .digits div.four .d7,.clock .digits div.nine .d1,.clock .digits div.nine .d2,.clock .digits div.nine .d3,.clock .digits div.nine .d4,.clock .digits div.nine .d5,.clock .digits div.nine .d7,.clock .digits div.one .d5,.clock .digits div.one .d7,.clock .digits div.seven .d1,.clock .digits div.seven .d5,.clock .digits div.seven .d7,.clock .digits div.six .d1,.clock .digits div.six .d2,.clock .digits div.six .d3,.clock .digits div.six .d4,.clock .digits div.six .d6,.clock .digits div.six .d7,.clock .digits div.three .d1,.clock .digits div.three .d2,.clock .digits div.three .d3,.clock .digits div.three .d5,.clock .digits div.three .d7,.clock .digits div.two .d1,.clock .digits div.two .d2,.clock .digits div.two .d3,.clock .digits div.two .d5,.clock .digits div.two .d6,.clock .digits div.zero .d1,.clock .digits div.zero .d3,.clock .digits div.zero .d4,.clock .digits div.zero .d5,.clock .digits div.zero .d6,.clock .digits div.zero .d7{opacity:1}.clock .digits div.dots{width:5px}.clock .digits div.dots:after,.clock .digits div.dots:before{width:5px;height:5px;content:'';position:absolute;left:0;top:14px}.clock .digits div.dots:after{top:34px}.clock .alarm{width:16px;height:16px;bottom:20px;position:absolute;opacity:.2}.clock .alarm.active{opacity:1}.clock .weekdays{font-size:17px;position:absolute;width:100%;top:-40px;left:0;text-align:center}.clock .weekdays span{padding:0 5px}.clock .weekdays span.active{color:red}.clock .ampm{position:absolute;bottom:0;right:-56px;font-size:28px;color:#ef4c4c;font-weight:700}.button-holder{text-align:center;margin-top:20px;margin-left:40px}.button-holder b{font-size:27px;margin-right:8px;height:25px;line-height:25px;vertical-align:middle}a.button{background-color:#f6a7b3;background-image:-webkit-linear-gradient(top,#f6a7b3,#f0a3af);background-image:-moz-linear-gradient(top,#f6a7b3,#f0a3af);background-image:linear-gradient(top,#f6a7b3,#f0a3af);border:1px solid #eb9ba7;border-radius:2px;box-shadow:0 2px 2px #ccc;color:#fff;text-decoration:none!important;padding:8px 30px;cursor:pointer;position:relative;z-index:1;font-size:25px}.alarm-button,.alarm-other{display:inline-block;z-index:0;cursor:pointer}a.button:hover{opacity:.9}.alarm-other{width:100px;height:42px;vertical-align:middle;margin-left:-6px;margin-right:-44px;position:relative;font-size:22px}.alarm-button{width:16px;height:16px;bottom:20px;position:absolute;left:-10%;top:-60%;transform:scale(2)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}.overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.2);z-index:10}#alarm-dialog,#time-is-up{width:500px;height:475px;background-color:#fff;border-radius:2px;box-shadow:0 0 8px rgba(0,0,0,.2);position:fixed;top:50%;left:50%;margin-top:-225px;margin-left:-250px;text-align:center}#alarm-dialog h2{text-transform:uppercase;font-size:18px;color:#5e6268;padding:50px 0}#alarm-dialog label{text-transform:uppercase;background-color:#f4f4f4;width:80px;font-size:11px;display:inline-block;padding:10px;margin:4px}#alarm-dialog label input{display:block;border:0;font:inherit;font-size:17px;padding:6px;outline:0;text-align:center;width:59px;margin:10px auto;background-color:#fff}#alarm-dialog .button-holder{padding-top:50px;padding-bottom:0}#alarm-dialog .button-holder .button{box-shadow:0 2px 2px #eee;padding:13px 22px;margin:3px}.button.blue{background-color:#82cddd;background-image:-webkit-linear-gradient(top,#86d3e4,#82cddd);background-image:-moz-linear-gradient(top,#86d3e4,#82cddd);background-image:linear-gradient(top,#86d3e4,#82cddd);border-color:#72c1d2}#alarm-dialog .close{width:36px;height:36px;background:url(/images/clock/close.png);position:absolute;top:-18px;right:-18px;cursor:pointer}#time-is-up{height:300px}#time-is-up h2{padding:60px 0 40px;font-size:30px}#time-is-up .button{padding:12px 20px;box-shadow:0 2px 2px #eee}@media (max-width:980px){.clock{width:210px;margin-left:-30px}.clock .digits div{width:20px}}