/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.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}

/* Main */
.flip-clock-wrapper{font: normal 11px "Saira Condensed", 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{text-align: center;position: relative;width: 100%;padding: 35px 0 0}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content: " ";display: table}.flip-clock-wrapper:after{clear: both}

/* Skeleton */
.flip-clock-wrapper ul{position: relative;float: left;margin: 5px;width: 60px;height: 60px;font-size: 40px;font-weight: bold;line-height: 57px;border-radius: 50%;background: #000;overflow: hidden}.flip-clock-wrapper ul li{z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 57px;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: 80px;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;border-radius: 50% 50% 0 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);display: none}.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;border-radius: 0 0 50% 50%}.flip-clock-wrapper ul li a div div.inn{position: absolute;left: 0;z-index: 1;width: 100%;height: 200%;color: #fff;text-shadow: none;text-align: center;background-color: #333;border-radius: 50%;font-size: 41px;line-height: 50px;font-family: 'Pilsen Plakat';font-weight: normal}.flip-clock-wrapper ul li a div.up div.inn{top: 0}.flip-clock-wrapper ul li a div.down div.inn{bottom: 0}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before{z-index: 3}.flip-clock-wrapper .flip{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7)}.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: 60px}.flip-clock-divider:first-child{width: 0}.flip-clock-dot{display: block;background: #fff;width: 10px;height: 10px;position: absolute;border-radius: 0;box-shadow: none;left: 5px}.flip-clock-divider .flip-clock-label{position: absolute;top: -1.5em;right: -95px;color: #fff;text-shadow: none;font-size: 22px;text-transform: uppercase}.flip-clock-divider.minutes .flip-clock-label{right: -99px}.flip-clock-divider.seconds .flip-clock-label{right: -101px}.flip-clock-dot.top{top: 20px}.flip-clock-dot.bottom{bottom: 10px}@-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}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.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%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.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: 1400px){.flip-clock-wrapper ul{width: 50px;height: 50px;font-size: 30px;line-height: 47px}.flip-clock-wrapper ul li a div div.inn{font-size: 26px;line-height: 40px}.flip-clock-dot.top{top: 15px}.flip-clock-dot.bottom{bottom: 15px}.flip-clock-divider .flip-clock-label{right: -84px}.flip-clock-divider.seconds .flip-clock-label{right: -96px}.flip-clock-divider.minutes .flip-clock-label{right: -95px}}@media (max-width: 1199px){.flip-clock-wrapper ul{width: 38px;height: 38px;font-size: 20px;line-height: 34px;margin: 3px}.flip-clock-wrapper ul li a div div.inn{font-size: 18px;line-height: 32px}.flip-clock-dot.top{top: 15px}.flip-clock-dot.bottom{bottom: 30px}.flip-clock-divider .flip-clock-label{right: -62px;font-size: 16px}.flip-clock-divider.seconds .flip-clock-label{right: -71px}.flip-clock-divider.minutes .flip-clock-label{right: -72px}.flip-clock-dot{width: 6px;height: 6px}.flip-clock-dot.top{top: 12px}.flip-clock-divider{width: 14px}}@media (max-width: 991px){.flip-clock-wrapper{width: auto;padding: 27px 0 0;margin: 0 auto;display: inline-block}}