.site-header {
	width:100%;
	background:#2285cc;
	background:#265d84;
	float:left;
}
.site-branding {
	position: relative;
	z-index: 1;
}
.custom_logo {
	text-indent:-9999px;
	width:200px;
	display:inline-block;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}
.site-header .main-navigation {
	width:auto;
	float:left;
}
.site-header .main-navigation ul#primary-menu>li>a {
	padding:0 35px 0;
	line-height:1.2;
	color:#fff;
}
.site-header .main-navigation ul.sub-menu {
	background:#1c565d;
	display:none;
	left:-999em;
}
.site-header .main-navigation ul.sub-menu li a {
	padding:5px;
	color:#fff;
	text-decoration:none;
}
.site-header .main-navigation ul#primary-menu>li>ul {
	color:#fff;
}
.site-header .main-navigation ul#primary-menu>li>ul>li {
	display:block;
}
.site-header .main-navigation ul#primary-menu>li>ul>li>ul {
	left:100%;
	width:230px;
}
.top_right {
	float:right;
	margin-top:35px;
}
.top_right .top_btn {
	background:white;
	padding:12px;
	color:#000;
	text-decoration:none;
}
.site-header .main-navigation ul#primary-menu>li.focus>ul {
	display:block;
	left:0;
}
.site-header .main-navigation ul.sub-menu li.focus ul.sub-menu {
	left:100%;
}
.menu-header-menu-container, .menu-main-menu-container {
	width:1180px;
	margin:0 auto;
}
button.sub-menu-toggle.sp-icon-plus {
	display:none;
}

@media only screen and (min-width:768px) and (max-width:1200px) {
	.top_right .top_btn {
		display:none;
	}
}

@media only screen and (min-width:1000px) {
	body .main-navigation ul {
		display:flex;
	}
	.site-header .main-navigation ul#primary-menu>li>ul {
		width:200px;
		padding:5px 0;
	}
	.site-header .main-navigation ul#primary-menu>li:hover>ul {
		left:0;
		display:block;
	}
	.site-header .main-navigation ul#primary-menu>li>ul>li:hover>ul,
	.site-header .main-navigation ul#primary-menu>li>ul>li>ul>li:hover>ul {
		left:100%;
		display:block;
	}
	.site-header .main-navigation ul#primary-menu>li {
		display:table;
	}
	.site-header .main-navigation ul#primary-menu>li>a {
		display:table-cell;
		vertical-align:middle;
		float:none;
		height:auto;
	}
}

@media only screen and (max-width:999px) {
	button.sub-menu-toggle.sp-icon-plus {
		display:block;
	}
	.menu-toggle {
		display:block;
	}
	.main-navigation ul.nav-menu {
		min-height:unset;
		height:auto;
		display:none;
		float:none;
		max-width:95vw;
		width:100%;
		background:#1c565d;
		position:relative;
		top:0;
		z-index:10;
		margin-left:0;
	}
	.menu-toggle, .main-navigation.toggled ul {
		display:block;
	}
	/* Mob head start */
	.site-branding {
		width:100% !important;
		float:none;
		display:flex;
		justify-content:center;
		padding:10px 0;
	}
	.custom_logo {
		height:100%;
		background-size:contain;
	}
	.top_right {
		display:none;
	}
	.menu-toggle {
		text-indent:-999em;
		background:url(../images/menu_icon.png) no-repeat;
		width:72px;
		height:54px;
		border:0;
		position:absolute;
		top:5px;
		right:10px;
		left:auto;
		padding:2px 4px;
		z-index:999999;
	}
	.site-header {
		position:relative;
	}
	.site-header .main-navigation {
		width:100%;
		background:#000;
	}
	.site-header .main-navigation ul#primary-menu>li>a {
		padding:10px 20px 10px 20px;
		line-height:1.2;
		min-height:auto;
	}
	.site-header .nav-menu > li {
		display:block;
		float:none;
		position:relative;
		text-align:left!important;
		max-width:100%;
		width:100%;
		margin:0 auto;
		padding:16px 0;
		min-height:55px;
	}
	ul#primary-menu>li>ul li.menu-item-has-children button{
		background-position:calc(100% - -9px) -5px;
		margin-right:20px;
	}
	ul#primary-menu>li.menu-item-has-children.focus>button{
		background:url(../images/hero-up.png) transparent no-repeat;
		background-position:calc(100% - -9px) -5px;
	}
	ul#primary-menu>li>ul>li.menu-item-has-children.focus>button{
		background:url(../images/hero-up.png) transparent no-repeat;
		background-position:calc(100% - -9px) -5px;
	}
	ul#primary-menu li.menu-item-has-children button{
		display:inline;
		float:right;
		border:none;
		background:url(../images/hero-down.png) transparent no-repeat;
		background-size:100%;
		background-position:calc(100% - -9px) -5px;
		width:35px;
		height:35px;
		text-align:center;
	}
	.site-header .main-navigation ul#primary-menu>li.focus>ul {
		display:block;
		left:0;
		width:100%;
		box-shadow:none;
	}
	.site-header .main-navigation ul.sub-menu li.focus ul.sub-menu {
		left:0;
		display:block;
		width:100%;
	}
	.site-header .main-navigation ul#primary-menu>li>ul>li {
		display:flow-root;
		width:100%;
		padding-left:25px;
		text-align:left;
	}
	.site-header .main-navigation ul#primary-menu>li>ul>li>ul {
		left:0;
		max-width:100%;
		width:100%;
		/* top:40px; */
		box-shadow:none;
		padding-inline-start:0px;
	}
	.site-header .main-navigation ul#primary-menu>li>ul>li>ul .menu-item {
		width:90%;
		text-align:left;
		padding-left:22px;
		display:inline-flex;
	}

	.site-header .main-navigation ul#primary-menu li.focus ul {
		position:relative;
		margin:8px 0;
	}
	.site-header .main-navigation ul#primary-menu li.focus ul li:last-child {
		margin:8px 0 0;
	}
	.site-header .main-navigation ul#primary-menu li>a {
		display:inline;
	}
	.site-header .main-navigation ul#primary-menu li>ul li {
		min-height:40px;
	}
}

