.myClockJS{margin:1em 50px}.myClockJS b{display:block;width:100%;font-weight:normal}.myClockJS .inner{margin:0 auto;position:relative}.myClockJS .dial.inner{width:135px;height:135px}.myClockJS .dial .shadow{position:absolute;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.myClockJS .dial .shadow-out{margin:-9% 0 0 -9%;padding:9%;-webkit-box-shadow:0px 10px 30px #747788;-moz-box-shadow:0px 10px 30px #747788;-ms-box-shadow:0px 10px 30px #747788;-o-box-shadow:0px 10px 30px #747788;box-shadow:0px 10px 30px #747788;background:#fff;background:-webkit-linear-gradient(-90deg,#fff,#eaebed);background:-moz-linear-gradient(-90deg,#fff,#eaebed);background:-ms-linear-gradient(-90deg,#fff,#eaebed);background:-o-linear-gradient(-90deg,#fff,#eaebed);background:linear-gradient(-90deg,#fff,#eaebed)}.myClockJS .dial .shadow-in{margin:-4% 0 0 -4%;padding:4%;-webkit-box-shadow:0px 3px 10px #747788 inset;-moz-box-shadow:0px 3px 10px #747788 inset;-ms-box-shadow:0px 3px 10px #747788 inset;-o-box-shadow:0px 3px 10px #747788 inset;box-shadow:0px 3px 10px #747788 inset;background:#fff;background:-webkit-linear-gradient(-90deg,#fff,#dce1e7);background:-moz-linear-gradient(-90deg,#fff,#dce1e7);background:-ms-linear-gradient(-90deg,#fff,#dce1e7);background:-o-linear-gradient(-90deg,#fff,#dce1e7);background:linear-gradient(-90deg,#fff,#dce1e7)}.myClockJS .dial .seg b{position:absolute;width:1%;height:100%;min-width:1px;left:50%;margin-left:-0.4%}.myClockJS .dial .seg b b:after ,.myClockJS .dial .seg b b:before{content:'';position:absolute;width:100%;height:3%;background-color:#aaa}.myClockJS .dial .seg>b>b:before ,.myClockJS .dial .seg>b>b:after{height:6%;width:250%}.myClockJS .dial .seg b:before{bottom:0}.myClockJS .dial .seg b.first_level.last_child{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.myClockJS .dial .seg b.first_level.first_child{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.myClockJS .dial .seg>b>b:nth-child(2){-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}.myClockJS .dial .seg>b>b:last-child{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.myClockJS .dial .seg>b>b b{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}.myClockJS .dial .seg>b>b>b:last-child{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.myClockJS .dial .arr b{position:absolute;height:100%;left:50%;min-width:1px}.myClockJS .dial .arr b:after{position:absolute;width:100%;content:''}.myClockJS .dial .arr b:nth-child(1) ,.myClockJS .dial .arr b:nth-child(2){width:4.5%;margin-left:-2.2%}.myClockJS .dial .arr b:nth-child(1):after ,.myClockJS .dial .arr b:nth-child(2):after{height:25%;top:25%;background-color:#000}.myClockJS .dial .arr b:nth-child(3) ,.myClockJS .dial .arr b:nth-child(4){width:3%;margin-left:-1.4%}.myClockJS .dial .arr b:nth-child(3):after ,.myClockJS .dial .arr b:nth-child(4):after{height:37%;top:13%;background-color:#000}.myClockJS .dial .arr b:nth-child(5) ,.myClockJS .dial .arr b:nth-child(7){width:1%;min-width:1px;margin-left:-0.3%}.myClockJS .dial .arr b:nth-child(5):after ,.myClockJS .dial .arr b:nth-child(7):after{height:67%;background-color:#d70000}.myClockJS .dial .arr b:nth-child(6) ,.myClockJS .dial .arr b:nth-child(8){width:8%;margin-left:-3.9%}.myClockJS .dial .arr b:nth-child(6):after ,.myClockJS .dial .arr b:nth-child(8):after{height:8%;top:46%;background-color:#d70000;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.myClockJS .dial .arr b:nth-child(1):after ,.myClockJS .dial .arr b:nth-child(3):after ,.myClockJS .dial .arr b:nth-child(5):after ,.myClockJS .dial .arr b:nth-child(6):after{background-color:#000;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;-ms-box-shadow:0 0 5px #000;-o-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;opacity:0.2}.myClockJS .dial .arr b:nth-child(1) ,.myClockJS .dial .arr b:nth-child(3){margin-top:1.5%}.myClockJS .dial .arr b:nth-child(6) ,.myClockJS .dial .arr b:nth-child(5){margin-top:2%}.myClockJS .dial .arr b{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;animation-iteration-count:infinite;animation-timing-function:linear}.myClockJS .dial .arr b:nth-child(1) ,.myClockJS .dial .arr b:nth-child(2){-webkit-animation-duration:43200s;-moz-animation-duration:43200s;-ms-animation-duration:43200s;-o-animation-duration:43200s;animation-duration:43200s}.myClockJS .dial .arr b:nth-child(3) ,.myClockJS .dial .arr b:nth-child(4){-webkit-animation-duration:3600s;-moz-animation-duration:3600s;-ms-animation-duration:3600s;-o-animation-duration:3600s;animation-duration:3600s}.myClockJS .dial .arr b:nth-child(5) ,.myClockJS .dial .arr b:nth-child(7){-webkit-animation-duration:60s;-moz-animation-duration:60s;-ms-animation-duration:60s;-o-animation-duration:60s;animation-duration:60s}.container{position:absolute;top:68%;text-align:center;width:100%}.timer{padding:6px;overflow:hidden;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;-webkit-box-shadow:0 2px 5px -5px rgba(0,0,0,1),inset 0 1px 5px 0.5px rgba(0,0,0,0.75);-moz-box-shadow:0 2px 5px -5px rgba(0,0,0,1),inset 0 1px 5px 0.5px rgba(0,0,0,0.75);-ms-box-shadow:0 2px 5px -5px rgba(0,0,0,1),inset 0 1px 5px 0.5px rgba(0,0,0,0.75);-o-box-shadow:0 2px 5px -5px rgba(0,0,0,1),inset 0 1px 5px 0.5px rgba(0,0,0,0.75);box-shadow:0 2px 5px -5px rgba(0,0,0,1),inset 0 1px 5px 0.5px rgba(0,0,0,0.75)}.cell{width:0.60em;height:12px;font-size:15px;overflow:hidden;position:relative;float:left}.numbers{width:0.6em;line-height:12px;font-family:digital,arial,verdana;text-align:center;color:#000000;position:absolute;top:0;left:0;text-shadow:0 0 3px rgba(255,255,255,1)}.numbers.hour,.cell.hourcell{width:1.2em}.movetwentyfour{-webkit-animation:movetwentyfour 1s steps(24,end) infinite;-moz-animation:movetwentyfour 1s steps(24,end) infinite;-ms-animation:movetwentyfour 1s steps(24,end) infinite;-o-animation:movetwentyfour 1s steps(24,end) infinite;animation:movetwentyfour 1s steps(24,end) infinite}.moveten{-webkit-animation:moveten 1s steps(10,end) infinite;-moz-animation:moveten 1s steps(10,end) infinite;-ms-animation:moveten 1s steps(10,end) infinite;-o-animation:moveten 1s steps(10,end) infinite;animation:moveten 1s steps(10,end) infinite}.movesix{-webkit-animation:movesix 1s steps(6,end) infinite;-moz-animation:movesix 1s steps(6,end) infinite;-ms-animation:movesix 1s steps(6,end) infinite;-o-animation:movesix 1s steps(6,end) infinite;animation:movesix 1s steps(6,end) infinite}.minute{-webkit-animation-duration:600s;-moz-animation-duration:600s;-ms-animation-duration:600s;-o-animation-duration:600s;animation-duration:600s}.tenminute{-webkit-animation-duration:3600s;-moz-animation-duration:3600s;-ms-animation-duration:3600s;-o-animation-duration:3600s;animation-duration:3600s}.hour{-webkit-animation-duration:86400s;-moz-animation-duration:86400s;-ms-animation-duration:86400s;-o-animation-duration:86400s;animation-duration:86400s}