.flip-clock-wrapper *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden}.flip-clock-wrapper a{cursor: pointer;text-decoration: none;color: #ccc}.flip-clock-wrapper a:hover{color: #fff}.flip-clock-wrapper ul{list-style: none}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content: " ";display: table}.flip-clock-wrapper.clearfix:after{clear: both}.flip-clock-wrapper.clearfix{*zoom: 1}.flip-clock-wrapper{font-family: sans-serif;font-weight: normal;-webkit-user-select: none}.flip-clock-meridium{background: none !important;box-shadow: 0 0 0 !important;font-size: 36px !important}.flip-clock-meridium a{color: #313333}.flip-clock-wrapper{text-align: center;width: 12.5em;font-size: 40px;margin: 0 auto}div.clockContainer{display: block;width: 12.75em;font-size: 40px;margin: auto;height: 1.75em}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content: " ";display: table}.flip-clock-wrapper:after{clear: both}.flip-clock-wrapper ul{position: relative;float: left;margin: .0625em;padding: 0;width: .5625em;height: .6875em;font-size: 2em;font-weight: bold;line-height: 0.625;border-radius: .075em;background: transparent}.flip-clock-wrapper ul li{z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-decoration: none !important}.flip-clock-wrapper ul li:first-child{z-index: 2}.flip-clock-wrapper ul li a{display: block;height: 100%;-webkit-perspective: 200px;-moz-perspective: 200px;perspective: 200px;margin: 0 !important;overflow: visible !important;cursor: default !important}.flip-clock-wrapper ul li a div{z-index: 1;position: absolute;left: 0;width: 100%;height: 50%;overflow: hidden;outline: 1px solid transparent}.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{-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;top: 0}.flip-clock-wrapper ul li a div.up:after{content: "";position: absolute;top: .55em;left: 0;z-index: 5;width: 100%;height: .0375em;background-color: transparent;background-color: rgba(0,0,0,0.4)}.flip-clock-wrapper ul li a div.down{-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;bottom: 0}.flip-clock-wrapper ul li a div div.inn{position: absolute;left: 0;z-index: 1;width: 100%;height: 200%;color: #BB5AF1;text-shadow: 0 1px 2px #5c0994;text-align: center;background-color: #F4E5FD;border-radius: .075em;font-size: .625em;line-height: 1.1}.flip-clock-wrapper ul li a div.up div.inn{top: 0}.flip-clock-wrapper ul li a div.down div.inn{bottom: 0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index: 3}.flip-clock-wrapper .flip{box-shadow: 0 2px 5px rgba(170,143,186,0.7)}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation: asd .5s .5s linear both;-moz-animation: asd .5s .5s linear both;animation: asd .5s .5s linear both;z-index: 5}.flip-clock-divider{float: left;display: inline-block;position: relative;width: .5em;height: 1.375em;top: .175em}.flip-clock-divider:first-child{width: 0}.flip-clock-dot{display: block;background: silver;width: .25em;height: .25em;position: absolute;border-radius: 50%;box-shadow: 0 0 5px rgba(0,0,0,0.5);left: .125em}.flip-clock-divider.hours .flip-clock-label{right: -3.66666667em}.flip-clock-divider.days .flip-clock-label{right: -3.45833333em}.flip-clock-divider.minutes .flip-clock-label{right: -4.08333333em}.flip-clock-divider.seconds .flip-clock-label{right: -4.20833333em}.flip-clock-divider .flip-clock-label{font-size: .6em;display: block;color: #ccc;position: absolute;top: -1.5em;text-align: center;text-shadow: none}.flip-clock-dot.top{top: .75em;margin-top: 0 !important}.flip-clock-dot.bottom{bottom: .75em;margin-bottom: 0 !important}@-webkit-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@-moz-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@-o-keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}@keyframes asd{0%{z-index: 2}20%{z-index: 4}100%{z-index: 4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index: 2;-webkit-animation: turn .5s .5s linear both;-moz-animation: turn .5s .5s linear both;animation: turn .5s .5s linear both}@-webkit-keyframes turn{0%{-webkit-transform: rotateX(90deg)}100%{-webkit-transform: rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform: rotateX(90deg)}100%{-moz-transform: rotateX(0deg)}}@-o-keyframes turn{0%{-o-transform: rotateX(90deg)}100%{-o-transform: rotateX(0deg)}}@keyframes turn{0%{transform: rotateX(90deg)}100%{transform: rotateX(0deg)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index: 2;-webkit-animation: turn2 .5s linear both;-moz-animation: turn2 .5s linear both;animation: turn2 .5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform: rotateX(0deg)}100%{-webkit-transform: rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform: rotateX(0deg)}100%{-moz-transform: rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform: rotateX(0deg)}100%{-o-transform: rotateX(-90deg)}}@keyframes turn2{0%{transform: rotateX(0deg)}100%{transform: rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index: 3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, #000));background: linear, top, rgba(0,0,0,0.1) 0%, #000 100%;background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: linear, to bottom, rgba(0,0,0,0.1) 0%, #000 100%;-webkit-animation: show .5s linear both;-moz-animation: show .5s linear both;animation: show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, #000));background: linear, top, rgba(0,0,0,0.1) 0%, #000 100%;background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, #000 100%);background: linear, to bottom, rgba(0,0,0,0.1) 0%, #000 100%;-webkit-animation: hide .5s .3s linear both;-moz-animation: hide .5s .3s linear both;animation: hide .5s .3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0.1)));background: linear, top, #000 0%, rgba(0,0,0,0.1) 100%;background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: linear, to bottom, #000 0%, rgba(0,0,0,0.1) 100%;-webkit-animation: show .5s linear both;-moz-animation: show .5s linear both;animation: show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0.1)));background: linear, top, #000 0%, rgba(0,0,0,0.1) 100%;background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.1) 100%);background: linear, to bottom, #000 0%, rgba(0,0,0,0.1) 100%;-webkit-animation: hide .5s .3s linear both;-moz-animation: hide .5s .3s linear both;animation: hide .5s .2s linear both}@-webkit-keyframes show{0%{opacity: 0}100%{opacity: 1}}@-moz-keyframes show{0%{opacity: 0}100%{opacity: 1}}@-o-keyframes show{0%{opacity: 0}100%{opacity: 1}}@keyframes show{0%{opacity: 0}100%{opacity: 1}}@-webkit-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@-moz-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@-o-keyframes hide{0%{opacity: 1}100%{opacity: 0}}@keyframes hide{0%{opacity: 1}100%{opacity: 0}}@media (max-width: 560px){.flip-clock-wrapper{width: 12.6em;font-size: 6.3vw}}