/*----------------------------------------------------------------------*/

ul#primary-menuli {
	border-bottom:1px solid #ccc;
}
.site-header .main-navigation ul#primary-menuli,
.site-header .main-navigation ul#primary-menuli a {
	width:100%;
	float:left;
	height:auto;
}
.site-header .main-navigation ul#primary-menuli.focus>ul {
	display:block;
	left:0;
}
.sub-menu li.menu-item-has-children {
	padding-left:0;
}
.nav-menu a:focus,
.nav-menu a:hover,
.nav-menu .sub-menu .current-menu-item > a:focus,
.nav-menu .sub-menu .current-menu-item > a:hover {
	color:#b3b5b7 !important;
}
.nav-menu .sub-menu > li:hover > a {
	color:#b3b5b7;
}

.site-header nav.main-navigation ul.nav-menu li a {
	font-size:18px;
	font-style:normal;
	text-decoration:none;
}
.site-header nav.main-navigation ul.nav-menu .sub-menu li a {
	font-size:16px;
}
.site-header nav.main-navigation ul.nav-menu a:first {
	padding:0px 28.8px;
}
/* Site Header Start */
.site-header {
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99998;
}
.site-header .head_inner {
	float:none;
}
.site-header .head_inner .site_center {
	margin:0;
}
.custom_logo {
	display:inline-block;
	background-repeat:no-repeat;
}
.custom_logo > * {
	visibility:hidden;
}
.site-header .main-navigation {
	background-color:#1c565d;
	float: none;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

/* Logo sits on the left inside the nav bar */
.site-header .main-navigation .site-branding {
	flex-shrink: 0;
	padding: 8px 0;
}

.site-header .main-navigation .site-branding .custom-logo,
.site-header .main-navigation .site-branding img {
	display: block;
	width: auto;
}

/* Menu fills remaining space */
.site-header .main-navigation .menu-main-menu-container,
.site-header .main-navigation .menu-header-menu-container {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}
.site-header > .wrap {
	padding:0 !important;    
}
.site-header .nav-menu {
	min-height:60px;
	display:flex;
    align-items:stretch;
    justify-content:space-between;
    width:100%;
    margin:0 auto;
    padding:0;
}
.site-header .nav-menu > li {
	text-align:center;
}
.site-header .nav-menu > li > a:hover >span {
	color:#ff8300 !important;
}
.site-header .nav-menu > li:last-child {
	border:0;
}
.site-header .nav-menu > li > a {
	text-transform:capitalize;
	font-size:22px;
	color:#fff;
	padding:0px 28.8px;
	line-height:25px;
	width:100%;
	display:block;
}
.site-header .nav-menu > li > a:hover {
	color:#fff;
}
.site-header .nav-menu .sub-menu > li > a {
	color:#fff;
	border-bottom:none;
	width:auto;
	font-size:14px;
	padding:15px 10px 10px 10px;
	text-transform:capitalize;
}
.site-header .nav-menu .sub-menu {
	border-radius:0px;
	border:none;
}
.site-header .nav-menu .sub-menu > li:last-child > a {
	border:0; 
}
.site-header .nav-menu .sub-menu * {
	box-sizing:border-box;
}
.site-header .nav-menu .sub-menu .menu-item {
	width:100%;
	text-align:center;
}
.site-header .nav-menu li.menu-item span {
	position:relative;
	padding-left:5.5px;
}
nav#site-navigation li.menu-item a span {
	color:#fff;
}

