/*
 * Stellarnav.js 1.0.0
 * jQuery responsive multi-level dropdown menu designed to do most of the heavy CSS work for you.
 * Copyright (c) 2016 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
.main-nav{float:left; width:780px;}
.stellarnav{width:100%; z-index:9900; line-height:normal;}
.stellarnav ul{margin:0; padding:0; text-align:center;}
.stellarnav li{list-style:none; display:block; margin:0; padding:0; position:relative; line-height:normal; vertical-align:middle;}
.stellarnav ul > li{margin-right:20px;}
.stellarnav li a{padding:25px 0; display:block; text-decoration:none; color:#777; font-size:inherit; font-family:inherit; box-sizing:border-box; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}
@media screen and (max-width:1200px) {
	.main-nav{width: auto;}
}
@media screen and (max-width:991px) {
	.main-nav{order: 4;}
}
/* main level */
.stellarnav > ul > li{display:inline-block;}
.stellarnav > ul > li > a{padding:20px 40px;}

/* first level dd */
.stellarnav ul ul{top:auto; width:220px; position:absolute; z-index:9900; text-align:left; display:none; background:#ddd;}
.stellarnav li li{display:block; margin:0; border-bottom: 1px solid #ededed;}

/* 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;}

/* .drop-left */
.stellarnav > ul > li.drop-left > ul{right:0;}
.stellarnav li.drop-left ul ul{left:auto; right:220px;}

/* light theme */
.stellarnav.light{background:rgba(255, 255, 255, 1);}
.stellarnav.light ul ul{background:rgba(255, 255, 255, 1);}
.stellarnav.light li a{color:#000;}
.stellarnav.light .menu-toggle, .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile{color:rgba(0, 0, 0, 1);}

/* dark theme */
/* .stellarnav.dark{background:rgba(0, 0, 0, 1);} */
.stellarnav.dark ul ul{background:#fff; border-radius:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.stellarnav.dark li a{color:#1e2429; font-size:16px;}
.stellarnav.dark .menu-toggle, .stellarnav.dark .call-btn-mobile, .stellarnav.dark .location-btn-mobile{color:rgba(255, 255, 255, 1);}
/* 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:'\f0d7'; font-family:'FontAwesome'; margin-left:10px;}
.stellarnav li li.has-sub > a:after{content:'\f0da'; font-family:'FontAwesome'; margin-left:10px;}
.stellarnav li.drop-left li.has-sub > a:after{float:left; content:'\f0d9'; font-family:'FontAwesome'; margin-right:10px;}
.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: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.call-btn-mobile, .stellarnav li.location-btn-mobile{display:none;}
.stellarnav li.open > a.dd-toggle i{-webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}

/* Fallback for slow javascript */
/* @media only screen and (max-width :768px) {
	.stellarnav{overflow:hidden; display:block;}
	.stellarnav ul{position:relative; display:none;}
} */

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile{color:#777; padding:15px; box-sizing:border-box;}
.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:1px 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:1px solid rgba(255, 255, 255, .15);}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child{border-left:0;}
.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:rgba(221, 221, 221, 1);}
.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-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.light li a{border-bottom:1px solid rgba(0, 0, 0, .15);}
.stellarnav.mobile.light > ul{border-top:1px 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:1px 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 li.call-btn-mobile i, .stellarnav.mobile li.location-btn-mobile i{margin-right:5px;}
.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: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:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after{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;}
}


/* ========== MOBILE NAV  ========== */  
@media screen and (max-width:991px){
	.main-nav .mobile .menu-toggle{color:#1e2429; width: 50px; overflow: hidden; height: 50px; line-height: 1.8; padding: 15px !important; display: flex; flex-direction: column; align-content: center; justify-content: space-between; flex-wrap: wrap;}
	.main-nav .mobile.active .menu-toggle .fa-bars:before{content: "\f00d";}
	.main-nav .mobile .navbar-collapse{background: none !important;}
	.main-nav .mobile .navbar-collapse .nav{position: absolute; right: 0; top: 100%; width: 100%; float: left; background: #fff; padding: 0; height: calc(100vh - 114px); overflow: auto;}
	.header-smaller .main-nav .mobile .navbar-collapse .nav{height: calc(100vh - 103px);}
	.main-nav .mobile .navbar-collapse .navbar-nav{float: left; width: 100%; background: #fff;}
	.main-nav .mobile .navbar-collapse .navbar-nav li{float: left; width: 100%; border-bottom: 1px solid #f5f5f5;}
	.main-nav .mobile .navbar-collapse .navbar-nav li a{float: left; width: 100%; padding:13px 15px; line-height: 20px;}
	.main-nav .mobile .navbar-collapse .navbar-nav li a:hover{background:#ededed;}
	.main-nav .mobile .navbar-collapse .navbar-nav li a.dd-toggle{border: 0; position: absolute; right: 0; width: 70px !important; padding: 0 !important;}
	.main-nav .mobile .navbar-collapse .navbar-nav li a.dd-toggle:hover{background: none !important; color: #1e2429 !important;}
	.main-nav .mobile .navbar-collapse .navbar-nav li a.dd-toggle:before{display: none;}
	.main-nav .mobile .navbar-collapse .navbar-nav li > ul.dropdown-menu{box-shadow: none; width: 100%;}
	.main-nav .mobile .navbar-collapse .navbar-nav li > ul.dropdown-menu li{ border: 0; border-top: 1px solid #f5f5f5;}
	/* .main-nav .mobile .navbar-collapse .navbar-nav li > ul.dropdown-menu li:first-child{ border: 0;} */
	.main-nav .mobile .navbar-collapse .navbar-nav li > ul.dropdown-menu li a{  padding:13px 15px 13px 30px !important;}

	.menu-toggle,.menu-toggle:hover, .menu-toggle:focus{float:right; margin:0; height:46px; width:46px;  border-radius:0; z-index:1; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:5px; border:0; border: 1px solid #f5f5f5;}
	#mainmenu .menu-toggle .icon-bar{ float:left; background:#1e2429; width:28px; height:2px; background:#1e2429; transition:.5s ease;}
	#mainmenu .menu-toggle .icon-bar:nth-child(1){transform:rotate(0)translateY(0)translateX(0);}
	#mainmenu .menu-toggle .icon-bar:nth-child(2){opacity:1}
	#mainmenu .menu-toggle .icon-bar:nth-child(3){transform:rotate(0)translateY(0)translateX(0);}
	#mainmenu.active .menu-toggle .icon-bar:nth-child(1){ transform:rotate(-45deg)translateY(5px)translateX(-5px); -webkit-transform:rotate(-45deg)translateY(5px)translateX(-5px); -moz-transform:rotate(-45deg)translateY(5px)translateX(-5px); -ms-transform:rotate(-45deg)translateY(5px)translateX(-5px); -o-transform:rotate(-45deg)translateY(5px)translateX(-5px); }
	#mainmenu.active .menu-toggle .icon-bar:nth-child(2){opacity:0}
	#mainmenu.active .menu-toggle .icon-bar:nth-child(3){ transform:rotate(45deg)translateY(-6px)translateX(-6px); -webkit-transform:rotate(45deg)translateY(-6px)translateX(-6px); -moz-transform:rotate(45deg)translateY(-6px)translateX(-6px); -ms-transform:rotate(45deg)translateY(-6px)translateX(-6px); -o-transform:rotate(45deg)translateY(-6px)translateX(-6px); }
}