@font-face {
  font-family: 'timerFont';
  src: url('/wp-content/plugins/lingo/font/DS-DIGIB.TTF'); /* IE9 Compat Modes */
}


.timer {
				position:relative;
				width:1em;
				height:1em;
				float: right;
				font-size:120px;
				font-family: 'timerFont'  , Fallback, sans-serif;
				color: blue;
  font-weight: bold;
	margin-top :-90px;
			}



			.timer > .percent {
				position: absolute;
				font-size: 0.5em;
				left:18px;
/*				top: 1.05em;
				left: 0;
				width: 3.33em;
				font-size: 0.3em;
				text-align:center;*/
			}
			.timer > #slice {
				position:absolute;
				width:1em;
				height:1em;
				clip:rect(0px,1em,1em,0.5em);
			}
			.timer > #slice.gt50 {
				clip:rect(auto, auto, auto, auto);
			}
			.timer > #slice > .pie {
				border: 0.1em solid #c0c0c0;
				position:absolute;
				width:0.8em; /* 1 - (2 * border width) */
				height:0.8em; /* 1 - (2 * border width) */
				clip:rect(0em,0.5em,1em,0em);
				-moz-border-radius:0.5em;
				-webkit-border-radius:0.5em; 
				border-radius:0.5em; 
			}
			.timer > #slice > .pie.fill {
				-moz-transform:rotate(180deg) !important;
				-webkit-transform:rotate(180deg) !important;
				-o-transform:rotate(180deg) !important;
				transform:rotate(180deg) !important;
			}
			.timer.fill > .percent {
				display: none;
			}
			.timer.fill > #slice > .pie {
				border: transparent;
				background-color: #c0c0c0;
				width:1em;
				height:1em;
			}

