@import url(../../libs/fonts/stylesheet.css);

.sly_hidden{
	display:none;
	visibility:hidden;
}
.sly_clearfix {
	clear:both;
}
.sly_fleft{
	float:left;
	padding-right:4px;
}
.sly_fright{
	float:right;
}

#slymetarefreshbox{
	margin:150px auto;
	text-align:center;
}
#slymetarefreshbox a{
	font-family:'pf_din_text_comp_promedium', sans-serif;
	font-size:60px;
	color:#ddd;
}
iframe#slyintermediate{
  overflow-x:hidden;
  overflow-Y:hidden;
  display: block; 
  position:absolute; 
  top:0px; 
  left:0px; 
  width: 100%; 
  height:100%; 
  border:none; 
  margin:0; 
  padding:0; 
  overflow:hidden; 
  z-index:999999;
}
#slydelayedbox{
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
	width:100%;
	height:auto;
	padding:20px;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,0.95);
}
#slyCountDownTimer {
	margin:0 auto;
	width:380px;
	height:100px;
}

#slydelayedheader{
	margin:0 auto 5px;
	font-family:'pf_din_text_comp_promedium', sans-serif;
	text-shadow:none;
	font-weight:300;
	font-size:24px;
	color:#fff;
}
#slydelayeddescription{
	margin:0 auto 5px;
	font-family:Arial, sans-serif;
	text-shadow:none;
	font-weight:300;
	font-size:16px;
	color:#fff;
}

@media screen 
	and (max-width: 320px) {
	#slydelayedbox{
		padding:10px 5px;
	}
	#slyCountDownTimer{
		width:310px;
		height:75px;
	}
	#slydelayedheader{
		font-size:18px;
	}
	#slydelayeddescription{
		font-size:12px;
	}
}
@media screen 
	and (max-width: 480px) 
	and (orientation: landscape){
	#slydelayedbox{
		padding:10px 5px;
	}
	#slyCountDownTimer{
		width:310px;
		height:75px;
	}
	#slydelayedheader{
		font-size:18px;
	}
	#slydelayeddescription{
		font-size:12px;
	}
}
/*
@media screen 
	and (width: 1366px){
	#slydelayedbox{
		padding:20px;
	}
	#slyCountDownTimer{
		width:380px;
		height:100px;
	}
	#slydelayedheader{
		font-size:24px;
	}
	#slydelayeddescription{
		font-size:16px;
	}
}
*/