.binary-clock-cont.thm-1
{
	overflow: hidden;
	position: relative;
	display: inline-block;
}
.binary-clock-cont.thm-1 span
{
	box-sizing: border-box;
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	
	-webkit-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.04);
	   -moz-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.04);
	        box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.04);
	
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	        transition: all 500ms;
}
.binary-clock-cont.thm-1 span.on
{
	background: #71acd4;
}
.binary-clock-cont.thm-1 span.item-s.on
{
	background: #df4d6c;
}
.binary-clock-cont.thm-1 span.item-h.on
{
	/*background: #777ce3;*/
}
.binary-clock-cont.thm-1 span.off
{
	background: #485a6e;
}
.binary-clock-cont.thm-1 span.lf
{
	clear: both;
	float: left;
}

.binary-clock-cont.thm-2
{
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #ededed;
	border-width: 0 1px 1px 0;
}
.binary-clock-cont.thm-2 span
{
	box-sizing: border-box;
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	border: 1px solid #ededed;
	border-width: 1px 0 0 1px;
	
	-webkit-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	   -moz-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	        box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.15), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	        transition: all 500ms;
}
.binary-clock-cont.thm-2 span.on
{
	background: #71acd4;
}
.binary-clock-cont.thm-2 span.item-s.on
{
	background: #df4d6c;
}
.binary-clock-cont.thm-2 span.item-h.on
{
	/*background: #777ce3;*/
}
.binary-clock-cont.thm-2 span.off
{
	background: #e7e0ef;
	/*background: #485a6e;*/
}
.binary-clock-cont.thm-2 span.lf
{
	clear: both;
	float: left;
}

.binary-clock-cont.thm-3
{
	position: relative;
	display: inline-block;
	border: 1px solid #ededfa;
	border-width: 0 1px 1px 0;
}
.binary-clock-cont.thm-3 span
{
	box-sizing: border-box;
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	border: 1px solid #ededed;
	border-width: 1px 0 0 1px;
	
	-webkit-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.13), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	   -moz-box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.13), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	        box-shadow: inset 0 0.3rem 0 rgba(0,0,0,0.13), inset -0.2rem 0 0 rgba(0,0,0,0.1);
	
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	        transition: all 500ms;
}
.binary-clock-cont.thm-3 span.on
{
	background: #dedef0;
}
.binary-clock-cont.thm-3 span.off
{
	background: #fafafa;
}
.binary-clock-cont.thm-3 span.lf
{
	clear: both;
	float: left;
}

.binary-clock-cont.thm-4
{
	position: relative;
	display: inline-block;
}
.binary-clock-cont.thm-4 span
{
	box-sizing: border-box;
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	margin: 1px;
	
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	        transition: all 500ms;
}
.binary-clock-cont.thm-4 span.on
{
	background: #dedef0;
}
.binary-clock-cont.thm-4 span.off
{
	background: trasnparent;
}
.binary-clock-cont.thm-4 span.lf
{
	clear: both;
	float: left;
}