/* all nav */
.stellarnav { position:absolute; width: 100% !important; z-index: 9900 !important; line-height: normal; /*box-shadow:0px 3px 4px #999; margin-top:67px;*/ bottom:10px; padding-right: 10px; 
/* background: rgba(230,51,9,1) !important; /* For browsers that do not support gradients */
  	/* background: -webkit-linear-gradient(right,rgba(230,51,9,0),rgba(178, 0, 0,.8),rgba(178, 0, 0,1)) !important; /*Safari 5.1-6*/
  	/* background: -o-linear-gradient(right,rgba(230,51,9,0),rgba(178, 0, 0,.8),rgba(178, 0, 0,1)) !important; /*Opera 11.1-12*/
  	/* background: -moz-linear-gradient(right,rgba(230,51,9,0),rgba(178, 0, 0,.8),rgba(178, 0, 0,1)) !important; /*Fx 3.6-15*/
  	/* background: linear-gradient(to right,rgba(230,51,9,0),rgba(178, 0, 0,.8),rgba(178, 0, 0,1)) !important; /*Standard*/  }
.stellarnav ul { margin:5px 0px !important; padding:0; text-align: right; background: trasparent !important; /*border-top:#1C3D9B solid 1px;*/ }

.stellarnav li { list-style: none; display: block; margin: 0px 0px !important; padding:0px; position: relative; line-height: normal; vertical-align: middle;  }

.stellarnav li a { font-family:'Montserrat', sans-serif, 'Raleway', sans-serif; letter-spacing:.01em; padding: 7px 5px !important; display: block; text-decoration: none; color: #000 !important; font-weight:300; text-transform:uppercase; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; font-size:13px; background-size: 100% 0%; /*background-image: linear-gradient(to bottom, #EEE 0%, #FFF 0%);*/ 
    -o-transition:all .5s ease-in;
  	-ms-transition:all .52s ease-in;
  	-moz-transition:all .5s ease-in;
  	-webkit-transition:all .5s ease-in;
  	/* ...and now for the proper property */
  	transition:all .5s ease-in;  }
.stellarnav li a > span.ecommerce  { text-transform:none !important;  }
.stellarnav li a:hover { color: #888 !important; /*text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white;*/ /*background:# !important; background-image: linear-gradient(to bottom, #FFF 0%, #D90000 50%);*/ background-position: 0 -400%; -o-transition:all .5s ease-in;
  	-ms-transition:all .52s ease-in;
  	-moz-transition:all .5s ease-in;
  	-webkit-transition:all .5s ease-in;
  	/* ...and now for the proper property */
  	transition:all .5s ease-in;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;  }
