@font-face {
    font-family: 'open_24_display_stregular';
    src: url('fonts/open_24_display_st-webfont.woff2') format('woff2'),
         url('fonts/open_24_display_st-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#date{
	color: #000;
	font-family: "open_24_display_stregular";
	font-size: 2em;
	padding: 0.5em;
	text-align: center;
}

#clock{
	display: table;
	position: relative;
	margin: 0 auto;
}

.unit{
	color: #000;
	font-family: "open_24_display_stregular";
	font-size: 5em;
	text-align: center;
	text-shadow: 0 2px 2px #666;
	margin-right: 10px;
	display:table-cell;
}

/*
#buttonAction
{
	display: flex;
 	align-items: center;
 	border: 2px solid #000;
	border-radius: 50%;
	width: 90px;
	height: 90px;
    margin: 10px auto 5px;
}
*/

.fa-w-14
{
	width: 55px;
	cursor: pointer;
	/*margin: 0 auto;*/
	color: #000;
}

#control
{
	text-align: center;
	margin: 4% 0;
}

#timerCountDown
{
	color: #000;
	font-family: "open_24_display_stregular";
	font-size: 2em;
	text-align: center;
	text-shadow: 0 2px 2px #666;
}


#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 9999;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 100;
}