.td-clock,.td-clock.nodrop:before{display:none}.td-clock:before,.td-dail .td-handle:after,.td-lancette div.td-pointer:after{content:""}body{position:relative;margin:0}.td-clock{width:156px;height:156px;border-radius:100%;text-align:center;line-height:156px;position:absolute;font-family:Arial,sans-serif;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;background-position:center;background-repeat:no-repeat;background-size:cover;color:#48C;font-size:16px;text-shadow:0 0 5px #ACF;background-color:#fff;box-shadow:0 0 0 1px #1977CC,0 0 0 8px rgba(0,127,255,.05)}.td-clock:before{position:absolute;top:-10px;margin-left:-10px;left:50%;width:20px;height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#fff;border-left:1px solid #1977CC;border-top:1px solid #1977CC;border-top-left-radius:4px}.td-clock.drop-up:before{transform:rotate(225deg);-webkit-transform:rotate(225deg);top:auto;bottom:-10px}.td-clock-wrap,.td-svg{top:0;bottom:0;left:0;right:0}.td-clock.td-show{display:block}.td-clock.inline{display:inline-block;position:relative;margin:8px}.td-clock-wrap,.td-medirian,.td-medirian span,.td-svg,.td-svg-2{position:absolute}.td-clock,.td-clock *{margin:0;padding:0;list-style:none;-webkit-box-sizing:initial!important;-moz-box-sizing:initial!important;box-sizing:initial!important;-webkit-tap-highlight-color:transparent}.td-clock-wrap{overflow:hidden}.td-clock svg{stroke:#9CE}.td-svg-2{top:18px;left:18px;bottom:18px;right:18px}.td-medirian{top:0;left:0;right:0;bottom:0}.td-medirian span{width:80px;height:40px;border-radius:100%;line-height:40px;text-align:center;margin:0 0 0 -40px;z-index:1;font-size:1em;opacity:0;font-weight:700;color:#8AC;cursor:pointer}.td-medirian .td-am,.td-medirian .td-pm{top:18%}.td-medirian .td-am{left:40%}.td-medirian .td-pm{left:60%}.td-medirian .td-am.td-on,.td-medirian .td-pm.td-on{left:50%;opacity:.9}.td-medirian .td-now{font-size:.7em;left:50%;bottom:10%;z-index:-1}.td-dail,.td-dail svg{top:0;left:0;right:0;position:absolute}.td-medirian .td-now.td-on{bottom:18%;opacity:.5;z-index:2}.td-medirian .td-on{z-index:2}.td-medirian .td-on:hover{opacity:1;text-shadow:0 0 8px #9CE}.td-dail{z-index:1;bottom:0;opacity:0}.td-dail.active{animation:td-pulse 4s ease-in-out infinite;-webkit-animation:td-pulse 4s ease-in-out infinite}.td-dail svg{height:32px}.td-dail.active svg{cursor:pointer}.td-dail .td-handle{position:absolute;top:4px;left:32px;right:32px;bottom:22px}.td-dail .td-handle:after{position:absolute;background:#6AC;width:24px;height:24px;box-shadow:inset -3px 5px 25px 1px #DEF;border-radius:100% 100% 100% 0;top:0;left:50%;margin-left:-12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);z-index:-1}.td-clock .td-time{font-weight:700;position:relative}.td-clock .td-time span{vertical-align:middle;text-align:center;margin:5px;position:relative;z-index:2;cursor:pointer;font-size:2em;opacity:.8}.td-clock .td-time span:hover{opacity:1;text-shadow:0 0 16px #9CF}.td-clock .td-time span.td-on{color:#6AE;text-shadow:0 0 5px #ACF;animation:td-blink 1.5s linear infinite;-webkit-animation:td-blink 1.5s linear infinite}.td-clock .td-time span.td-on:hover{opacity:1;text-shadow:0 0 16px #9CF}.td-n{-webkit-transition:all .5s cubic-bezier(.7,0,.175,1) 0s;-moz-transition:all .5s cubic-bezier(.7,0,.175,1) 0s;-ms-transition:all .5s cubic-bezier(.7,0,.175,1) 0s;transition:all .5s cubic-bezier(.7,0,.175,1) 0s}.td-n2{-webkit-transition:all .25s linear 0s;-moz-transition:all .25s linear 0s;-ms-transition:all .25s linear 0s;transition:all .25s linear 0s}@-webkit-keyframes td-bounce{10%{-webkit-transform:scale3d(1.1,.9,1)}30%{-webkit-transform:scale3d(.93,1.07,1)}50%{-webkit-transform:scale3d(1.05,.95,1)}70%{-webkit-transform:scale3d(.97,1.03,1)}90%{-webkit-transform:scale3d(1.01,.99,1)}100%{-webkit-transform:scale3d(1,1,1)}}@keyframes td-bounce{10%{transform:scale3d(1.1,.9,1)}30%{transform:scale3d(.93,1.07,1)}50%{transform:scale3d(1.05,.95,1)}70%{transform:scale3d(.97,1.03,1)}90%{transform:scale3d(1.01,.99,1)}100%{transform:scale3d(1,1,1)}}.td-drag{-webkit-transform:scale3d(.93,1.07,1);transform:scale3d(.93,1.07,1)}.td-bounce{-webkit-animation:td-bounce .3s;animation:td-bounce .3s}@-webkit-keyframes td-alert{0%,100%{-webkit-transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes td-alert{0%,100%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.td-alert{-webkit-animation:td-alert .8s both;animation:td-alert .8s both}@-webkit-keyframes td-fadein{0%{opacity:0}100%{opacity:1}}@keyframes td-fadein{0%{opacity:0}100%{opacity:1}}.td-fadein{-webkit-animation:td-fadein .3s;animation:td-fadein .3s}@-webkit-keyframes td-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes td-fadeout{0%{opacity:1}100%{opacity:0}}.td-fadeout{-webkit-animation:td-fadeout .3s forwards;animation:td-fadeout .3s forwards}@-webkit-keyframes td-dropin{0%{opacity:0;-webkit-transform:perspective(200px) rotateX(60deg) translate3d(0,-48px,-64px)}50%{opacity:.5;-webkit-transform:perspective(350px) rotateX(30deg) translate3d(0,-18px,-32px)}75%{opacity:.5;-webkit-transform:perspective(425px) rotateX(15deg) translate3d(0,-6px,-16px)}100%{opacity:1;-webkit-transform:none}}@keyframes td-dropin{0%{opacity:0;transform:perspective(200px) rotateX(60deg) translate3d(0,-64px,-64px)}50%{opacity:.5;transform:perspective(350px) rotateX(30deg) translate3d(0,-18px,-32px)}75%{opacity:.5;transform:perspective(425px) rotateX(15deg) translate3d(0,-6px,-16px)}100%{opacity:1;transform:none}}.td-dropin{-webkit-animation:td-dropin .3s linear;animation:td-dropin .3s linear;-webkit-transform-origin:50% 0;transform-origin:50% 0}.td-dropin.drop-up{-webkit-animation:td-dropin .3s linear;animation:td-dropin .3s linear;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@-webkit-keyframes td-dropout{0%{opacity:1;-webkit-transform:none}100%{opacity:0;-webkit-transform:perspective(200px) rotateX(-45deg) translate3d(0,32px,-48px)}}@keyframes td-dropout{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(200px) rotateX(-45deg) translate3d(0,32px,-48px)}}.td-dropout{-webkit-animation:td-dropout .3s forwards;animation:td-dropout .3s forwards;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes td-dropout-up{0%{opacity:1;-webkit-transform:none}100%{opacity:0;-webkit-transform:perspective(200px) rotateX(45deg) translate3d(0,-32px,-48px)}}@keyframes td-dropout-up{0%{opacity:1;transform:none}100%{opacity:0;transform:perspective(200px) rotateX(45deg) translate3d(0,-32px,-48px)}}.td-dropout.drop-up{-webkit-animation:td-dropout-up .3s forwards;animation:td-dropout-up .3s forwards;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes td-blink{50%{opacity:.25}}@keyframes td-blink{50%{opacity:.25}}@-webkit-keyframes td-pulse{0%,100%{opacity:.8}50%{opacity:.5}}@keyframes td-pulse{0%,100%{opacity:.8}50%{opacity:.5}}.td-lancette{border:2px solid #7AC;border-radius:100%;margin:8px;opacity:.5;box-shadow:0 0 6px 1px #6CF,inset 0 0 32px 12px #fff,inset 0 0 64px 16px #DEF}.td-lancette,.td-lancette div.td-pointer{position:absolute;top:0;left:0;bottom:0;right:0}.td-lancette div.td-tick{position:absolute;border:1px solid #369}.td-lancette div.td-tick.td-rotate-0,.td-lancette div.td-tick.td-rotate-180,.td-lancette div.td-tick.td-rotate-210,.td-lancette div.td-tick.td-rotate-240,.td-lancette div.td-tick.td-rotate-30,.td-lancette div.td-tick.td-rotate-60{height:3px;width:0}.td-lancette div.td-tick.td-rotate-0,.td-lancette div.td-tick.td-rotate-180{height:6px}.td-lancette div.td-tick.td-rotate-120,.td-lancette div.td-tick.td-rotate-150,.td-lancette div.td-tick.td-rotate-270,.td-lancette div.td-tick.td-rotate-300,.td-lancette div.td-tick.td-rotate-330,.td-lancette div.td-tick.td-rotate-90{height:0;width:3px}.td-lancette div.td-tick.td-rotate-270,.td-lancette div.td-tick.td-rotate-90{width:6px}.td-lancette div.td-tick.td-rotate-0,.td-lancette div.td-tick.td-rotate-180,.td-lancette div.td-tick.td-rotate-270,.td-lancette div.td-tick.td-rotate-90{border-color:#69C}.td-lancette div.td-tick.td-rotate-120,.td-lancette div.td-tick.td-rotate-210,.td-lancette div.td-tick.td-rotate-30,.td-lancette div.td-tick.td-rotate-300{transform:rotate(30deg);-webkit-transform:rotate(30deg)}.td-lancette div.td-tick.td-rotate-150,.td-lancette div.td-tick.td-rotate-240,.td-lancette div.td-tick.td-rotate-330,.td-lancette div.td-tick.td-rotate-60{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.td-lancette div.td-tick.td-rotate-0{top:0;left:50%}.td-lancette div.td-tick.td-rotate-30{right:25%;top:6.3%}.td-lancette div.td-tick.td-rotate-60{right:6.9%;top:25%}.td-lancette div.td-tick.td-rotate-90{right:0;top:50%}.td-lancette div.td-tick.td-rotate-120{right:6.3%;bottom:25%}.td-lancette div.td-tick.td-rotate-150{right:25%;bottom:6.9%}.td-lancette div.td-tick.td-rotate-180{bottom:0;left:50%}.td-lancette div.td-tick.td-rotate-210{left:25%;bottom:6.3%}.td-lancette div.td-tick.td-rotate-240{left:6.9%;bottom:25%}.td-lancette div.td-tick.td-rotate-270{left:0;top:50%}.td-lancette div.td-tick.td-rotate-300{left:6.3%;top:25%}.td-lancette div.td-tick.td-rotate-330{left:25%;top:6.9%}.td-lancette div.td-pointer:after{position:absolute;top:20px;left:50%;margin-left:-1px;width:2px;bottom:50%;border-radius:100%;background:#7AE}.td-lancette div.td-pointer.td-hr:after{top:36px;margin-left:-2px;width:4px}.td-lancette div.td-pointer.td-on:after{background:#3C8;animation:td-blink 1.5s linear infinite;-webkit-animation:td-blink 1.5s linear infinite}