/*

 * Stellarnav.js 2.5.0

 * Responsive, lightweight, multi-level dropdown menu.

 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com

 * Released under the MIT license

 */

/*! Google Fonts !*/

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Patua+One&display=swap");



/* all nav */

.stellarnav {

	position: relative;

	width: auto;

	z-index: 999;

	line-height: normal;

}



.stellarnav a {

	color: var(--black);

}



.stellarnav ul {

	margin: 0;

	padding: 0;

	text-align: center;

	display: flex;

	justify-content: center;

}



.stellarnav ul li {

	list-style: none;

	display: block;

	margin: 0rem;

	padding: 0;

	position: relative;

	line-height: normal;

	vertical-align: middle;

}



.stellarnav ul li+li {

	margin-left: 2.5rem;

}



.stellarnav ul li a {

	padding: 2rem 0.25rem;

	display: block;

	text-decoration: none;



	/* Body text */

	color: var(--Black, #000);

	font-family: "Manrope", sans-serif;

	font-size: 1rem;

	font-style: normal;

	font-weight: 400;

	line-height: 1.5rem;

	/* 150% */



	box-sizing: border-box;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;



	border-radius: 0;

}



.stellarnav ul li a:hover,

.stellarnav ul li.current-menu-item a {

	color: #a73e2e;

}



.stellarnav ul li.current-menu-item a::before {

	width: 100%;

}



.stellarnav ul li a:hover::before {

	width: 100%;

}



.stellarnav ul ul li a {

	color: var(--Brand-Blue, #191F3B);

	padding: 12px;

}



/* main level */

.stellarnav ul li {

	display: inline-block;

	margin: 0;

}



.stellarnav ul>li+li {

	margin-left: 0;

}



.stellarnav ul li>a {

	position: relative;

}



/* first level dd */

.stellarnav ul ul {

	top: auto;

	width: 13.8125rem;

	position: absolute;

	z-index: 9900;

	text-align: left;

	display: none;

	background: #fff;

	border-radius: 0px;

	box-shadow: -4px 0px 6px 0px rgba(169, 169, 169, 0.25), 4px 4px 6px 0px rgba(169, 169, 169, 0.25);

	/* box-shadow: 0px 0 10px 2px #ccc; */

	/* border-bottom: 0.5px solid #A0A0A0; */

}



.stellarnav ul ul li {

	display: block;

	text-align: left;

}



.stellarnav ul ul li+li {

	border-top: none;

	margin: 0;

	display: block;

}



.stellarnav ul ul li a {

	display: block;

	font-weight: 400;

}



.stellarnav ul ul li a:hover {

	background: #8f8f8f;

	color: var(--White, #FFF);

}



.stellarnav ul ul>li a {

	padding: 1.2188rem 1rem;

}



.stellarnav ul ul>li {

	position: relative;



}



.stellarnav ul ul>li a:hover::before {

	opacity: 1;

}



.stellarnav ul ul>li a:hover {

	opacity: 1;

}



/* second level dd */

.stellarnav ul ul ul {

	top: 0;

	/* dd animtion - change to auto to remove */

	left: 13.75rem;

}



.stellarnav>ul>li:hover>ul>li:hover>ul {

	opacity: 1;

	visibility: visible;

	top: 0;

}



/* .drop-left */

.stellarnav>ul>li.drop-left>ul {

	right: 0;

}



.stellarnav li.drop-left ul ul {

	left: auto;

	right: 13.75rem;

}



/* light theme */

.stellarnav.light {

	background: rgba(255, 255, 255, 1);

}



.stellarnav.light a {

	color: #000;

}



.stellarnav.light ul ul {

	background: rgba(255, 255, 255, 1);

}



.stellarnav.light li a {

	color: #000;

}



/* dark theme */

.stellarnav.dark {

	background: rgba(0, 0, 0, 1);

}



.stellarnav.dark a {

	color: #FFF;

}



.stellarnav.dark ul ul {

	background: rgba(0, 0, 0, 1);

}



.stellarnav.dark li a {

	color: #FFF;

}



/* sticky nav */

.stellarnav.fixed {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}



/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/

body.stellarnav-noscroll-x {

	overflow-x: hidden;

}



/* general styling */

/* general styling */

.stellarnav li.has-sub>a:after {

	display: inline-block;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	font: var(--fa-font-solid);

	content: "\f107";

	vertical-align: middle;

	margin-left: 0.375rem;

	/* margin-top: -0.1rem; */

	/* background: url(../images/arrow-down-submenu.png); */

	/* width: 1.125rem; */

	/* height: 1.125rem; */

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	font-family: 0.875rem;

}



.stellarnav li li.has-sub>a:after {

	/* content: "\f105"; */

	margin-left: .625rem;

	float: right;

	position: relative;

	top: .25rem;

}



.stellarnav li.drop-left li.has-sub>a:after {

	float: left;

	margin-right: .625rem;

	border-left: 0;

	border-top: .375rem solid transparent;

	border-bottom: .375rem solid transparent;

	border-right: .375rem solid #4eb748;

}



.stellarnav.hide-arrows li.has-sub>a:after,

.stellarnav.hide-arrows li li.has-sub>a:after,

.stellarnav.hide-arrows li.drop-left li.has-sub>a:after {

	display: none;

}



.stellarnav .menu-toggle,

.stellarnav .close-menu,

.stellarnav .call-btn-mobile,

.stellarnav .location-btn-mobile {

	display: none;

	text-transform: uppercase;

	text-decoration: none;



}



.stellarnav .dd-toggle {

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	padding: 0;

	width: 3rem;

	height: 3rem;

	text-align: center;

	z-index: 9999;

	border: 0;

}



.stellarnav.desktop li.has-sub a {

	padding-right: .625rem;

}



.stellarnav.desktop.hide-arrows li.has-sub a {

	padding-right: .9375rem;

}



.stellarnav.mobile>ul>li>a.dd-toggle {

	padding: 0;

	text-align: center;

}



.stellarnav li.call-btn-mobile,

.stellarnav li.location-btn-mobile {

	display: none;

}



/* svg icons */

.stellarnav svg {

	fill: currentColor;

	width: 1em;

	height: 1em;

	position: relative;

	top: .125rem;

}



/* svg icons */



.stellarnav a.dd-toggle .icon-plus {

	box-sizing: border-box;

	transition: transform 0.3s;

	width: .75rem;

	height: 100%;

	position: relative;

	vertical-align: middle;

	display: inline-block;

}



.stellarnav a.dd-toggle .icon-plus:before {

	content: '';

	display: block;

	width: .75rem;

	height: 0rem;

	border-bottom: solid .1875rem #000;

	position: absolute;

	top: 50%;

	transform: rotate(90deg);

	transition: width 0.3s;

}



.stellarnav a.dd-toggle .icon-plus:after {

	content: '';

	display: block;

	width: .75rem;

	height: 0rem;

	top: 50%;

	border-bottom: solid .1875rem #000;

	position: absolute;

}



.stellarnav li.open>a.dd-toggle .icon-plus {

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	transform: rotate(135deg);

}



.stellarnav.light a.dd-toggle .icon-plus:before {

	border-color: #000;

}



.stellarnav.light a.dd-toggle .icon-plus:after {

	border-color: #000;

}



.stellarnav.dark a.dd-toggle .icon-plus:before {

	border-color: #FFF;

}



.stellarnav.dark a.dd-toggle .icon-plus:after {

	border-color: #FFF;

}



.stellarnav .icon-close {

	box-sizing: border-box;

	width: .75rem;

	height: .75rem;

	position: relative;

	display: inline-block;

}



.stellarnav .icon-close:before {

	content: '';

	display: block;

	width: .75rem;

	height: 0rem;

	border-bottom: solid .1875rem #000;

	position: absolute;

	top: 50%;

	transform: rotate(45deg);

}



.stellarnav .icon-close:after {

	content: '';

	display: block;

	width: .75rem;

	height: 0rem;

	top: 50%;

	border-bottom: solid .1875rem #000;

	position: absolute;

	transform: rotate(-45deg);

}



.stellarnav.light .icon-close:before {

	border-color: #000;

}



.stellarnav.light .icon-close:after {

	border-color: #000;

}



.stellarnav.dark .icon-close:before {

	border-color: #FFF;

}



.stellarnav.dark .icon-close:after {

	border-color: #FFF;

}



/* mobile nav */

.stellarnav .menu-toggle,

.stellarnav .call-btn-mobile,

.stellarnav .location-btn-mobile,

.stellarnav .close-menu {

	padding: .9375rem;

	box-sizing: border-box;

}



.stellarnav .menu-toggle {

	background: #f4a261;

}



.stellarnav .menu-toggle span.bars {

	display: inline-flex;

	margin-right: 0;

	position: relative;

	/* top: .1875rem; */

	width: 20px;

	flex-direction: column;

	align-items: flex-end;

}



.stellarnav .menu-toggle span.bars span {

	display: block;

	width: 1.6375rem;

	height: 2px;

	border-radius: 0.375rem;

	background: #fff;

	margin: 0 0 0.3125rem;

	justify-content: flex-end;

}



.stellarnav .menu-toggle span.bars span:nth-of-type(1) {

	width: calc(100% - 4px);

}



.stellarnav .menu-toggle span.bars span:nth-of-type(2) {

	width: calc(100%);

}



.stellarnav .menu-toggle span.bars span:nth-of-type(3) {

	width: calc(100% - 10px);

}



.stellarnav .menu-toggle span.bars span:last-child {

	margin: 0px;

}



.stellarnav .full {

	width: 100%;

}



.stellarnav .half {

	width: 50%;

}



.stellarnav .third {

	width: 33%;

	text-align: center;

}



.stellarnav .location-btn-mobile.third {

	text-align: center;

}



.stellarnav .location-btn-mobile.half {

	text-align: right;

}



.stellarnav.light .third,

.stellarnav.light .half {

	border-left: .0625rem solid rgba(0, 0, 0, .15);

}



.stellarnav.light.left .third,

.stellarnav.light.left .half {

	border-bottom: .0625rem solid rgba(0, 0, 0, .15);

}



.stellarnav.light.right .third,

.stellarnav.light.right .half {

	border-bottom: .0625rem solid rgba(0, 0, 0, .15);

}



.stellarnav.light .third:first-child,

.stellarnav.light .half:first-child {

	border-left: 0;

}



.stellarnav.dark .third,

.stellarnav.dark .half {

	border-left: .0625rem solid rgba(255, 255, 255, .15);

}



.stellarnav.dark.left .third,

.stellarnav.dark.left .half {

	border-bottom: .0625rem solid rgba(255, 255, 255, .15);

}



.stellarnav.dark.right .third,

.stellarnav.dark.right .half {

	border-bottom: .0625rem solid rgba(255, 255, 255, .15);

}



.stellarnav.light.left .menu-toggle,

.stellarnav.light.right .menu-toggle {

	border-bottom: 0;

}



.stellarnav.dark.left .menu-toggle,

.stellarnav.dark.right .menu-toggle {

	border-bottom: 0;

}



.stellarnav.dark .third:first-child,

.stellarnav.dark .half:first-child {

	border-left: 0;

}



.stellarnav.light .menu-toggle span.bars span {

	background: #000;

}



.stellarnav.dark .menu-toggle span.bars span {

	background: #FFF;

}



.stellarnav.mobile {

	position: static;

}



.stellarnav.mobile.fixed {

	position: static;

}



.stellarnav.mobile>ul {

	position: relative;

	display: block !important;

}



.stellarnav.mobile.openNav {

	padding-bottom: 0;

}



/* .stellarnav.mobile.current-menu-item>ul {

	display: block;

} */



.stellarnav.mobile ul {

	text-align: left;

}



.stellarnav.mobile li {

	margin: 0;

	display: block;

}



.stellarnav.mobile li a {

	color: inherit;

	border: none;

}



.stellarnav.mobile>ul>li {

	display: block;

}



.stellarnav.mobile>ul>li>a {

	padding: 0.875rem 1rem;

}



.stellarnav.mobile ul {



	/* border-left: 9px solid #ff783e; */

	background: #fff;

	/* background: linear-gradient(190deg, #49ce5180 -7.53%, #2056dd9c 168.67%); */

	/* -webkit-backdrop-filter: blur(10px);

	backdrop-filter: blur(10px); */

	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);



}



.stellarnav .menu-toggle {

	border-radius: 50px;

}



.stellarnav.mobile ul ul {

	position: relative;

	opacity: 1;

	visibility: visible;

	width: 100%;

	display: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: color 0 ease-in;

	transition: none;

	border: none;

	background: #656565;

	box-shadow: none;

	/* background: linear-gradient(190deg, #49ce5180 -7.53%, #2056dd9c 168.67%); */

}



.stellarnav.mobile ul ul ul {

	left: auto;

	top: auto;

}



.stellarnav.mobile li.drop-left ul ul {

	right: auto;

}



.stellarnav.mobile li a {

	border-bottom: .0625rem solid rgb(129 129 129);

}



.stellarnav.mobile>ul {

	border-top: .0625rem solid rgb(167 101 101 / 15%);

}



.stellarnav.mobile.light li a {

	border-bottom: .0625rem solid rgba(0, 0, 0, .15);

}



.stellarnav.mobile.light>ul {

	border-top: .0625rem solid rgba(0, 0, 0, .15);

}



.stellarnav.mobile li a.dd-toggle {

	border: 0;

}



.stellarnav.mobile.light li a.dd-toggle {

	border: 0;

}



.stellarnav.mobile .menu-toggle,

.stellarnav.mobile .dd-toggle,

.stellarnav.mobile .close-menu,

.stellarnav.mobile .call-btn-mobile,

.stellarnav.mobile .location-btn-mobile {

	display: inline-block;

}



.stellarnav.mobile li.call-btn-mobile {

	border-right: .0625rem solid rgba(255, 255, 255, .1);

	box-sizing: border-box;

}



.stellarnav.mobile li.call-btn-mobile,

.stellarnav.mobile li.location-btn-mobile {

	display: inline-block;

	width: 50%;

	text-transform: uppercase;

	text-align: center;

}



.stellarnav.mobile li.call-btn-mobile.full,

.stellarnav.mobile li.location-btn-mobile.full {

	display: block;

	width: 100%;

	text-transform: uppercase;

	border-right: 0;

	text-align: left;

}



.stellarnav.mobile.light ul {

	background: rgba(255, 255, 255, 1);

}



.stellarnav.mobile.dark ul {

	background: rgba(0, 0, 0, 1);

}



.stellarnav.mobile.dark ul ul {

	background: rgba(255, 255, 255, .08);

}



.stellarnav.mobile.light li.call-btn-mobile {

	border-right: .0625rem solid rgba(0, 0, 0, .1);

}



.stellarnav.mobile.top {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}



.stellarnav.mobile li.has-sub>a:after,

.stellarnav.mobile li li.has-sub>a:after,

.stellarnav.mobile li.drop-left li.has-sub>a:after {

	display: none;

}



/* left and right positions */

.stellarnav.mobile.right>ul,

.stellarnav.mobile.left>ul {

	position: fixed;

	top: 0;

	bottom: unset;

	width: 100%;

	max-width: 100%;

	overflow-x: hidden;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	z-index: 10;

	right: 0;

	transition: all 0.3s ease-in-out;

	transform: translateY(-150%);

	padding: 50px 30px 50px;

	border-radius: 0 0 15px 15px;

	background: #fff;

	text-align: right;

}



.stellarnav.mobile.right.openNav>ul {

	right: 0;

	transform: translateY(0%);

}



.stellarnav.mobile.right .close-menu,

.stellarnav.mobile.left .close-menu {

	display: inline-flex;

	width: auto;

	line-height: 0;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 30px;

	position: absolute !important;

	top: 15px !important;

	right: 30px !important;

	align-content: center;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	margin-left: auto;

	background-size: contain;

	border: 2px solid #a73e2e;

}



.stellarnav.mobile.right .close-menu span,

.stellarnav.mobile.left .close-menu span {

	display: none;

}



.stellarnav.mobile.left>ul {

	left: 0;

}



.stellarnav.mobile.right .location-btn-mobile.half,

.stellarnav.mobile.right .call-btn-mobile.half,

.stellarnav.mobile.right .close-menu.half {

	text-align: center;

}



.stellarnav.mobile.right .location-btn-mobile.third,

.stellarnav.mobile.right .call-btn-mobile.third,

.stellarnav.mobile.right .close-menu.third {

	text-align: center;

}



.stellarnav.mobile.left .location-btn-mobile.half,

.stellarnav.mobile.left .call-btn-mobile.half,

.stellarnav.mobile.left .close-menu.half {

	text-align: center;

}



.stellarnav.mobile.left .location-btn-mobile.third,

.stellarnav.mobile.left .call-btn-mobile.third,

.stellarnav.mobile.left .close-menu.third {

	text-align: center;

}



.stellarnav.mobile.left .menu-toggle.half,

.stellarnav.mobile.left .menu-toggle.third,

.stellarnav.mobile.right .menu-toggle.half,

.stellarnav.mobile.right .menu-toggle.third {

	text-align: left;

}



.stellarnav.mobile.left .close-menu.third span,

.stellarnav.mobile.right .close-menu.third span {

	display: none;

}



/* left and right positions */



/* mega dd */

.stellarnav.desktop li.mega ul ul {

	background: none;

}



.stellarnav.desktop li.mega li {

	display: inline-block;

	vertical-align: top;

	margin-left: -0.25rem;

}



.stellarnav.desktop li.mega li li {

	display: block;

	position: relative;

	left: .25rem;

}



.stellarnav.desktop li.mega ul ul {

	width: auto;

}



.stellarnav.desktop>ul>li.mega {

	position: inherit;

}



.stellarnav.desktop>ul>li.mega>ul {

	width: 100%;

}



.stellarnav.desktop>ul>li.mega>ul li.has-sub ul {

	display: block;

	position: relative;

	left: auto;

}



.stellarnav.desktop>ul>li.mega>ul>li {

	padding-bottom: .9375rem;

	box-sizing: border-box;

}



.stellarnav.desktop li.mega li li a {

	padding: .3125rem .9375rem;

}



.stellarnav.desktop li.mega li.has-sub a:after {

	display: none;

}



.stellarnav.desktop>ul>li.mega>ul>li>a {

	color: yellow;

}



/* mega dd */





/* Fallback for slow javascript load */

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

	.stellarnav {

		overflow: hidden;

		display: block;

	}



	.stellarnav ul {

		position: relative;

		/* display: none; */

	}

}



/* mobile nav */

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



	.stellarnav.mobile .call-btn-mobile.third span,

	.stellarnav.mobile .location-btn-mobile.third span {

		display: none;

	}

}