.stellarnav li a:hover > span.gd  { color:#C00 !important;  }
.stellarnav li a.selected { color: #0078bd !important; font-weight:800; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white;  /*background:#1C3D9B !important; background:rgba(39, 22, 111, 1) !important;*/ }
/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 6px 6px; margin:0 !important;}

/* first level dd */
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: rgba(255, 255, 255, 1) !important; border-top:none; border-right:#666 solid 0px; border-left:#666 solid 0px; margin:0px !important; padding:0 !important;}
.stellarnav li li { display: block; border-bottom:#666 solid 1px; margin:0px !important; padding:0 !important;   }
.stellarnav li li a { color: #444 !important; font-size:11px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
.stellarnav li li.living a { color:#900 !important; font-weight:800 !important;  }
.stellarnav li li.booking a { background:#AEBACB; color:#111 !important; }
.stellarnav li li a:hover { color: #FFF !important; background:rgba(153, 0, 0, 1) !important; text-shadow:none;  font-weight:400 !important; }
.stellarnav li li a.selected { color: #FFF !important; background:rgba(153, 0, 0, .5) !important; text-shadow:none; font-weight:800 !important; }

.stellarnav li li img.dropdown-img { height:20px !important; cursor:pointer; margin:4px 5px !important; }
.stellarnav li li img.dropdown-img:hover { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; -o-transition:all .5s ease-in;
  	-ms-transition:all .52s ease-in;
  	-moz-transition:all .5s ease-in;
  	-webkit-transition:all .5s ease-in;
  	/* ...and now for the proper property */
  	transition:all .5s ease-in; }
.stellarnav li li.dropdown-divider { border-bottom:#900 solid 1px; }
.stellarnav li li.dropdown-header { font-size:13px !important; font-style:italic !important; padding: 16px 7px 2px 7px !important; border-bottom:none !important; }


/* 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(238, 238, 238, 1);*/ }
.stellarnav.light ul ul { background: rgba(248, 248, 248, 1); }
.stellarnav.light li a { color: #111; }
.stellarnav.light li li a { color: #111; background-image:none !important; }
.stellarnav.light .menu-toggle { color: rgba(0, 0, 0, 1); }

/* dark theme */
.stellarnav.dark { background: rgba(0, 0, 0, 1); }
.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav.dark li a { color: #FFF; }
.stellarnav.dark .menu-toggle { 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 { 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: 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.call-btn-location { display: none; }
.stellarnav li.open > a.dd-toggle i { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

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

	.stellarnav > ul > li > a { }
	.stellarnav li a { font-size:12px !important; letter-spacing:.0em; padding: 6px 3px !important; }
}

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

	.stellarnav > ul > li > a { padding: 6px 3px !important; }
	.stellarnav li a { font-size:11px; }
}


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

	.stellarnav > ul > li > a { padding: 8px 2px !important; }
	.stellarnav li a { font-size:11px !important; letter-spacing:.0em; padding: 6px 4px !important; }
	.stellarnav li.has-sub > a:after { margin-left: 4px !important; }
}

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

	.stellarnav > ul > li > a {  }
}

/* Fallback for slow javascript */
@media only screen and (max-width : 768px) {
	.stellarnav { display: block; margin-top:10px; padding-right: 0px; }
	.stellarnav ul { position: relative; }
}

/* mobile nav */
.stellarnav .menu-toggle { color: #555 !important; padding: 10px 15px; text-align: center !important;  }
.stellarnav.mobile { position: static; overflow:auto !important; }
.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; padding:0px !important; }
.stellarnav.mobile > ul > li > a { padding: 15px !important; }
.stellarnav.mobile ul { background: rgba(220,220,220, 1) !important; }
.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; border-left:none !important; border-right:none !important; margin-top:0px !important; }
.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, .9); color: #111 !important; background:none !important; font-size:13px !important; }
.stellarnav.mobile li li a { color: #888 !important; background:rgba(255, 255, 255, 1) !important; border-bottom:none !important; }
.stellarnav.mobile li li.dropdown-header, .stellarnav.mobile li li.dropdown-social { color: #666 !important; background:rgba(255, 255, 255, 1) !important; }
.stellarnav.mobile li li.living a { color:#333 !important; font-weight:800 bold !important;  }
.stellarnav.mobile li li.booking a { background:#AEBACB !important; color:#333 !important; }
.stellarnav.mobile li a:hover { color: #900 !important; background:rgba(255, 255, 255,0.9) !important; }
.stellarnav.mobile li li a:hover { color: #900 !important; background:rgba(255, 255, 255,0.9) !important; }
.stellarnav.mobile li a.selected { color: #B20000 !important; /*background:rgba(39, 22, 111, 1) !important;*/
  background: rgba(255,255,255,.8) !important; /* For browsers that do not support gradients */
    }
.stellarnav.mobile li li a.selected { color: #FFF !important; background:rgba(178, 0, 0, 1) !important;  }
.stellarnav.mobile li.has-sub a { padding-right: 50px; }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0 !important; } 
.stellarnav.mobile.light li a.dd-toggle { border: 0 !important;  }
.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: 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 (min-width:935px) and (max-width:1200px) {
.stellarnav.mobile { margin-top:55px !important; }
.stellarnav.mobile.fixed {  }
}