.header {width: 100%; z-index:1;}
.header h1 {z-index: 20;}


.multi-menu li {
	display:inline-block;
	float: left;
}

.multi-menu li a {
	display:block;
	min-width:140px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	font-family: 'ArialRoundedMTBold';
	padding: 0 25px;
	font-size: 12px;
	text-transform:uppercase;
	position: relative;
	z-index: 10;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	height: 41px;
}
.ie9 .multi-menu li a {min-width: 118px;}
.multi-menu li a.selected, .multi-menu li a:hover {
	color: #FB9418;
	background:#fff;
}

/*** wide menu ***/
.header .subNav {
	width: 100%;
    background: rgba(255, 255, 255,1); 
   	margin-top: 28px;
	padding-top: 3px;
	margin:0;
	padding:0;
	-moz-box-shadow: 0 0 3px #a8a8a8;
	-webkit-box-shadow: 0 0 3px #a8a8a8;
	box-shadow: 0 0 3px #a8a8a8;
}

.header .subNav ul {float: right; display: table;}
.header .subNav li {
	display: table-cell;
	margin: 0 10px;
}
.header .subNav li a {
	width: auto;
	min-width: 100px;
	color: #000;
    border-radius: 8px !important;
    height: auto;
    line-height: 26px;
    margin: 8px;
    padding: 0 10px;
    text-transform: lowercase;
    z-index: 5;
	color: #3F3F3F;
	text-decoration: none;
}
.header .subNav li a:hover, .header .subNav li a.active {background: #fb9418; color: #fff;}

/*Style 'show menu' label button and hide it by default*/
.multi-menu .show-menu {
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
	float: right;
	background: url(../images/menu-ico.png) top right no-repeat;
	width: 100%;
	height: 33px;
	
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

.subMenu {
	margin-top: 18px;
	z-index: 1000;
	float: right;
}

.subNavBtn {
	display: block;
	height: 35px;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 2% 0 2%;
	text-align: center;
	color: #fff;
}


.sub-logo {visibility: hidden; opacity: 0; float: left; padding-top: 10px;}
.sticky-wrapper.is-sticky .sub-logo {visibility:visible; opacity: 1;}
.sticky-wrapper.is-sticky .subNav{background: rgba(255, 255, 255, 0.9);	z-index: 1000;}


/*Responsive Styles*/
@media screen and (max-width : 780px){
	.sub-logo {display: none;}
	.multi-menu, .multi-menu ul {width: 100%;}
	.multi-menu ul {
		position: relative;
		display: none;
		height: auto;
		background: #555;
		margin-top: 0;
	}
	.multi-menu li {
		border-bottom: 1px solid #333;
		display: block;
		float: none;
	}
	.multi-menu li:last-child {border-bottom: none;}
	.multi-menu li a {
		background: #555;
		width: 100%;
		border-radius: 0!important;
		border-right: none!important;
		border-left: none!important;
		float: none;
		height: auto;
		line-height: 32px;
	}
	.multi-menu .show-menu {
		display:block;
		margin: 6px 10px;
	}
	.multi-menu {position: absolute; right: 0;}
	.header .subNav ul {float: none;}
	.header .subNav li {display: inline; margin: 0;}
	.header .subNav li a {margin: 5px 1px; min-width: 10px;}
}

@media screen and (min-width : 781px) and (max-width: 991px) {
	.multi-menu li a {min-width: 80px; font-size: 11px; padding: 0 10px;}
}

@media screen and (max-width : 480px) {
	.multi-menu .show-menu {margin: 0 10px;}
}
