@font-face {
    font-family: OpenSans;
    src: url('fonts/OpenSans-Regular.ttf');
}

html {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body {
  font-family: OpenSans;
  height:100%;
  width:100%;
  overflow:hidden;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

#page {
  visibility: hidden;
}

#container {
  visibility: visible;
  background-image: url('img/horovice_bgr.png');
  position: relative;
  width:1920px;
  height:1080px;
  margin: 0 auto;
}

#left {
  width: 1327px;
  height: 337px;
  float: left;
}

#right {
	text-align: center;
	vertical-align: middle;
	width:593px;
	height:337px;
	float: right;
}

#bottom {
	position:absolute;
	left:305px;
	top:449px;
	width:1300px;
	height:500px;
	clear:both;
}

#clock-wrap {
	height:185px;
	margin: 105 0 0 75;
	float:left;
}

#text {
	margin: 70 105 0 0;
	float:right;
}

#time{
	margin: 0 auto;
	color: #fff;
	font-size:100px;
}

#date {
	margin: 0 auto;
	color: #fff;
	font-size:28px;
}

.button {
  cursor: pointer;
  border: 3px solid #FFF;
  border-radius: 20px;
  text-align: center;
  margin: 10% auto;
  width: 49%;
  height: 60%;
  display: block;
  background: url("img/button-watermark.png"), -webkit-linear-gradient( 90deg, rgba(1,152,189,0.7), rgba(0,182,227,0.7) );
  -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.10);
}

.button span {
  display: block;
  margin: 18% 0;
  font-size: 4rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}

#success {
  display:none;
}

#not-available {
  width:1160px; 
  margin:106px auto;
  color:#FFFFFF;
  font-weight: 600;
  height:275px;
  box-shadow: -3px 0px 30px 0px rgba(50, 50, 50, 0.42);
  border: 5px solid;
  border-radius: 25px;
  line-height:275px;
  text-align:center;
  font-size:70px;
  display:none;
  background: -webkit-linear-gradient(#DF6D48, #BF4D28); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#DF6D48, #BF4D28); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#DF6D48, #BF4D28); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#DF6D48, #BF4D28); /* Standard syntax (must be last) */
}

/***********************
*  printable content   *
***********************/

#page {
  /*display:none;*/
  font-family: Calibri;
  text-align: center;
  vertical-align: middle;
  position: relative;
  width: 324px;
  height: 297px;
  margin: 0 auto;
}

#square {
  padding-top:11px;
  position:relative;
  top:16px;
  border-style:solid;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width:297px;
  height:189px;
  margin: 0 auto;
}

#under {
  margin: 6 auto;
  position:relative;
  top:27px;
  width:297px;
  height:54px;
}

#ord {
  margin: 0 auto;
  font-size:16pt;
}
#dev {
  margin: 0 auto;
  font-size:16pt;
}

#num {
  margin: 0 auto;
  font-size:80pt;
}

#tel {
  margin: 0 auto;
  font-size:16pt;
}

#tim {
  margin: 0 auto;
  font-size:15pt;
}
/*
@media screen {
	#page { display: none; }
}
  */
@media print {
	@page { margin: 0; }
    #container { display: none; }
    #page { display: block !important; }
}