/* 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 "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 {text-align: center;position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;direction: ltr;}.flip-clock-wrapper:before,.flip-clock-wrapper:after {content: " ";/* 1 */display: table;/* 2 */}.flip-clock-wrapper:after {clear: both;}/* Skeleton */.flip-clock-wrapper ul {position: relative;margin: 5px;width: 24px;height: 36px;font-size: 80px;font-weight: bold;line-height: 34px;border-radius: 6px;background: #000;padding: 0px;}.flip-clock-wrapper ul li {z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 34px;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: 30px;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: 17px;left: 0;z-index: 5;width: 100%;height: 3px;background-color: #000;background-color: rgba(0, 0, 0, 0.2);}.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-shadow: 0 1px 2px #000;text-align: center;background-color: #333;border-radius: 6px;font-size: 16px;}.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.01s 0.49s linear both;-moz-animation: asd 0.01s 0.49s linear both;animation: asd 0.01s 0.49s linear both;z-index: 5;}.flip-clock-divider {display: inline-block;position: relative;width: 10px;height: 30px;}.flip-clock-divider:first-child {width: 0;}.flip-clock-dot {display: block;background: #323434;width: 3px;height: 3px;position: absolute;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);left: 5px;}.flip-clock-divider .flip-clock-label {position: absolute;top: -2.5em;right: -86px;color: black;text-shadow: none;font-family: iransans;}.flip-clock-divider.minutes .flip-clock-label {right: -42px;}.flip-clock-divider.hours .flip-clock-label {right: -42px;}.flip-clock-divider.days .flip-clock-label {right: -42px;}.flip-clock-divider.seconds .flip-clock-label {right: -41px;}.flip-clock-dot.top {top: 26px;}.flip-clock-dot.bottom {bottom: 9px;}@-webkit-keyframes asd {0% {z-index: 2;}100% {z-index: 4;}}@-moz-keyframes asd {0% {z-index: 2;}100% {z-index: 4;}}@-o-keyframes asd {0% {z-index: 2;}100% {z-index: 4;}}@keyframes asd {0% {z-index: 2;}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;}/*DOWN*/.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;}}