/* all nav */
.stellarnav {
	position: relative;
	width: 100%;
	z-index: 99;
	line-height: normal;
	border-top: 2px solid #ebebeb
}

	.stellarnav li {
		list-style: none;
		display: block;
		position: relative;
		line-height: normal;
		vertical-align: middle;
		border-bottom: 1px solid #f2f2f2;
	}

		.stellarnav li a {
			padding: 15px;
			display: block;
			text-decoration: none;
			color: #0938a7;
			font-size: 15px;
			font-family: roboto, sans-serift;
			font-weight: 700;
			text-transform: uppercase;
			box-sizing: border-box;
			-webkit-transition: all .3s ease-out;
			-moz-transition: all .3s ease-out;
			transition: all .3s ease-out;
		}

	/* main level */
	.stellarnav > ul > li {
		display: inline-block;
	}


@media only screen and (min-width: 992px) {
	.stellarnav > ul > li::after {
		content: "/";
		position: absolute;
		right: 0;
		top: 10px;
		color: #2d2d2d;
	}

	.stellarnav > ul > li:last-child::after {
		display: none
	}
}

.stellarnav > ul > li > a {
	padding: 10px 15px;
}

/* first level dd */
.stellarnav ul ul {
	top: auto;
	width: 220px;
	position: absolute;
	z-index: 9900;
	text-align: left;
	display: none;
	background: #ffffff;
	border: 1px solid #ebebeb;
}

.stellarnav li li {
	display: block;
}

/* second level dd */
.stellarnav ul ul ul {
	top: 0; /* dd animtion - change to auto to remove */
	left: 220px;
}

.stellarnav > ul > li:hover > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}


/* 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 */
.stellarnav li.has-sub > a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	margin-left: 10px;
}

.stellarnav li li.has-sub > a:after {
	content: '\f105';
	font-family: 'FontAwesome';
	margin-left: 10px;
}


.stellarnav.hide-arrows li.has-sub > a:after,
.stellarnav.hide-arrows li 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: 48px;
	height: 48px;
	text-align: center;
	z-index: 9999;
	border: 0;
}

	.stellarnav .dd-toggle i {
		position: absolute;
		margin: auto;
		top: 33%;
		left: 0;
		right: 0;
		-webkit-transition: transform .3s ease-out;
		-moz-transition: transform .3s ease-out;
		transition: transform .3s ease-out;
	}

.stellarnav.mobile > ul > li > a.dd-toggle {
	padding: 0;
}


.stellarnav li.open > a.dd-toggle i {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* mobile nav */
.stellarnav .menu-toggle,
.stellarnav .close-menu {
	color: #9d120f;
	padding: 15px;
	box-sizing: border-box;
}

.stellarnav .full {
	width: 100%;
}

.stellarnav .half {
	width: 50%;
}

.stellarnav .third {
	width: 33%;
	text-align: center;
}

.stellarnav.mobile {
	position: static;
}

	.stellarnav.mobile.fixed {
		position: static;
	}

	.stellarnav.mobile ul {
		position: relative;
		display: none;
	}

	.stellarnav.mobile.active {
		padding-bottom: 0;
	}

		.stellarnav.mobile.active > ul {
			display: block;
		}

	.stellarnav.mobile ul {
		text-align: left;
	}

	.stellarnav.mobile > ul > li {
		display: block;
	}

		.stellarnav.mobile > ul > li > a {
			padding: 15px;
		}

	.stellarnav.mobile ul {
		background: rgb(242, 242, 242);
	}

		.stellarnav.mobile ul ul {
			position: relative;
			opacity: 1;
			visibility: visible;
			width: auto;
			display: none;
			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: color 0 ease-in;
			transition: none;
		}

			.stellarnav.mobile ul ul ul {
				left: auto;
				top: auto;
			}

	.stellarnav.mobile li a {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}

	.stellarnav.mobile li.has-sub a {
		padding-right: 50px;
	}

	.stellarnav.mobile > ul {
		border-top: 1px solid rgba(255, 255, 255, .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 {
		display: inline-block;
	}

	.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 {
		display: none;
	}

	/* left and right positions */
	.stellarnav.mobile.right > ul,
	.stellarnav.mobile.left > ul {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		max-width: 280px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.stellarnav.mobile.right > ul {
		right: 0;
	}

	.stellarnav.mobile.right .close-menu,
	.stellarnav.mobile.left .close-menu {
		display: inline-block;
		text-align: right;
	}

	.stellarnav.mobile.left > ul {
		left: 0;
	}

	.stellarnav.mobile.right .close-menu.half {
		text-align: center;
	}

	.stellarnav.mobile.right .close-menu.third {
		text-align: center;
	}

	.stellarnav.mobile.left .close-menu.half {
		text-align: center;
	}

	.stellarnav.mobile.left .close-menu.third {
		text-align: center;
	}

		.stellarnav.mobile.left .close-menu.third span,
		.stellarnav.mobile.right .close-menu.third span {
			display: none;
		}

/* left and right positions */

/* Fallback for slow javascript load */

@media only screen and (max-width:991px) {
	.stellarnav ul ul {
		border: none;
	}
}

@media only screen and (max-width:768px) {
	.stellarnav {
		overflow: hidden;
		display: block;
	}

		.stellarnav ul {
			position: relative;
			display: none;
		}
}