.digitalClock {
	margin-right: 5px;
	width: 136px;
	float: right;
	text-align: center;
}

.digits div span {
	background-color: #009387;
	border-color: #009387;
}

.digits div.dots:before, .digits div.dots:after {
	background-color: #009387;
}

.digits div {
	text-align: left;
	position: relative;
	width: 14px;
	height: 18px;
	display: inline-block; 
	margin: 0 0px;
}

.digits div span {
	opacity: 0;
	position: absolute;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}

.digits div span:before, .digits div span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 3px solid transparent;
}

.digits .d1 {
	height: 3px;
	width: 8px;
	top: 0;
	left: 3px;
}

.digits .d1:before {
	border-width: 0 3px 3px 0;
	border-right-color: inherit;
	left: -3px;
}

.digits .d1:after {
	border-width: 0 0 3px 3px;
	border-left-color: inherit;
	right: -3px;
}

.digits .d2 {
	height: 3px;
	width: 8px;
	top: 12px;
	left: 3px;
}

.digits .d2:before {
	border-width: 1px 2px 1px;
	border-right-color: inherit;
	left: -4px;
}

.digits .d2:after {
	border-width: 1px 2px 1px;
	border-left-color: inherit;
	right: -4px;
}

.digits .d3 {
	height: 3px;
	width: 8px;
	top: 24px;
	left: 3px;
}

.digits .d3:before {
	border-width: 3px 3px 0 0;
	border-right-color: inherit;
	left: -3px;
}

.digits .d3:after {
	border-width: 3px 0 0 3px;
	border-left-color: inherit;
	right: -3px;
}

.digits .d4 {
	width: 3px;
	height: 7px;
	top: 4px;
	left: 0;
}

.digits .d4:before {
	border-width: 0 3px 3px 0;
	border-bottom-color: inherit;
	top: -3px;
}

.digits .d4:after {
	border-width: 0 0 3px 3px;
	border-left-color: inherit;
	bottom: -3px;
}

.digits .d5 {
	width: 3px;
	height: 7px;
	top: 4px;
	right: 0;
}

.digits .d5:before {
	border-width: 0 0 3px 3px;
	border-bottom-color: inherit;
	top: -3px;
}

.digits .d5:after {
	border-width: 3px 0 0 3px;
	border-top-color: inherit;
	bottom: -3px;
}

.digits .d6 {
	width: 3px;
	height: 7px;
	top: 16px;
	left: 0;
}

.digits .d6:before {
	border-width: 0 3px 3px 0;
	border-bottom-color: inherit;
	top: -3px;
}

.digits .d6:after {
	border-width: 0 0 3px 3px;
	border-left-color: inherit;
	bottom: -3px;
}

.digits .d7 {
	width: 3px;
	height: 7px;
	top: 16px;
	right: 0;
}

.digits .d7:before {
	border-width: 0 0 3px 3px;
	border-bottom-color: inherit;
	top: -3px;
}

.digits .d7:after {
	border-width: 3px 0 0 3px;
	border-top-color: inherit;
	bottom: -3px;
}

/* 1 */
.digits div.one .d5, .digits div.one .d7 {
	opacity: 1;
}

/* 2 */
.digits div.two .d1, .digits div.two .d5, .digits div.two .d2, .digits div.two .d6,
	.digits div.two .d3 {
	opacity: 1;
}

/* 3 */
.digits div.three .d1, .digits div.three .d5, .digits div.three .d2,
	.digits div.three .d7, .digits div.three .d3 {
	opacity: 1;
}

/* 4 */
.digits div.four .d5, .digits div.four .d2, .digits div.four .d4,
	.digits div.four .d7 {
	opacity: 1;
}

/* 5 */
.digits div.five .d1, .digits div.five .d2, .digits div.five .d4,
	.digits div.five .d3, .digits div.five .d7 {
	opacity: 1;
}

/* 6 */
.digits div.six .d1, .digits div.six .d2, .digits div.six .d4, .digits div.six .d3,
	.digits div.six .d6, .digits div.six .d7 {
	opacity: 1;
}

/* 7 */
.digits div.seven .d1, .digits div.seven .d5, .digits div.seven .d7 {
	opacity: 1;
}

/* 8 */
.digits div.eight .d1, .digits div.eight .d2, .digits div.eight .d3,
	.digits div.eight .d4, .digits div.eight .d5, .digits div.eight .d6,
	.digits div.eight .d7 {
	opacity: 1;
}

/* 9 */
.digits div.nine .d1, .digits div.nine .d2, .digits div.nine .d3,
	.digits div.nine .d4, .digits div.nine .d5, .digits div.nine .d7 {
	opacity: 1;
}

/* 0 */
.digits div.zero .d1, .digits div.zero .d3, .digits div.zero .d4,
	.digits div.zero .d5, .digits div.zero .d6, .digits div.zero .d7 {
	opacity: 1;
}

/* The dots */
.digits div.dots {
	width: 3px;
}

.digits div.dots:before, .digits div.dots:after {
	width: 3px;
	height: 3px;
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
}

.digits div.dots:after {
	top: 17px;
}