.omb10-timer-invisible .clock-label{
	display:none;
}
/*EXTRA SMALL*/
.omb-timer-xs .container_clock_units{
	margin-left:-2px;
	margin-right:-2px;
}
.omb-timer-xs .flip-clock{
	margin:0 2px;
}
.omb-timer-xs .container_clock_units:not(:first-of-type) > div:first-of-type:before{
	line-height: 35px;
	font-size: 25px;
	margin-left: 4px;
}
.omb-timer-xs .flip-clock{
	width: 25px;
	height: 36px;
	line-height: 34px;
}
.omb-timer-xs .timer-unit .inn{
	font-size: 25px;
}
.omb-timer-xs .clock-label{
	font-size: 8px;
	margin-top:2px;
}
.omb-timer-xs .container_clock_units:not(:first-of-type) .clock-label{
	padding-left: 7px;
}

/*SMALL*/
.omb-timer-sm .container_clock_units{
	margin-left:-3px;
	margin-right:-3px;
}
.omb-timer-sm .flip-clock{
	margin:0 3px;
}
.omb-timer-sm .container_clock_units:not(:first-of-type) > div:first-of-type:before{
	line-height: 53px;
	font-size: 35px;
	margin-left: 6px;
}
.omb-timer-sm .flip-clock{
	width: 37px;
	height: 54px;
	line-height: 51px;
}
.omb-timer-sm .timer-unit .inn{
	font-size: 35px;
}
.omb-timer-sm .clock-label{
	font-size: 9px;
	margin-top:3px;
}
.omb-timer-sm .container_clock_units:not(:first-of-type) .clock-label{
	padding-left: 10px;
}

/*MEDIUM*/
.omb-timer-md .container_clock_units{
	margin-left:-4px;
	margin-right:-4px;
}
.omb-timer-md .flip-clock{
	margin:0 4px;
}
.omb-timer-md .container_clock_units:not(:first-of-type) > div:first-of-type:before{
	line-height: 70px;
	font-size: 50px;
	margin-left: 8px;
}
.omb-timer-md .flip-clock{
	width: 50px;
	height: 70px;
	line-height: 68px;
}
.omb-timer-md .timer-unit .inn{
	font-size: 50px;
}
.omb-timer-md .clock-label{
	font-size: 11px;
	margin-top:4px;
}
.omb-timer-md .container_clock_units:not(:first-of-type) .clock-label{
	padding-left: 14px;
}

/*LARGE*/
.omb-timer-lg .container_clock_units{
	margin-left:-4px;
	margin-right:-4px;
}
.omb-timer-lg .flip-clock{
	margin:0 4px;
}
.omb-timer-lg .container_clock_units:not(:first-of-type) > div:first-of-type:before{
	line-height: 87.5px;
	font-size: 62.5px;
	margin-left: 8px;
}
.omb-timer-lg .flip-clock{
	width: 62.5px;
	height: 88px;
	line-height: 85px;
}
.omb-timer-lg .timer-unit .inn{
	font-size: 62.5px;
}
.omb-timer-lg .clock-label{
	font-size: 12px;
	margin-top:4px;
}
.omb-timer-lg .container_clock_units:not(:first-of-type) .clock-label{
	padding-left: 17px;
}

/*EXTRA LARGE*/
.omb-timer-xl .container_clock_units{
	margin-left:-4px;
	margin-right:-4px;
}
.omb-timer-xl .flip-clock{
	margin:0 4px;
}
.omb-timer-xl .container_clock_units:not(:first-of-type) > div:first-of-type:before{
	line-height: 106px;
	font-size: 75px;
	margin-left: 8px;
}
.omb-timer-xl .flip-clock{
	width: 75px;
	height: 106px;
	line-height: 102px;
}
.omb-timer-xl .timer-unit .inn{
	font-size: 75px;
}
.omb-timer-xl .clock-label{
	font-size: 12px;
	margin-top:4px;
}
.omb-timer-xl .container_clock_units:not(:first-of-type) .clock-label{
	padding-left: 21px;
}

.omb-timer{
	font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
	-webkit-user-select: none;
	text-align: center;
	position: relative;
	width: 100%;
}
.omb-timer:before, 
.omb-timer:after,
.container_clock_units:after, 
.container_clock_units > div:first-of-type:after{
	content: " ";
	display: table;
	clear:both;
}
.omb-timer *{
    -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;
}
.container_clock_units {
	float: left;
}
.container_clock_units:not(:first-of-type) > div:first-of-type:before{
	content: ":";
	float: left;
	vertical-align: middle;
	font-family: serif;
	color:#323031;
}
.flip-clock{
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.7);
	position: relative;
	float: left;
	font-weight: bold;
	border-radius: 6px;
}
.timer-container{
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: inherit;
	text-decoration: none !important;
}
.timer-unit{
	display: block;
	height: 100%;
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	perspective: 200px;
	margin: 0 !important;
	overflow: visible !important;
	cursor: default !important;
}
.timer-unit div{
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: inherit;
	overflow: hidden;
	outline: 1px solid transparent;
}

.timer-unit .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;
}
.timer-unit .up:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 1px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}

.timer-unit .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;
}

.timer-unit .shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.timer-unit .inn,
.container_clock_units:not(:first-of-type) > div:first-of-type:before{
	text-shadow: 0 1px 2px #000;
}
.timer-unit .inn{
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	text-align: center;
	background-color:#323030;
	color: #ccc;
	border-radius: 6px;
}

.timer-unit .up .inn{
	top: 0;
}

.timer-unit .down .inn{
	bottom: 0;
}

.clock-before{
	z-index: 3;
}
.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;
}
.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;
}
.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;
}

.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;
}

.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;
}

.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;
}

.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 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; }
}

@-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); } 
}

@-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); } 
}

@-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; } 
}