.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:normal 11px "Helvetica Neue", Helvetica, sans-serif;-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{position:relative;display:flex;flex-direction:row;justify-content:center;}
.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:3px;width:20px;height:20px;font-size:24px;font-weight:bold;line-height:23.29px;border-radius:15px;padding:0;}
.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:23.29px;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%;font-size:24px;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:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;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;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-align:center;background-color:#fff;border-radius:15px;font-size:24px;color:#222;font-family:"ProximaNova-Semibold";font-weight:400;}
.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 ul.play li.flip-clock-active{-webkit-animation:asd 0.5s 0.5s linear both;-moz-animation:asd 0.5s 0.5s linear both;animation:asd 0.5s 0.5s linear both;z-index:5;}
.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:20px;}
.flip-clock-divider:first-child{width:0;}
.flip-clock-dot{display:block;background:#222;width:3px;height:3px;position:absolute;border-radius:50%;left:6px;}
.flip-clock-divider.seconds,
.flip-clock-divider.seconds ~ .flip{}
.flip-clock-divider .flip-clock-label{position:absolute;bottom:-2.5em;right:-43px;color:#222;text-shadow:none;font-size:12px;}
.flip-clock-divider.minutes .flip-clock-label{right:-44px;}
.flip-clock-divider.seconds .flip-clock-label{right:-46px;}
.flip-clock-dot.top{top:10px;}
.flip-clock-dot.bottom{bottom:0px;}
@-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 0.5s 0.5s linear both;-moz-animation:turn 0.5s 0.5s linear both;animation:turn 0.5s 0.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 0.5s linear both;-moz-animation:turn2 0.5s linear both;animation:turn2 0.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;}
@-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;}
}