input[type="radio"] {
	background-color:transparent;
}
.top_right {
	float:right;
	display:none;
}

@media only screen and (max-width:880px) {
	.std_width {
		width:100vw;
	}
	.site-branding {
		width:100%;
	}
	.menu-header-menu-container, .menu-main-menu-container {
		position:absolute;
		top:0;
		width:250px;
	}
	ul#primary-menu {
		padding-top:80px;
		left:0px;
	}
	.menu-toggle {
		z-index:999999;
	}
	.toggled .menu-toggle{
		background:url(../images/menu_icon_on.png) no-repeat;
	}
	
	.site-header .main-navigation {
		background-color:#1c565d;
		box-shadow: none;
		padding:0 0;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	
}
/* Site Header End */

/* ============================================================
   Click-toggle dropdown — replaces hover-based sub-menu logic
   ============================================================ */

/* Arrow indicator on parent links */
.site-header .nav-menu li.menu-item-has-children > a .sw-arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid rgba(255,255,255,0.7);
	margin-left: 7px;
	vertical-align: middle;
	transition: transform 0.25s ease;
	position: relative;
	top: -1px;
}

.site-header .nav-menu li.menu-item-has-children.open > a .sw-arrow {
	transform: rotate(180deg);
}

/* Sub-menu: hidden by default (overrides hover rules) */
.site-header .main-navigation ul#primary-menu > li > ul,
.site-header .main-navigation ul.sub-menu {
	display: none !important;
	left: -999em;
	position: absolute;
	background: #1c565d;
	min-width: 200px;
	padding: 5px 0;
	z-index: 9999;
}

/* Open state — single press */
.site-header .main-navigation ul#primary-menu > li.open > ul {
	display: block !important;
	left: 0;
}

/* Nested sub-menus open inline on desktop */
@media only screen and (min-width: 1000px) {
	.site-header .main-navigation ul#primary-menu > li > ul > li.open > ul {
		display: block !important;
		left: 100%;
		top: 0;
		position: absolute;
	}
}

/* Mobile: sub-menus stack inline */
@media only screen and (max-width: 999px) {
	.site-header .main-navigation ul#primary-menu > li.open > ul {
		position: relative;
		left: 0;
		width: 100%;
		box-shadow: none;
	}

	.site-header .main-navigation ul#primary-menu > li > ul > li.open > ul {
		display: block !important;
		position: relative;
		left: 0;
		width: 100%;
	}
}

/* Remove old hover-open rules */
@media only screen and (min-width: 1000px) {
	.site-header .main-navigation ul#primary-menu > li:hover > ul,
	.site-header .main-navigation ul#primary-menu > li > ul > li:hover > ul,
	.site-header .main-navigation ul#primary-menu > li > ul > li > ul > li:hover > ul {
		display: none !important;
	}

	.site-header .main-navigation ul#primary-menu > li.open > ul {
		display: block !important;
		left: 0;
	}
}

/* Disable the old .focus-based open logic */
.site-header .main-navigation ul#primary-menu > li.focus > ul {
	display: none !important;
}

.site-header .main-navigation ul#primary-menu > li.open > ul {
	display: block !important;
	left: 0 !important;
}

/* Push page content below the fixed nav bar */
.site-content {
	padding-top: 60px;
}

@media only screen and (max-width: 999px) {
	.site-content {
		padding-top: 65px;
	}
}

/* ============================================================
   WordPress Admin Bar — offset fixed header when logged in
   ============================================================ */

/* Desktop admin bar is 32px */
.admin-bar .site-header {
	top: 32px;
}

/* Mobile admin bar collapses to 46px */
@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

/* WordPress hides the admin bar below 600px — reset */
@media screen and (max-width: 600px) {
	.admin-bar .site-header {
		top: 0;
	}
}
