/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Mega Menu Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

#DesktopHeaderWrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}
#MobileHeaderWrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: none;
}

#MainNavWrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #0085ce;
	text-align: right;
	position: relative;
}

#MainNavLogoWrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

#HeadingLogo {
	width: 380px;
	height: 220px;
}

.MainNav {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	text-align: right !important;
	display: inline-block;
}

#mega-menu-wrap-header-menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin: auto;
	display: inline-block;
  	width: auto;
}

ul#mega-menu-header-menu {
	text-align: right !important;
	background: #0085ce !important;
    max-width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

li.mega-menu-item {
	border-left: 2px solid #ffffff !important;
	background: #0085ce !important;
	display: inline-block !important;
	text-align: right !important;
}

li.mega-menu-item:first-of-type  {

}
li.mega-menu-item:last-of-type  {

}

li.mega-menu-item a {
	display:inline-block;
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	padding: 0px 20px 0px 20px !important; 
	color: #ffffff !important;
	-webkit-transform:scale(1.2,1); /* Safari and Chrome */
	-moz-transform:scale(1.2,1); /* Firefox */
	-ms-transform:scale(1.2,1); /* IE 9 */
	-o-transform:scale(1.2,1); /* Opera */
	transform:scale(1.2,1); /* W3C */
}


li.mega-menu-item a:hover {
	color: #0085ce !important;
	background: #ffbb1b !important;
	text-shadow: none;
}

li.mega-current-menu-item > a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af8d1c+0,af8d1c+0,d0ad20+24,ffdc7f+50,d0ad20+75,af8d1c+98 */
	background: #ffffff !important; /* Old browsers */
	color: #0085ce !important;
}

.fa-home {
	font-size: 24px;
	-webkit-transform:scale(1,1); !important; /* Safari and Chrome */
	-moz-transform:scale(1,1); !important; /* Firefox */
	-ms-transform:scale(1,1); !important; /* IE 9 */
	-o-transform:scale(1,1); !important; /* Opera */
	transform:scale(1,1); !important; /* W3C */
}

li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: #000000 !important;
	background: #ffffff !important;
	text-shadow: none;
}

ul.mega-sub-menu {
	border-top: 1px solid #ffffff !important;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4) !important;
	outline: 1px solid #ffffff !important;
	background: #ffbb1b !important;
	display: inline-block !important;
	width: auto !important;
}

ul.mega-sub-menu li {
	border-left: none !important;
	border-right: none !important;
	display: block !important;
}



ul.mega-sub-menu li a {
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
	letter-spacing: 1px;
	padding: 5px 10px 5px 10px !important;
	color: white !important;
	white-space: nowrap !important;
	background: #ffbb1b !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
	border-bottom: 1px solid white !important;
}


@media screen and (max-width: 1280px) {
	
	.MainNav {
		width: 500px;
	}

	li.mega-menu-item:nth-of-type(1), li.mega-menu-item:nth-of-type(2), li.mega-menu-item:nth-of-type(3) {
		border-bottom: 2px solid #ffffff !important;
	}
	
	li.mega-menu-item:nth-of-type(3) {
		border-right: 2px solid #ffffff !important;
	}
}

@media screen and (max-width: 1120px) {
	
	.MainNav {
		margin-right: 30px !important
	}
}

@media screen and (max-width: 825px) {

	#HeadingLogo {
		width: 330px;
		height: 185px;
	}
}
	
@media screen and (max-width: 767px) {

	#MobileHeaderWrapper {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		background: #0085ce;
		border-bottom: 2px solid white;
	}
	
	#MobileHeaderTable {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0px;
		border: 0;
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display: table;
	}
	
	#MobileHeaderTR {
		border: 0;
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display: table-row;
	}
	
	#MobileHeaderTD {
		border: 0;
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display: table-cell;
		vertical-align: middle;
	}

	.ShiftNavWrapper {
		width: 60px !important;
		padding: 5px 5px 5px 5px;
	}
	
	.MoblieHeadingLogoWrapper {
		text-align: left
	}

	#MobileHeadingLogo {
		height: 110px;
		width: auto;
		margin: 4px 0px 2px 20px;
	}

	#DesktopHeaderWrapper {
		display: none;
	}

	#MainNavWrapper {
		display: none;
	}

	#HeadingLogo {
		width: 330px;
		height: 185px;
	}
	
	#MobileMenuContainer {
		display: table-cell;
		vertical-align: middle !important;
	}
}



/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Shift Nav Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

.shiftnav-loading {
	display: none !important;
}

a.shiftnav-toggle-button {
	background-color: none !important;
	background: none !important;
	padding: 0px !important;
	margin: 0px 0px 0px 10px !important;
	font-size: 40px;
	color: #ffffff !important;
}

a.shiftnav-toggle-button:hover {
	color: #ffbb1b !important;
}

.shiftnav-inner >  ul, .shiftnav-inner >  ul > li {
	display: block !important;
}

.shiftnav-inner >  ul > li:first-of-type {
	margin-top: 40px  !important;
	border-top: 2px solid white !important;
}

.shiftnav-inner {
	background: #000000 !important;
	padding-bottom: 50px;
}

#shiftnav-main {
	background: #000000 !important;
	background-size: contain;
	background-repeat: repeat-y;
}


#shiftnav-toggle-main {
	background-color: none !important;
	padding: 0px !important;
	margin: 0px !important;
	height: 80px !important;
}

.shiftnav-main-toggle-content, .shiftnav-toggle-main-block {
	padding: 0px !important;
	margin: 0px 0px 0px 0px;
}

.shiftnav-toggle {
	color: fffff !important;
}

.shiftnav-toggle:hover, .shiftnav-toggle:active {
	color: #ffbb1b !important;
	background-color: none !important;
	background: none !important;
}

.shiftnav-panel-close  {
	color: #ffffff !important;
	z-index: 2000 !important;
	background-color: none !important;
	background: none !important;
	font-size: 30px !important;
	margin-top: -17px  !important;
}

button.shiftnav-panel-close:hover, button.shiftnav-panel-close:active {
	color: #ffbb1b !important;
	text-shadow: none;  
}

.shiftnav {
	border-right: 1px solid white !important;
	border-left: 0px !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+26,e9d4b3+53,c19e67+72,e9d4b3+100 */
}

.shiftnav li {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	background: #000000 !important;
	border-bottom: 2px solid white !important;
	line-height: 1.3 !important;
	letter-spacing: 0px;
	font-size: 16px !important;
/* 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
 */
	
}

.shiftnav li, .shiftnav li a {
	color: white !important;
}

.shiftnav li:active, .shiftnav li:hover, .shiftnav li a:active, .shiftnav li a:hover {
	background-color: #0085ce !important;
	/* color: #36b4e5 !important; */
	color: #ffbb1b !important;
}

.shiftnav li.current-menu-item, .shiftnav li.current-menu-item a {
	background-color: #ffbb1b !important;
	color: #000000 !important;
    text-shadow: none;
}

.shiftnav li.current-menu-item a:hover, .shiftnav li.current-menu-item a:active {
	background-color: #ffbb1b !important;
	color: #000000 !important;
    text-shadow: none;
}