/*================================

fixed

================================*/

.fixed {
	position: fixed;
	top: 0;
	z-index: 10000;
	}
.fixedpadding {
	padding-top: 50px;
	}

@media screen and (max-width: 480px) {
.fixed {
	position: relative;
	top: auto;
	z-index: 1;
	}
.fixedpadding {
	padding-top: 0;
	}
	}

/*================================

all nav

================================*/

.stellarnav {
	position: relative;
	width: 100%;
	min-width: 1200px;
	z-index: 9900;
	line-height: normal;
	}
@media screen and (max-width: 480px) {
.stellarnav {
	min-width: 100%;
	}
	}

.stellarnav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: -.40em;
	}
.stellarnav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: normal;
	vertical-align: middle;
	letter-spacing: .1em;
	}
.stellarnav li a {
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #777;
	font-size: 11px;
	line-height: 50px;
	box-sizing: border-box;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	transition: all .6s ease-out;
	}
@media screen and (max-width: 480px) {
.stellarnav li a {
	font-size: 12px;
	}
	}

.stellarnav li a:hover {
	background-color: #222;
	}

.stellarnav li.shopblog {
	border-left: 1px solid #444;
	}

.stellarnav li.shoplocator {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	}


.stellarnav li.onlinestore {
	margin-left: 0;
	}
.stellarnav li.onlinestore a{
	padding: 0 0 0 10px;
	line-height: 0;
	}
.stellarnav li.onlinestore a:hover {
	background-color: #333;
	}
.stellarnav li.onlinestore img{
	width: 188px;
	height: auto;
	}

/*================================

main level

================================*/

.stellarnav > ul > li {
	display: inline-block;
	letter-spacing: .1em;
	}
.stellarnav > ul > li > a {
	padding: 0 30px;
	}

/*================================

dark theme

================================*/

.stellarnav.dark {
	background-color: #333;
	}
.stellarnav.dark ul ul {
	background-color: #333;
	}
.stellarnav.dark li a {
	color: #fff;
	}
.stellarnav.dark .menu-toggle {
	background-color: #fff;
	}

/*================================

first level dd

================================*/

.stellarnav ul ul {
	top: auto;
	width: 250px;
	position: absolute;
	z-index: 9900;
	text-align: left;
	display: none;
	}
.stellarnav li li {
	border-top: 1px solid #444;
	display: block;
	}
.stellarnav li li a{
	line-height: 40px;
	}



/*================================

drop-left

================================*/

.stellarnav > ul > li.drop-left:hover > ul {
	right: 0;
	}
.stellarnav li.drop-left ul ul {
	left: auto; 
	right: 250px;
	}

/*================================

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:before {
	content: '\f107';
	font-family: 'FontAwesome';
	margin-right: 10px;
	}

.stellarnav li.shoplocator > a:before{
	content: '\f041' !important;
	}

.stellarnav.hide-arrows li.has-sub > a:before {
	display: none;
	}
.stellarnav .menu-toggle, 
.stellarnav .close-menu {
	display: none; 
	text-transform: uppercase; 
	text-decoration: none;
	}
.stellarnav .call-btn-mobile {
	display: 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: 40%; 
	width: 40px;
	left: auto; 
	right: 0; 
	-webkit-transition: transform .6s ease-out; 
	-moz-transition: transform .6s ease-out; 
	transition: transform .6s ease-out; 
	}
.stellarnav.mobile > ul > li > a.dd-toggle { 
	padding: 0;
	width: 100%;
	height: 40px;
	}
.stellarnav li.call-btn-mobile, 
.stellarnav li.call-btn-location { 
	display: none; 
	}
.stellarnav li.open > a.dd-toggle i { 
	-webkit-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
	transform: rotate(180deg); 
	}

/*================================

Fallback for slow javascript

================================*/

@media only screen and (max-width : 480px) {
	.stellarnav { 
		overflow: hidden; 
		display: block; 
		}
	.stellarnav ul { 
		position: relative; 
		display: none; 
		}
	}

/*================================

mobile nav

================================*/

.stellarnav .menu-toggle { 
	color: #222; 
	padding: 15px; 
	font-size: 20px;
	}
.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: 0 15px; 
	background-color: transparent;
	}
.stellarnav.mobile ul { 
	background-color: #333; 
	}
.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.drop-left ul ul { 
	right: auto; 
	}
.stellarnav.mobile li a { 
	border-top: 1px solid #444;
	line-height: 40px;
	}
.stellarnav.mobile li.has-sub a { 
	padding-right: 50px; 
	}
.stellarnav.mobile.light li a { 
	}
.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: block; 
	}
.stellarnav.mobile li.call-btn-mobile { 
	border-right: 1px solid rgba(255, 255, 255, .1); 
	box-sizing: border-box; 
	}
.stellarnav.mobile li.call-btn-mobile, 
.stellarnav.mobile li.call-btn-location { 
	display: inline-block; 
	width: 50%; 
	text-transform: uppercase; 
	text-align: center; 
	}
.stellarnav.mobile li.call-btn-mobile.full, 
.stellarnav.mobile li.call-btn-location.full { 
	display: block; 
	width: 100%; 
	text-transform: uppercase; 
	border-right: 0; 
	text-align: left; 
	}
.stellarnav.mobile li.call-btn-mobile i, 
.stellarnav.mobile li.call-btn-location i { 
	margin-right: 5px; 
	}
.stellarnav.mobile.light ul { 
	background: rgba(255, 255, 255, 1); 
	}
.stellarnav.mobile.dark ul { 
	background-color: #333; 
	}
.stellarnav.mobile.dark ul ul { 
	background-color: #222; 
	}
.stellarnav.mobile.dark ul ul li{ 
	border-top: none;
	}
.stellarnav.mobile.dark ul ul li a{ 
	border-top: 1px solid #333;
	border-bottom: none;
	padding-left: 40px;
	}
.stellarnav.mobile.light li.call-btn-mobile { 
	border-right: 1px 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:before { 
	display: none; 
	}

.stellarnav.mobile li.onlinestore{ 
	background-color: #fff;
	border-bottom: 1px solid #333;
	}
.stellarnav.mobile li.onlinestore a:hover{ 
	background-color: #fff;
	}

.stellarnav.mobile li.onlinestore a { 
	text-align: center;
	padding: 10px 0;
	}