/* Code tidied up by ScrapBook */
.flip-clock-wrapper * { box-sizing: border-box; backface-visibility: hidden; }
.flip-clock-wrapper a { cursor: pointer; text-decoration: none; }
.flip-clock-wrapper ul { list-style: outside none none; }
.flip-clock-wrapper.clearfix::after, .flip-clock-wrapper.clearfix::before { content: " "; display: table; }
.flip-clock-wrapper.clearfix::after { clear: both; }
.flip-clock-wrapper.clearfix {  }
.flip-clock-wrapper { -moz-user-select: none; }
.flip-clock-meridium { background: transparent none repeat scroll 0% 0% ! important; font-size: 36px ! important; }
.flip-clock-meridium a { color: rgb(49, 51, 51); }
.flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; }
.flip-clock-wrapper::after, .flip-clock-wrapper::before { content: " "; display: table; }
.flip-clock-wrapper::after { clear: both; }
.flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: 700; line-height: 87px; }
.flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 87px; text-decoration: none ! important; }
.flip-clock-wrapper ul li:first-child { z-index: 2; }
.flip-clock-wrapper ul li a { display: block; height: 100%; perspective: 200px; margin: 0px ! important; overflow: visible ! important; cursor: default ! important; }
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0px; width: 100%; height: 50%; font-size: 80px; overflow: hidden; }
.flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; }
.flip-clock-wrapper ul li a div.up { top: 0px; }
.flip-clock-wrapper ul li a div.up::after { content: ""; position: absolute; top: 44px; left: 0px; z-index: 4; width: 100%; height: 3px; background-color: rgb(0, 0, 0); }
.flip-clock-wrapper ul li a div.down { bottom: 0px; }
.flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0px; z-index: 1; width: 100%; height: 200%; color: rgb(204, 204, 204); text-align: center; font-size: 70px; }
.flip-clock-wrapper ul li a div.up div.inn { top: 0px; }
.flip-clock-wrapper ul li a div.down div.inn { bottom: 0px; }
.flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-wrapper ul.play li.flip-clock-active { z-index: 4; }
.flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; }
.flip-clock-divider:first-child { width: 0px; }
.flip-clock-dot { display: block; background: rgb(50, 52, 52) none repeat scroll 0% 0%; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); left: 5px; }
.flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: rgb(0, 0, 0); text-shadow: none; }
.flip-clock-divider.minutes .flip-clock-label { right: -88px; }
.flip-clock-divider.seconds .flip-clock-label { right: -91px; }
.flip-clock-dot.top { top: 30px; }
.flip-clock-dot.bottom { bottom: 30px; }
.flip-clock-wrapper ul.play li.flip-clock-active .down, .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; }
.flip-clock-wrapper ul li.flip-clock-active { z-index: 3; }