/* TRANSFORM TOGGLE ICON */ 
.menu-overlay-btn-open{opacity:1; position:fixed;top:60px;right:60px;width:40px;height:40px; background-color:  #183c6d; border-radius: 5px; box-shadow: 0 0 15px rgba(50,50,50,.3);/*transform: translateY(-200%);*/cursor:pointer;overflow:hidden;-webkit-appearance:none;border-color:transparent; z-index: 10; }
.menu-overlay-btn-open.mobtno-show {opacity: 1; transform: translateY(0);  transform-origin: left bottom;transition: all .5s ease;}
  
.menu-overlay-btn-open span, .menu-overlay-btn-open span:after, .menu-overlay-btn-open span:before{content:'';position:absolute;top:48%;left: 50%; transform: translateX(-50%);height:1px;width:60%;background:#fff; cursor:pointer;transition:all .3s ease-in-out}
.menu-overlay-btn-open span:before{width: 100%; top:-7px; background: #fff;}
.menu-overlay-btn-open span:after{width: 100%; top:7px; background: #fff;}
/*HOVER*/
.menu-overlay-btn-open:hover span:before{  width: 48%;}
.menu-overlay-btn-open:hover span:after{ width: 48%;}
.menu-overlay-btn-open.active span{background-color:transparent}
.menu-overlay-btn-open.active span:after, .menu-overlay-btn-open.active span:before{top:0}
.menu-overlay-btn-open.active span:before{transform:rotate(45deg)}
.menu-overlay-btn-open.active span:after{transform:rotate(-45deg)}
.menu-overlay-btn-open:focus{outline:0} 
/*OPEN clicked*/
.menu-overlay-btn-open.open span {transform:rotate(180deg) translateX(10px);}
.menu-overlay-btn-open.open span:before{transform:translateY(0.1em) translateX(-1em) rotate(-45deg) scaleX(1); width: 80%;}
.menu-overlay-btn-open.open span:after{transform:translateY(-0.1em) translateX(-1em) rotate(45deg) scaleX(1); width: 80%;}
  
@media all and (min-width: 737px) { 
    body.page-scrolled .menu-overlay-btn-open{top:40px;right:40px; background-color:  #183c6d;transition: all .5s ease;  }
    body.page-no-header .menu-overlay-btn-open{background-color:  #183c6d; transition: all .5s ease; }
}

/* menu logo*/

.menu-overlay .menu-logo { position: absolute; top: 40px; left: 30px; width: 60%;}


@media all and (max-width: 736px) { 	
	.menu-overlay-btn-open{ z-index: 12; right:20px; top: 20px; }	
	.menu-overlay-btn-open span, .menu-overlay-btn-open span:after, .menu-overlay-btn-open span:before{ right: 30%; }
	.menu-overlay-btn-open span:before{right:0%;}
	.menu-overlay-btn-open span:after{right:0%;} 
	 
}
/* tablet verticale */
@media (min-width: 481px) and (max-width: 768px){
	.menu-overlay-btn-open{ width: 55px; height: 55px;}	
	 
}
.menu-overlay-btn-close{ display: none;} 

.menu-overlay .mainmenu::-webkit-scrollbar-track{background-color: transparent;border-radius: 0px;}
.menu-overlay .mainmenu::-webkit-scrollbar{width: 1px; height: 5px; background-color: transparent;}
.menu-overlay .mainmenu::-webkit-scrollbar-thumb{ border-radius: 0px; background-color:rgba(255,255,255,.3); }

.menu-overlay{position:fixed;width:100%;height:100%;top:0;right:0;background-color: rgba(24,60,109,1);overflow-y:hidden;border-left:0px solid #ccc ; border-radius: 15px; box-shadow: 0 0 15px rgba(50,50,50,.3); z-index:9; overflow: hidden;}

.overlay-slidelateral{visibility:hidden; backface-visibility:hidden; transform:translateX(100%); transition:transform .5s, visibility 0s .5s}
.overlay-slidelateral.open{visibility:visible; transform:translateX(0); transition:transform .5s}


/*.menu-overlay .mainmenu{text-align:center;position:relative;top:50%;height:60%;width:50%;margin:0 auto; transform:translateY(-50%); }*/
.menu-overlay .mainmenu .mm-top-link {font-size: 14px;}
  

.menu-overlay .mainmenu a:hover{color:rgba(255,255,255,1)} 
.menu-overlay .mainmenu .navbar{ padding: 50px 0!important;}
.menu-overlay .mainmenu .sm-superclean-overlay{box-shadow:none; margin: 0;}
.menu-overlay .mainmenu .sm-superclean-overlay a{font-size:clamp(1.3rem, 1.0vw, 1.5rem); font-weight: 300;text-transform: uppercase; color:#ffffff; text-align:right; border-bottom: 0px solid rgba(255,255,255,.3); padding: 5px 0;}
.menu-overlay .mainmenu .sm-superclean-overlay a > i.fa{display:none !important}
.menu-overlay .mainmenu .sm-superclean-overlay a.mm-small{font-size:clamp(1.1rem, 0.7vw, 1.2rem);}
.menu-overlay .mainmenu .sm-superclean-overlay a.mm-tiny{font-size:clamp(0.9rem, 0.5vw, 1.0rem);}
.menu-overlay .mainmenu .sm-superclean-overlay a.active{ font-weight: 700;}
.menu-overlay .mainmenu .sm-superclean-overlay a:hover{color:rgba(255,255,255,1)}
.menu-overlay .mainmenu .sm-superclean-overlay li:last-of-type a{ border-bottom: 0px solid; }
.menu-overlay .mainmenu .sm-superclean-overlay > li.menu-transform{opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.menu-overlay .mainmenu .sm-superclean-overlay > li.menu-transform-active{opacity:1;border-color:transparent}
.menu-overlay .mainmenu .sm-superclean-overlay li{border:none}

.menu-overlay .mainmenu .sm-superclean-overlay > li > a > i.fa{display:none !important}
.menu-overlay .mainmenu .sm-superclean-overlay > li > a span.sub-arrow{border-radius: 0; width: 30px!important; text-align: center; font-family:Roboto Condensed !important;right:-34px;color:#ffffff}
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow{font-family:Roboto Condensed !important;right:4px;color:#ffffff}
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow:before{margin-top:-3px;font-size:33px}

.menu-overlay .mainmenu .sm-superclean-overlay a.nodo span.sub-arrow { width: 100%;}

.menu-overlay .mainmenu .sm-superclean-overlay li ul{margin-bottom:20px}
.menu-overlay .mainmenu .sm-superclean-overlay li ul li a{font-size:16px;padding:15px 10px 15px 25px}
.menu-overlay .mainmenu .sm-superclean-overlay li ul li ul a{font-size:14px;padding:15px 10px 15px 25px}
.menu-overlay .mainmenu .sm-superclean-overlay > li > a.highlighted span.sub-arrow:before{margin-top:-3px;font-size:33px}

@media (min-width: 3000px){
	.menu-overlay .mainmenu .sm-superclean-overlay li { float:none!important;}
}

@media (max-width:736px){
	.menu-overlay{ z-index: 11;}
	.menu-overlay .mainmenu{width:90%;height: auto; }
	.menu-overlay .mainmenu .sm-superclean-overlay {margin-top: 20px!important;}
}
	
@media (max-width: 768px){
	.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow { border-radius: 0;  width: 30px!important; text-align: center;}		 
}
	
@media screen and (max-height:30.5em){.menu-overlay .mainmenu{height:70%;font-size:34px }
 .menu-overlay ul li{min-height:34px }
}
.menu-overlay a:hover{opacity:.8}

.menu-overlay.right{width:33.3%;right:40px; top: 40px; height: auto;max-height: 80vh;transition: all .3s;}
.menu-overlay.right:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0;right:0; }
.menu-overlay.right .mainmenu{ display: flex; align-items: flex-start; justify-content: flex-end; padding: 0 40px; margin: 130px 10px 60px 10px; transform: none; border: 0px solid #fff; height: 400px; max-height: 50vh; overflow-y: scroll;}
.menu-overlay.right.overlay-slidelateral{visibility:hidden; backface-visibility:hidden; transform:translateX(110%); transition:all .5s, visibility 0s .8s}
.menu-overlay.right.overlay-slidelateral.open{visibility:visible;transform:translateX(0);transition:all .6s ease-in-out}

@media all and (min-width: 737px) { 
body.page-scrolled .menu-overlay.right {right:30px; top: 30px; transition: all .3s; }
}
@media all and (min-width: 481px) and (max-width: 768px) { 
	.menu-overlay.right{width:50%;}
}

@media (max-width:736px){
.menu-overlay{ z-index: 11; border-radius: 0;}
.menu-overlay.right{ right:0px; top: 0px; bottom:0px; max-height: inherit;}    
.menu-overlay.right .mainmenu{top:80px; }
.menu-overlay.right{width:100%;clip-path: none; }
.menu-overlay.right .mainmenu{width:80%;}
.menu-overlay.right:before{width:100%;clip-path: none; }
.menu-overlay-btn-close{right:50px }
}