/* TRANSFORM TOGGLE ICON */ 
.menu-overlay-btn-open{opacity:1; position:fixed;top:50px;left:50px;width:40px;height:40px; background-color: transparent;/*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:#1f5fbf; cursor:pointer;transition:all .3s ease-in-out}
.menu-overlay-btn-open span:before{width: 100%; top:-7px; background: #1f5fbf;}
.menu-overlay-btn-open span:after{width: 100%; top:7px; background: #1f5fbf;}
/*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 { }
.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%;}

.menu-overlay-btn-open.open span:before,
.menu-overlay-btn-open.open span:after {
	background: #1f5fbf;
}
  
body.page-scrolled .menu-overlay-btn-open{background-color: #1f5fbf; border-radius: 50%;}
body.page-no-header .menu-overlay-btn-open{background-color: #1f5fbf; border-radius: 50%;}

body.page-scrolled .menu-overlay-btn-open span,
body.page-scrolled .menu-overlay-btn-open span:before,
body.page-scrolled .menu-overlay-btn-open span:after,
body.page-no-header .menu-overlay-btn-open span,
body.page-no-header .menu-overlay-btn-open span:before,
body.page-no-header .menu-overlay-btn-open span:after {
	background: #ffffff;
}


.header.h-small .menu-overlay-btn-open{width:80px;height:80px; background-color: #1f5fbf;}
.header.h-small .menu-overlay-btn-open span, .header.h-small .menu-overlay-btn-open span:after, .header.h-small .menu-overlay-btn-open span:before{right:37%; }
.header.h-small .menu-overlay-btn-open span:before{right:0%;}
.header.h-small .menu-overlay-btn-open span:after{right:0%;}

.header.h-small .menu-overlay-btn-open span,
.header.h-small .menu-overlay-btn-open span:before,
.header.h-small .menu-overlay-btn-open span:after {
	background: #ffffff;
}


@media all and (max-width: 736px) { 	
	.menu-overlay-btn-open{ z-index: 12; left: 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%;} 
	
	.header.h-small .menu-overlay-btn-open{ width: 55px; height: 55px; }	
	.header.h-small .menu-overlay-btn-open span, .header.h-small .menu-overlay-btn-open span:after, .header.h-small .menu-overlay-btn-open span:before{right:30%; }
	.header.h-small .menu-overlay-btn-open span:before{right:0%;}
	.header.h-small .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;}	
	.header.h-small .menu-overlay-btn-open{width: 55px; height: 55px;}
}
.menu-overlay-btn-close{ display: none;}

.menu-overlay-btn-close span:after,
.menu-overlay-btn-close span:before {
	background: #1f5fbf;
}
/*
.menu-overlay-btn-close{position:absolute;right:55px;top:20px;width:25px;height:25px;cursor:pointer;border-color:transparent;background-color:transparent;transform:rotate(180deg);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.menu-overlay-btn-close:focus{outline:0}
.menu-overlay-btn-close:hover > a span, .menu-overlay-btn-close:hover > a span:after, .menu-overlay-btn-close:hover > a span:before{background:#fffffff !important}
.menu-overlay-btn-close:hover span:after{-webkit-transform:translateY(-.7em) translateX(.58em) rotate(45deg) scaleX(.6);transform:translateY(-.7em) translateX(.58em) rotate(45deg) scaleX(.6)}
.menu-overlay-btn-close:hover span:before{-webkit-transform:translateY(.7em) translateX(.58em) rotate(-45deg) scaleX(.6);transform:translateY(.7em) translateX(.58em) rotate(-45deg) scaleX(.6)}
.menu-overlay-btn-close span, .menu-overlay-btn-close span:after, .menu-overlay-btn-close span:before{position:absolute;left:0;cursor:pointer;height:2px;width:20px;background:0 0;display:block;content:'';transition:all .3s ease-in-out}
.menu-overlay-btn-close span:after, .menu-overlay-btn-close span:before{background:#ffffff}
.menu-overlay-btn-close span:before{top:-8px;left:0;transform:translateY(.5em) translateX(0) rotate(45deg) scaleX(1)}
.menu-overlay-btn-close span:after{bottom:-8px;transform:translateY(-.5em) translateX(0) rotate(-45deg) scaleX(1)}
*/

.menu-overlay::-webkit-scrollbar-track{background-color: transparent;border-radius: 0px;}
.menu-overlay::-webkit-scrollbar{width: 5px; height: 5px; background-color: transparent;}
.menu-overlay::-webkit-scrollbar-thumb{ border-radius: 0px;	background-color:#7fb2e6; }

.menu-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color: #d9ecff;overflow-y:scroll;border-left:0px solid #ccc ;z-index:9;}

.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-bottom:50px !important;padding:0}
.menu-overlay .mainmenu .sm-superclean-overlay{box-shadow:none; margin: 10px 0px 10px 0px;}
.menu-overlay .mainmenu .sm-superclean-overlay a{font-size:clamp(1.3rem, 1.0vw, 1.5rem); font-weight: inherit;text-transform: uppercase; color:#1f5fbf; text-align:left; 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:#15468f}
.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:4px;color:#1f5fbf}
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow{font-family:Roboto Condensed !important;right:4px;color:#1f5fbf}
.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 25px 15px 10px}
.menu-overlay .mainmenu .sm-superclean-overlay li ul li ul a{font-size:14px;padding:15px 25px 15px 10px}
.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.bottom .mainmenu .logo, .menu-overlay.left .mainmenu .logo, .menu-overlay.left .mainmenu .logo, .menu-overlay.top .mainmenu .logo{}
.menu-overlay a:hover{opacity:.8}

.menu-overlay.left{width:33.3%;left:100px; top: 82px; bottom:72px; height: auto;}
.menu-overlay.left:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0; }
.menu-overlay.left .mainmenu{top:70px;width:70%;transform:none}
.menu-overlay.left.overlay-slidelateral{visibility:hidden; backface-visibility:hidden; transform:translateX(-110%); transition:transform .5s, visibility 0s .8s}
.menu-overlay.left.overlay-slidelateral.open{visibility:visible;transform:translateX(0);transition:transform .6s ease-in-out}

@media all and (min-width: 481px) and (max-width: 768px) { 
	.menu-overlay.left{width:50%;}
}

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