/*S-FONTS --------------------------- */
#menu_wrap li,
#menu_wrap .policies,
#menu_wrap .policies a,
#menu_wrap h1 		{ font-family: 'El Messiri', sans-serif!important;}
#menu  				{ font-family: 'PT Sans', sans-serif;}
#home .content_wrap.A0,
#nav_wrap .navitem 	{ font-family: 'Geologica', sans-serif;}
/*E-FONTS --------------------------- */
/* ---------------------------------------------------------------------- */

/*S-MAIN NAV ==================================== *//**/
#nav_wrap { border: 0px solid red; /*background:#ff0000b0;*/
/*	display: none; */
    position: fixed;
    top: 50%; 
	left: -40px; 
    width: auto; 
	margin-top: -225px;
   	z-index: 3;
}
@media screen and (min-width: 768px) 	{
#nav_wrap { display: block;}
}

/*S-NO-ANIM ----------------- */
#nav_wrap.nav_no-anim {	display: block; left : 18px; }
@media screen and (min-width: 768px) 	{
#nav_wrap.nav_no-anim {	display: block; left : 40px; }
}
/*E-NO-ANIM ----------------- */

/*S-ANIM1 ----------------- */
#nav_wrap.nav_anim1 {	animation-name: nav_anim1; 
						animation-duration: 2s; 
						animation-fill-mode: forwards; }
						
@keyframes nav_anim1 	{ from { left: -20%;} to { left: 18px;	}}
@media screen and (min-width: 768px) 	{
@keyframes nav_anim1 	{ from { left: -20%;} to { left: 40px;	}}	
}
/*E-ANIM1 ----------------- */





/* ----------------- */
#nav_wrap .navitem {  border: 0px solid red;
			height: 120px;	
			width: 	120px;	/*20251028*/
			transform: rotate(270deg);
			text-align: center;
			font-weight: 100; 
			font-size: 16px;    
			color: #FFF;
    		text-transform: uppercase;
			transition:all 200ms;	/**/
			caret-color: transparent;			
}

#nav_wrap .navitem:hover{ cursor:pointer; opacity:1!important;}
#nav_wrap .navitem.ON 	{opacity:1;}
#nav_wrap .navitem.OFF 	{opacity:0.5;}
#nav_wrap .navitem.neg 	{color: #DDD;}/*20251028*/






/*S-NAVITEM_FRECCIA ----------------- */
#nav_wrap #navitem_freccia {  position:absolute;  display:none; }
/* MOBILE-FIRST ----------------- */
#nav_wrap #navitem_freccia {  width:40px; left:25px; margin-top: 35px;}	
@media screen and (min-width: 768px) 	{
#nav_wrap #navitem_freccia {  width:auto; left:42px; margin-top:auto;}			
}

/* ----------------------------------------------------------------------