.clock-box{-webkit-transform:scale(.3);transform:scale(.3);-webkit-transform-origin:0 0;transform-origin:0 0}.dot-box{padding-top:30px;display:inline-block;width:10px;height:120px;vertical-align:middle;text-align:center}.dot{display:block;margin:14px auto;width:10px;height:10px;background-color:#3693d8;border-radius:50%}.clock{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;background-color:#20252d;font-size:0;border-radius:5px;border:15px solid #3f382d}.hours,.minutes,.seconds{display:inline-block;width:120px;height:120px;margin-left:5px;margin-right:5px;margin-top:0;margin-bottom:0;text-align:center;vertical-align:middle;font-size:0}.evolving-number{position:relative;display:inline-block;width:50px;height:120px}.bar-five,.bar-four,.bar-one,.bar-three,.bar-two{position:absolute;width:7px;height:65px;border-radius:50px;-webkit-transition:.5s ease-in;transition:.5s ease-in;background-color:#25f3e6}.bar-five.one,.bar-four.one,.bar-one.one,.bar-three.one,.bar-two.one{-webkit-transform:translate(22px,28px);transform:translate(22px,28px)}.bar-five.one,.bar-four.one,.bar-three.one,.bar-two.one{opacity:0}.bar-one.two{-webkit-transform:translate(315%,25%) rotate(-90deg);transform:translate(315%,25%) rotate(-90deg);height:40px}.bar-two.two{-webkit-transform:translate(22px,70px) rotate(-90deg);transform:translate(22px,70px) rotate(-90deg);height:40px}.bar-three.two{-webkit-transform:translate(22px,40px) rotate(-90deg);transform:translate(22px,40px) rotate(-90deg);height:40px}.bar-four.two{-webkit-transform:translate(39px,27px);transform:translate(39px,27px);height:36px}.bar-five.two{-webkit-transform:translate(5px,57px);transform:translate(5px,57px);height:36px}.bar-one.three{-webkit-transform:translate(22px,40px) rotate(-90deg);transform:translate(22px,40px) rotate(-90deg);height:40px}.bar-two.three{-webkit-transform:translate(39px,57px);transform:translate(39px,57px);height:36px}.bar-three.three{-webkit-transform:translate(39px,27px);transform:translate(39px,27px);height:36px}.bar-four.three{-webkit-transform:translate(22px,10px) rotate(90deg);transform:translate(22px,10px) rotate(90deg);height:40px}.bar-five.three{-webkit-transform:translate(22px,70px) rotate(90deg);transform:translate(22px,70px) rotate(90deg);height:40px}.bar-one.four{-webkit-transform:translate(22px,70px) rotate(-90deg);transform:translate(22px,70px) rotate(-90deg);height:40px;opacity:0}.bar-two.four{-webkit-transform:translate(39px,27px);transform:translate(39px,27px);height:36px}.bar-three.four{-webkit-transform:translate(22px,40px) rotate(90deg);transform:translate(22px,40px) rotate(90deg);height:40px}.bar-four.four{-webkit-transform:translate(5px,27px) rotate(180deg);transform:translate(5px,27px) rotate(180deg);height:36px}.bar-five.four{-webkit-transform:translate(39px,57px) rotate(180deg);transform:translate(39px,57px) rotate(180deg);height:36px}.bar-one.five{-webkit-transform:translate(39px,57px) rotate(0deg);transform:translate(39px,57px) rotate(0deg);height:36px}.bar-two.five{-webkit-transform:translate(22px,10px) rotate(90deg);transform:translate(22px,10px) rotate(90deg);height:40px}.bar-three.five{-webkit-transform:translate(5px,27px) rotate(180deg);transform:translate(5px,27px) rotate(180deg);height:36px}.bar-four.five{-webkit-transform:translate(22px,40px) rotate(270deg);transform:translate(22px,40px) rotate(270deg);height:40px}.bar-five.five{-webkit-transform:translate(22px,70px) rotate(-90deg);transform:translate(22px,70px) rotate(-90deg);height:40px}.bar-one.six{-webkit-transform:translate(5px,27px);transform:translate(5px,27px);height:65px}.bar-two.six{-webkit-transform:translate(22px,40px) rotate(270deg);transform:translate(22px,40px) rotate(270deg);height:40px}.bar-three.six{-webkit-transform:translate(39px,57px) rotate(0deg);transform:translate(39px,57px) rotate(0deg);height:36px}.bar-four.six{-webkit-transform:translate(22px,70px) rotate(90deg);transform:translate(22px,70px) rotate(90deg);height:40px}.bar-five.six,.bar-one.seven{-webkit-transform:translate(22px,10px) rotate(90deg);transform:translate(22px,10px) rotate(90deg);height:40px}.bar-two.seven{-webkit-transform:translate(22px,70px) rotate(90deg);transform:translate(22px,70px) rotate(90deg);height:40px;opacity:0}.bar-three.seven{-webkit-transform:translate(22px,70px) rotate(-90deg);transform:translate(22px,70px) rotate(-90deg);height:40px;opacity:0}.bar-four.seven{-webkit-transform:translate(39px,27px) rotate(180deg);transform:translate(39px,27px) rotate(180deg);height:65px}.bar-five.seven{-webkit-transform:translate(22px,70px) rotate(270deg);transform:translate(22px,70px) rotate(270deg);height:40px;opacity:0}.bar-one.eight{-webkit-transform:translate(39px,27px) rotate(180deg);transform:translate(39px,27px) rotate(180deg);height:65px}.bar-two.eight{-webkit-transform:translate(5px,27px);transform:translate(5px,27px);height:65px}.bar-three.eight{-webkit-transform:translate(22px,10px) rotate(90deg);transform:translate(22px,10px) rotate(90deg);height:40px}.bar-four.eight{-webkit-transform:translate(22px,40px) rotate(90deg);transform:translate(22px,40px) rotate(90deg);height:40px}.bar-five.eight{-webkit-transform:translate(22px,70px) rotate(-270deg);transform:translate(22px,70px) rotate(-270deg);height:40px}.bar-one.nine{-webkit-transform:translate(5px,27px) rotate(-180deg);transform:translate(5px,27px) rotate(-180deg);height:36px}.bar-two.nine{-webkit-transform:translate(22px,40px) rotate(90deg);transform:translate(22px,40px) rotate(90deg);height:40px}.bar-three.nine{-webkit-transform:translate(22px,70px) rotate(-90deg);transform:translate(22px,70px) rotate(-90deg);height:40px;opacity:0}.bar-four.nine{-webkit-transform:translate(22px,10px) rotate(-90deg);transform:translate(22px,10px) rotate(-90deg);height:40px}.bar-five.nine{-webkit-transform:translate(39px,27px) rotate(-180deg);transform:translate(39px,27px) rotate(-180deg);height:65px}.bar-one.zero{-webkit-transform:translate(22px,70px) rotate(-270deg);transform:translate(22px,70px) rotate(-270deg);height:40px}.bar-two.zero{-webkit-transform:translate(39px,27px) rotate(180deg);transform:translate(39px,27px) rotate(180deg);height:65px}.bar-three.zero{-webkit-transform:translate(21px,27px) rotate(26deg);transform:translate(21px,27px) rotate(26deg);height:69px}.bar-four.zero{-webkit-transform:translate(5px,27px);transform:translate(5px,27px);height:65px}.bar-five.zero{-webkit-transform:translate(22px,10px) rotate(-90deg);transform:translate(22px,10px) rotate(-90deg);height:40px}@media (max-width:800px){.hours,.minutes,.seconds{margin:0}}