.white{background-color:#fff}.black{background-color:#000}.font{background-color:#666}.lightgrey{background-color:#f1f1f1}.grey{background-color:#888}.red{background-color:#a42418}.blue{background-color:#0093d7}.yellow{background-color:#ffbf40}.border{background-color:#ccc}h5.h5volgendereis{font-family:'Shadows Into Light',cursive;text-transform:uppercase;color:#fff;font-size:100px;line-height:100px;font-weight:100;transform:rotate(-2.5deg);-ms-transform:rotate(-2.5deg);-webkit-transform:rotate(-2.5deg);display:inline-block;margin-bottom:100px;text-shadow:1px 1px 0 #000}.main-example{margin:0 auto;width:375px}.main-example .countdown-container{height:130px}.main-example .time{border-radius:5px;display:inline-block;text-align:center;position:relative;height:95px;width:65px;font-size:20px;overflow:hidden;margin-right:3px;-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;-o-perspective:500px;perspective:500px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.main-example .count{background:#202020;color:#f8f8f8;display:block;font-family:Oswald,sans-serif;font-size:2em;line-height:2.4em;overflow:hidden;position:absolute;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.8);top:0;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:flat;-moz-transform-style:flat;-ms-transform-style:flat;-o-transform-style:flat;transform-style:flat}.main-example .count.top{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.1);border-radius:5px 5px 0 0;height:50%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.main-example .count.bottom{background-image:linear-gradient(rgba(255,255,255,.1),transparent);background-image:-webkit-linear-gradient(rgba(255,255,255,.1),transparent);background-image:-moz-linear-gradient(rgba(255,255,255,.1),transparent);background-image:-ms-linear-gradient(rgba(255,255,255,.1),transparent);background-image:-o-linear-gradient(rgba(255,255,255,.1),transparent);border-top:1px solid #000;border-bottom:1px solid #000;border-radius:0 0 5px 5px;line-height:0;height:50%;top:50%;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.main-example .label{font-size:normal;margin-top:5px;display:block;position:absolute;top:95px;width:100%}.main-example .labels{font-size:normal;margin-top:5px;display:inline-block;text-align:center;position:relative;width:65px;color:#fff;margin-right:3px;font-family:'Hammersmith One',sans-serif;text-shadow:1px 1px 1px #000;font-size:10px}.main-example .count.curr.top{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);z-index:3}.main-example .count.next.bottom{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);z-index:2}.main-example .flip .count.curr.top{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}.main-example .flip .count.next.bottom{-webkit-transition:all 250ms ease-in-out 250ms;-moz-transition:all 250ms ease-in-out 250ms;-ms-transition:all 250ms ease-in-out 250ms;-o-transition:all 250ms ease-in-out 250ms;transition:all 250ms ease-in-out 250ms;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}@media only screen and (max-width:600px){h5.h5volgendereis{line-height:50px;font-size:40px;margin-bottom:50px}.main-example{margin:0 auto;width:320px}.main-example .time{width:55px}.main-example .labels{width:55px}}