@charset "utf-8";
/* CSS Document */
@font-face {
 font-family:'OpenSans-Regular_0';
*font-family:'OpenSans-Regular_0';
 src: url('OpenSans-Regular_0.eot');
 src: url('OpenSans-Regular_0.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular_0.woff') format('woff'), url('OpenSans-Regular_0.ttf') format('truetype'), url('OpenSans-Regular_0.otf') format('opentypefont'), url('OpenSans-Regular_0.svg#OpenSans-Regular_0') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Defaul tNav   ----------------------------------------------------*/nav #comboNav {
	display: block;
}
nav #nav {
	display: block;
	width:100%;
}






/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* TABLET WRAPPER ----------------------------------------------------*/



    
.main_wrapper {
 width:738px;
 margin:0 auto;
 padding:0 11px;
}

.banner_wrapper {
	width:758px;
	margin:0 auto;
	position:relative;
	z-index:0;
}
.navigation {
	width:100%;
	padding:0px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	float:left;
	margin:0 0 15px 0;
}

.innerbanner_wrapper {
	width:714px;
	margin:0 auto;
	position:relative;
	z-index:0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background:#fff;
	padding:12px;
}
 
 
.nav-item a {
	display:block ;
	color:#feff01 ;
	padding:0px 7px !important;
	font-size:12px !important;
	margin:0px 0 ;
	font-family: 'Open Sans', sans-serif ;
	line-height:20px ;
	text-transform:uppercase ;
	
	} 
 
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {

  /* MOBILE GENERAL ----------------------------------------------------*/
  

.main_wrapper {
 width:294px;
 padding:0 11px;
 margin:0 auto;
}

.banner_wrapper {
	width:294px;
	margin:0 auto;
	position:relative;
	z-index:0;
}
.navigation {
	width:100%;
	padding:0px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	float:left;
	margin:0 0 15px 0;
}
 .mid_left {
 width:100%;
 float:left;
}
 .mid_right {
 width:100%;
 float:right;
 position: relative;
 z-index:0;
}

.mid_telbox{
width:100%;
float:left;
margin: 0 0 20px 0;
}

.video {
	width:100%;
	float:right;
}

.hed_right {
	width:290px;
	float:right;
	font-size:12px;
	margin:16px 0 ;
}

.clock_bx {
	line-height:17px;
	width:100%;
	float:right;
	margin:0 0 12px 0;
	font-size:12px;
	color:#fff20d;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background:url(../images/clock_bg.png) repeat;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	padding:5px 0;
}


.copy_box{
width:100%;
float:left;
margin:0 2% 0 0;
line-height:27px;
text-align:center;
}

.evr_time{
width:100%;
float:left;
background:url(../images/clock_bg.png);
line-height:50px;
font-size:14px;
color:#feff01;
text-align:center;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
text-align:center;
}

.foot_rgtlogo{
width:100%;
float:right;
text-align:center;
margin:10px 0 0 0;
}

 .logo {
 width:100%;
 float:left;
 margin:5px 0 2px 0;
 text-align:center;
}
 .logo img {
width:198px;
}

.innerbanner_wrapper {
	width:274px;
	margin:0 auto;
	position:relative;
	z-index:0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background:#fff;
	padding:10px;
}

.inner_midleft {
	width:100%;
	float:left;
	margin:0 0 20px 0;
}
.inner_midright {
	width:100%;
	float:right;
}

.menu {
	width:91%;
	margin:0 0 20px 0;
	background:#d6d6d6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:4% 4.5%;
}

.innprod_box1 {
	width:206px;
	float:none;
	margin:0 auto;
	padding:0 0 20px 0;
}

}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* WIDE MOBLE GENERAL ----------------------------------------------------*/
  
  

  
.main_wrapper {
 width:448px;
 padding:0 11px;
 margin:0 auto;
}

.banner_wrapper {
	width:460px;
	margin:0 auto;
	position:relative;
	z-index:0;
}
.navigation {
	width:100%;
	padding:0px 0 0 0;
	font-family: 'Open Sans', sans-serif;
	float:left;
	margin:0 0 15px 0;
}
 .logo {
 width:100%;
 float:left;
 margin:5px 0 2px 0;
 text-align:center;
}
 .logo img {
width:198px;
}

.hed_right {
	width:290px;
	float:right;
	font-size:12px;
	margin:16px 17.5%;
}

.clock_bx {
	line-height:17px;
	width:195px;
	float:right;
	margin:0 0 12px 0;
	font-size:12px;
	color:#fff20d;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background:url(../images/clock_bg.png) repeat;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	padding:5px 16%;
}

.innerbanner_wrapper {
	width:428px;
	margin:0 auto;
	position:relative;
	z-index:0;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background:#fff;
	padding:10px;
}
 
}