/* all nav */
.stellarnav { position:relative; width: 100% !important; z-index: 9900 !important; line-height: normal; font-family: 'Public Sans', sans-serif !important; /*box-shadow:0px 3px 4px #999; margin-top:67px; bottom:10px;*/ }
.stellarnav ul { margin:0px auto !important; padding:0; text-align:center; background: trasparent !important; display: flex;  /*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 { padding: 15px 5px !important; text-align:center !important; display: block; text-decoration: none; color: #000 !important; text-transform:uppercase; font-size:16px;
    -o-transition:all .8s ease-in;
  	-ms-transition:all .8s ease-in;
  	-moz-transition:all .8s ease-in;
  	-webkit-transition:all .8s ease-in;
  	/* ...and now for the proper property */
  	transition:all .8s ease-in;
	/*text-shadow:0px 0px 1px black, 0 0 2px #000, 0 0 2px #000 !important;*/
}
.stellarnav li a:hover { color: #B51A00 !important;
	-o-transition:all .8s ease-in;
  	-ms-transition:all .8s ease-in;
  	-moz-transition:all .8s ease-in;
  	-webkit-transition:all .8s ease-in;
  	/* ...and now for the proper property */
  	transition:all .8s ease-in;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-shadow:0px 0px 3px white, 0 0 3px #d3d3d3, 0 0 3px #d3d3d3, 0px 0px 3px #d3d3d3, 0 0 3px #d3d3d3, 0 0 3px #d3d3d3 !important;
}

.stellarnav li a span { text-transform: none !important; }

.stellarnav li a.selected, .stellarnav li a.selected span { color: #000 !important; font-weight:800; text-shadow: 0px 0px 2px white, 0 0 5px white, 0 0 5px white, 0px 0px 2px white, 0 0 5px white, 0 0 5px white !important;  /*background:#1C3D9B !important; background:rgba(39, 22, 111, 1) !important;*/ }
.stellarnav li a.selected {  background:url(../images/grafica/bg-menu.png) no-repeat !important; background-position:center 90% !important; }
/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { margin:0 !important;}

.space-between { justify-content: space-between; }  
.space-around { justify-content: space-around; }

/* first level dd */
.stellarnav ul ul { top: auto; width: 200px; position: absolute; left:-20px; z-index: 9900 !important; text-align: left; display: none; background:rgba(254, 254, 254, .9); border-top:none; border-right:#fefefe solid 0px; border-left:#fefefe solid 0px; margin:0px !important; padding:0px !important;}
.stellarnav li li { display: block; border-bottom:#fefefe solid 1px; margin:0px !important; padding:0 !important;   }
.stellarnav li li.last { border-bottom:#fefefe solid 0px; }
.stellarnav li li a { color: #333 !important; font-size:12px; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; transition: all .6s ease-out; padding: 9px 10px !important; text-shadow: none !important; }
.stellarnav li li a:hover { color: #fefefe !important; background:rgba(10, 10, 10, .7) !important; filter:alpha(opacity=90);
	-moz-opacity:.90; opacity:.90; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; transition: all .6s ease-out; text-shadow: none !important; }
.stellarnav li li a.selected { color: #111 !important; background:rgba(140, 140, 140, .7) !important; /*text-shadow:0px 0px 2px white, 0 0 25px #9A8978, 0 0 5px #9A8978 !important;*/ text-shadow:none !important; font-weight:400 !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(40, 70, 108, 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, 46, 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 {  }
}

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

	.stellarnav > ul > li > a {  }
	.stellarnav li a {  }
}


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

	.stellarnav > ul > li > a {  }
	.stellarnav li a {  }
}

@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; }
	.stellarnav ul { position: relative; }
}

/* mobile nav */
.stellarnav .menu-toggle { color: #000 !important; padding: 18px 5px !important; margin:0 auto !important; 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:16px 15px !important; text-shadow:none !important; }
.stellarnav.mobile ul { background: rgba(211,211,211, 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;  left: auto !important; text-shadow:none !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(0, 0, 0, .8) !important; color: #000 !important; background:none !important; font-size:13px !important; }
.stellarnav.mobile li a span { color:rgba(0, 0, 0,.5) !important; }
.stellarnav.mobile li li a { color: #B51A00 !important; background:rgba(211, 211, 211, 1) !important; border-bottom:none !important; text-shadow:none !important; }
.stellarnav.mobile li a:hover { color: #FFF !important; background:rgba(181, 26, 0, 1) !important; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
.stellarnav.mobile li a:hover span { color:rgba(255, 255, 255, 1) !important; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
.stellarnav.mobile li li a:hover { color: #FFF !important; background:rgba(0, 0, 0,.7) !important; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; }
.stellarnav.mobile li a.selected, .stellarnav.mobile li a.selected span { color: #000 !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(0, 0, 0, .9) !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 !important; }
.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, .8); }
.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 {  }
.stellarnav.mobile.fixed {  }
}

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

}

@media only screen and (max-width : 537px) {
.stellarnav .menu-toggle { z-index:999 !important; display:block !important; padding: 20px 15px !important; }
.stellarnav a.menu-toggle {  }
}