.container{width:750px;position:absolute}.hero-datetime{position:absolute;top:0;left:0}.hero-circle{width:180px;height:180px;margin:15px;border:8px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 1px 8px rgba(34,34,34,.3),inset 0 1px 8px rgba(34,34,34,.3);position:absolute;bottom:0;right:0}.hero-face{width:100%;height:100%}.hero-hour{width:0;height:0;position:absolute;top:50%;left:50%;margin:-4px 0 -4px -25%;padding:4px 0 4px 25%;background:rgba(255,255,255,.8);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:4px 0 0 4px}.hero-minute{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -3px 0;padding:40% 3px 0;background:rgba(255,255,255,.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:3px 3px 0 0}.hero-second{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -1px 0 0;padding:40% 1px 0;background:rgba(255,255,255,.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.hero-face:after{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:rgba(255,255,255,.8);border-radius:6px;content:"";display:block}.panel-heading>h2{text-shadow:0 1px 0 rgba(0,0,0,.5);color:#333}