:root {
    --mm-w-top: 95px;
    --mm-w-logo-top: 55px;
}

.mm{ position:fixed; z-index: 5; }

/* wrap main*/
.mm-w-main {top: var(--mm-w-top); left: 42px; }

/* mobile vertical */ 
@media all and (max-width: 812px)  { 
    .mm-w-main {top: 25px; left: 30px;}
}
 
.mm-w-main a { position: relative; display: inline-block; z-index: 2; width: 95px; height: 58px; padding: 0;  cursor: pointer;  border: 1px solid #fff; background-color: transparent; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; transition: all .4s linear; }
.mm-w-main a:focus { outline: none; }
.mm-w-main a span ,.mm-w-main a span:before , .mm-w-main a span:after   { content: ''; position: absolute; top:50%; left: 50%; transform: translateX(-50%); cursor: pointer;  height: 1px; width: 78%; background: #fff; display: block;  transition: all 500ms ease-in-out; }
.mm-w-main a span:before { left: 0; transform: translateX(0%);  width: 100%; top: -9px; }
.mm-w-main a span:after { left: 0; transform: translateX(0%); width: 100%; top: 9px; }

.mm-w-main a:hover span:before { width: 50%;}
.mm-w-main a:hover span:after { width: 50%;}

.mm-w-main.overlaymenu-open { display: none;}

body.scroll-page .mm-w-main a { background-color:#98BAD4;}
/* mobile vertical */ 
@media all and (max-width: 812px) { 
    .mm-w-main a{ width: 55px;height: 44px;}
}
 

/* wrap lang*/
.mm-w-lang {top: var(--mm-w-top); left: 185px;  height: 60px; display: flex; align-items: center; justify-content: center;}
.mm-w-lang a { position: relative; color:#fff; padding: 16px 12px; font-family: 'Gotham'; font-weight: 300; font-size: 20px;letter-spacing: .6px;  }
.mm-w-lang a:after { content: ''; background-color:#fff; width: 1px; height: 50%; position: absolute; top: 50%; transform: translateY(-50%) ;right: 0;}
.mm-w-lang a:last-child:after { display: none;}
.mm-w-lang a:hover, .mm-w-lang a.active { color:#fff !important;  }
.mm-w-lang a.active:before{ content: ''; position: absolute;left: 50%;transform: translateX(-50%); bottom:-0px; width: 20px; height: 10px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: #98BAD4;}

.mm-w-lang a span.l-short{display: none;}
body.scroll-page .mm-w-lang {opacity:0!important; transform:translateY(-300%)!important; transition: opacity .3s, transform 0s .6s;}

/* mobile vertical */ 
@media all and (max-width: 812px) {    
    .mm-w-lang {top: 16px; left: 87px; }
    .mm-w-lang a span.l-extented{display: none;}
    .mm-w-lang a span.l-short{display: inline-block;}
    
    body.scroll-page .mm-w-lang a:not(.active) { opacity: 0; width: 0; padding: 0; transition: all .3s;}
    body.scroll-page .mm-w-lang a:after {opacity: 0;}
}


/* wrap logo*/
.mm-w-logo {top:  var(--mm-w-logo-top); left: 50%; transform: translateX(-50%) scale(1); overflow: hidden; /*opacity: 1;*/ height: 255px; z-index: 4;  transition:/* opacity 1s,*/ height .4s, transform .5s; }
.mm-w-logo.logo-extendend { height: 165px;transition: all 1s;}
.mm-w-logo.logo-short { height: 75px; transition: all 1s;}

.mm-w-logo.logoscrolled {  }

body.scroll-page .mm-w-logo { /*opacity: 0;*/ /*height: 0px; transition: opacity 1s 0s ease, height 1s 1.5s linear;*/  height: 100px; transform: translateX(-50%) scale(.5); transition: height .4s .0s linear , transform .5s .2s linear;}
.mm-w-logo.overlaymenu-open  { height: 114px !important; opacity: 1 !important; filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(1812%) hue-rotate(332deg) brightness(99%) contrast(99%); transition:opacity .5s , height 0s!important;}

/* mobile vertical */ 
@media all and (max-width: 812px) {   
    .mm-w-logo { top: 80px; }
    .mm-w-logo img { width: 100%!important; }
    .mm-w-logo.logoscrolled { top: 25px; height: 75px; transition: all 1s;}
    body.scroll-page .mm-w-logo { top: -15px; height: 105px; transition: all 1s;}
    .mm-w-logo.overlaymenu-open { top: 70px; height: 110px!important;}
 }


/* wrap prenota*/
.mm-w-prenota {top:  var(--mm-w-top); right: 39px;border: none;}
.mm-w-prenota a {position: relative;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'Gotham'; font-weight: 500; font-size: 18px;letter-spacing: .2px; -webkit-font-smoothing: antialiased; color:#fff; background-color:#98BAD4; border:1px solid #fff; padding: 18px 18px; padding-right: 60px;}
/*.mm-w-prenota a .mmws-icona { border-radius: 50%; border:1px solid #fff; width: 32px; height: 32px; margin: 0 0 0 10px; padding: 5px;}*/
.mm-w-prenota a .mmws-icona { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); border-radius: 50%; border:1px solid #fff; width: 36px; height: 36px; margin: 0 0 0 10px; padding: 5px;transition: opacity .3s;}
.mm-w-prenota a:hover { background-color:#98BAD4; color:#fff;}

.mm-w-prenota.mmwp-evidenziato a { background-color:#C0B7AD!important;}
body.scroll-page .mm-w-prenota a { background-color:#98BAD4;}

/* mobile vertical */ 
@media all and (max-width: 812px) {   
    .mm-w-prenota { top: 25px; right: 30px;}
    .mm-w-prenota a { padding: 11px 13px; padding-right: 45px;}
    .mm-w-prenota a .mmws-icona { width: 26px; height: 26px;}
    
    body.scroll-page .mm-w-prenota a .mmws-icona { opacity: 0; transition: opacity .3s;}
    body.scroll-page .mm-w-prenota a { padding-right: 14px;}
 }

/* wrap tel*/
/*
 :root {
    --mm-w-servizi-top: 250px;
    --mm-w-servizi-margin-top: 87px;
}*/

 
 :root {
    --mm-w-servizi-top: 165px;
    --mm-w-servizi-margin-top: 87px;
    --mm-w-servizi-single-margin-top: 6vh;
} 

.wrapper-servizi { position: fixed; top:var(--mm-w-servizi-top); right: 15px; /*border: 1px solid #fff; */width: 50px; height: 70vh; padding-top: 15vh; text-align: right;overflow: hidden; z-index:4;}

.mm-w-servizi {position: relative; right:0; width: 50px; height: 50px; border: none; transition: opacity .6s ease-in-out}
.mm-w-servizi a{position: relative;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.mm-w-servizi a:hover { border-color:#98BAD4;}

.mm-w-servizi .mmws-icona {/* filter: brightness(0%);*/ }
 

.mm-w-servizi.overlaymenu-open .mmws-cerchio .mmwsc-normal { display: none;}
.mm-w-servizi.overlaymenu-open a:before,.mm-w-servizi.overlaymenu-open a:after { display: none;}
.mm-w-servizi.overlaymenu-open .mmws-icona {filter: brightness(0) saturate(100%) invert(98%) sepia(4%) saturate(1812%) hue-rotate(332deg) brightness(99%) contrast(99%);}


.mm-w-servizi .mmws-cerchio { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mm-w-servizi .mmws-cerchio .mmwsc-normal{ stroke-dasharray: 227; stroke-dashoffset: 113.5; stroke-width :2px; stroke:#fff; fill:transparent; transition: stroke-dashoffset .6s ease;-webkit-transition: stroke-dashoffset .6s ease;} 
.mm-w-servizi .mmws-cerchio .mmwsc-over{ stroke-dasharray: 227; stroke-dashoffset: 227; stroke-width :8px; stroke:#98BAD4; fill:transparent; transition: stroke-dashoffset .6s ease;-webkit-transition: stroke-dashoffset .6s ease;z-index: 1; }
.mm-w-servizi .mmws-cerchio .mmwsc-over:hover { stroke-dashoffset: 0%; transition: stroke-dashoffset .3s ease; -webkit-transition: stroke-dashoffset .3s ease;}

body.scroll-page .mm-w-servizi { opacity: 0; transition: opacity .3s ease-in-out;  }
body.scroll-page .wrapper-servizi {  right:-100px; transition: right .5s ease 2s;  }



/* mobile vertical */ 
@media all and (max-width: 812px) { 
    :root { --mm-w-servizi-top: 100px; --mm-w-servizi-margin-top: 87px; }
    .wrapper-servizi { top: 78px; right: 6px;}
    /*.mm-w-servizi {  right: 8px;}*/
}
/*.mm-w-tel { top:var(--mm-w-servizi-top);}*/
.mm-w-tel { margin-top: 0;}
.mm-w-tel a:before { content: ''; position: absolute; top: 2px; transform: translateY(-100%);  left: 49%; width: 1px; height: 100vh; background-color:#fff;}
.mm-w-tel a:after { content: ''; position: absolute; bottom: 3px; transform: translateY(100%);  left: 49%; width: 1px; height: calc(var(--mm-w-servizi-single-margin-top) - -5px)  ; background-color:#fff;}

/* wrap mail*/
/*.mm-w-mail {top:calc(var(--mm-w-servizi-top) + 95px);}*/
.mm-w-mail {margin-top: var(--mm-w-servizi-single-margin-top);}
.mm-w-mail a:after { content: ''; position: absolute; bottom: 3px; transform: translateY(100%);  left: 49%; width: 1px; height: calc(var(--mm-w-servizi-single-margin-top) - -5px)  ; background-color:#fff;}

/* wrap social facebook*/
/*.mm-w-social-f {top:calc(var(--mm-w-servizi-top) + 190px); }*/
.mm-w-social-f {margin-top: var(--mm-w-servizi-single-margin-top); }
.mm-w-social-f a:after { content: ''; position: absolute; bottom: 3px; transform: translateY(100%);  left: 49%; width: 1px; height: calc(var(--mm-w-servizi-single-margin-top) - -5px) ; background-color:#fff;}


/* wrap social instagram*/
/*.mm-w-social-i {top:calc(var(--mm-w-servizi-top) + 285px); }*/
.mm-w-social-i {margin-top: var(--mm-w-servizi-single-margin-top); }
.mm-w-social-i a:after { content: ''; position: absolute; bottom: 3px; transform: translateY(100%);  left: 49%; width: 1px; height: calc(var(--mm-w-servizi-single-margin-top) - -5px) ; background-color:#fff;}





/* mobile vertical */ 
@media all and (max-width: 812px) {}

/* mobile vertical */ 
@media (max-width: 667px) {}

/* mobile vertical */ 
@media (max-width: 736px) {}

/* Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 2080px) {}


 








/* CHIUSURA */
.menu-overlay-btn-close { position: absolute; z-index: 5; left: 70px; top: 100px; width: 50px; height: 50px; cursor: pointer; border-color: transparent; background-color: transparent; transform: rotate(90deg); -webkit-transition: all .4s linear; -moz-transition: all .4s linear; transition: all .4s linear; }
.menu-overlay-btn-close:focus { outline: none; }
.overlay-scale.open .menu-overlay-btn-close { transform: rotate(180deg);}

.menu-overlay-btn-close span, .menu-overlay-btn-close span:before, .menu-overlay-btn-close span:after { position: absolute; left: 0; cursor: pointer; /*border-radius: 0px;*/ height: 1px; width: 50px; background: none; display: block; content: ''; transition: all 500ms ease-in-out; }
.menu-overlay-btn-close span:before, .menu-overlay-btn-close span:after { background: #ffffff; }
.menu-overlay-btn-close span:before { top: -8px; left: 0px; transform: translateY(0.5em) translateX(-0) rotate(45deg) scaleX(1); }
.menu-overlay-btn-close span:after { bottom: -8px; transform: translateY(-0.5em) translateX(0) rotate(-45deg) scaleX(1) }
 

/* mobile vertical */ 
@media all and (max-width: 812px) { 
    .menu-overlay-btn-close { left: 28px; top: 22px; }
    .menu-overlay-btn-close span, .menu-overlay-btn-close span:before, .menu-overlay-btn-close span:after { width: 40px;}
}


/* Overlay style */

.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:#333; opacity: .65 }

.menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(116,154,194,.95); overflow: scroll; display: flex; align-items: center; justify-content: center;   z-index: 3; }

.mo-wrapper { position: relative; width: 100%; height: 100%; padding: 210px 5% 100px 5%; }
@media all and (max-width: 812px) { 
    .mo-wrapper { padding: 230px 5% 100px 5%;}
}
    
/* Effetti */
/*scale*/
.overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(1); transform: scale(1); left: -100%; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, left 0s 0.4s; }
.overlay-scale.open { visibility: visible!important; opacity: 1!important; -webkit-transform: scale(1);left: 0%; transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
/*contentpush*/
.overlay-slidelateral { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; }
.overlay-slidelateral.open { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
/*slidedown*/
.overlay-slidedown { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s; }
.overlay-slidedown.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }
/*slideup*/
.overlay-slideup { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s; }
.overlay-slideup.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }
/*hugeinc*/
.overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-hugeinc .mainmenu { -webkit-perspective: 1200px; perspective: 1200px; }
.overlay-hugeinc .mainmenu ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.overlay-hugeinc.open .mainmenu ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.overlay-hugeinc.close .mainmenu ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }

/* Menu */
.menu-overlay .mainmenu {margin: 0; display: flex; align-items: center; justify-content: center; height: 100%;}
.menu-overlay .mainmenu .sm-superclean-overlay { box-shadow: none; }
.menu-overlay .mainmenu .sm-superclean-overlay a { position: relative; display: inline-block;  border-left: none; border-bottom: 1px solid transparent;padding: 0 4px; text-align: center; color:#ffffff; opacity: .6; font-family: 'Bodoni Moda 18pt'; font-size:clamp(2rem, 1.625rem + 2.3333vw, 4.5rem)!important; letter-spacing: -1px; line-height: 120%; -webkit-font-smoothing: antialiased; transition:all .9s ease }

.menu-overlay .mainmenu .sm-superclean-overlay a > i.fa { display:none !important;}
.menu-overlay .mainmenu .sm-superclean-overlay a.active, .menu-overlay .mainmenu .sm-superclean-overlay a.current  { opacity: 1;}
.menu-overlay .mainmenu .sm-superclean-overlay a:hover { opacity: 1; transition:all .5s ease;}

.menu-overlay .mainmenu .sm-superclean-overlay li {border-top: none; text-align: center; transition: all .6s ease}
.menu-overlay .mainmenu .sm-superclean-overlay > li.menu-transform { opacity: 0; margin-top: -30px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; }
.menu-overlay .mainmenu .sm-superclean-overlay > li.menu-transform-active { opacity: 1; margin-top: 0; border-color: transparent; transition: all .6s ease }
.menu-overlay .mainmenu .sm-superclean-overlay > li.menu-transform-active > a span.sub-arrow { opacity: 1;/* transition-delay: .5s;*/}

/* test con piu sotto */
.menu-overlay .mainmenu .sm-superclean-overlay > li > a span.sub-arrow { opacity: 0; position: relative; display: block; width: 100%; height: 40px; top:inherit; transform:inherit; right: inherit; margin-top: inherit; font-size: 40px!important;     font-family: 'Gotham' !important;    font-weight: 100 !important; color:#fff; transition: all .6s;   }
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow { text-align: center;  font-size:clamp(1rem, 0.8750rem + 8.3333vw, 7.5rem)!important;width: auto; height: 54px; border-radius: 0; /* top: 48%; right: -2%; */  }
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow:before {display: none; }
.menu-overlay .mainmenu .sm-superclean-overlay a.highlighted span.sub-arrow { transform:  rotate(45deg);  }


/* OK !! .menu-overlay .mainmenu .sm-superclean-overlay > li > a span.sub-arrow { opacity: 0; width: 40px; height: 40px; top: 50%; transform: translateY(-50%); right: -35px; margin-top: inherit; font-size: 40px!important;     font-family: 'Gotham' !important;    font-weight: 100 !important; color:#fff; transition: all .6s;   }
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow { text-align: center;  font-size:clamp(1rem, 0.8750rem + 8.3333vw, 7.5rem)!important;width: auto; height: 54px; border-radius: 0;  top: 48%; right: -2%;   }
.menu-overlay .mainmenu .sm-superclean-overlay a span.sub-arrow:before {display: none; }
.menu-overlay .mainmenu .sm-superclean-overlay a.highlighted span.sub-arrow { transform:translateY(-50%) rotate(45deg);  }
*/


/*submenu */
.menu-overlay .mainmenu .sm-superclean-overlay li ul { margin-bottom: 20px;}
.menu-overlay .mainmenu .sm-superclean-overlay li ul li a { padding: 4px 4px; font-family: 'Nunito Sans 10pt'; font-size: clamp(1rem, 0.1750rem + 1.1333vw, 1.5rem)!important; font-weight: 100;line-height:normal; } 
.menu-overlay .mainmenu .sm-superclean-overlay li ul li a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom:0px; width: 0; height: 1px; background-color:#F6DA81; opacity:0; transition: width .5s ease-in-out, opacity .5s ease-in-out;} 
/*.menu-overlay .mainmenu .sm-superclean-overlay li ul li a:hover { border-bottom:1px solid #F6DA81;} */
.menu-overlay .mainmenu .sm-superclean-overlay li ul li a:hover:after { width: 100%; opacity: 1; transition:  width .5s ease-in-out, opacity .5s ease-in-out;} 

.menu-overlay .mainmenu .sm-superclean-overlay li ul li a.active:after, .menu-overlay .mainmenu .sm-superclean-overlay li ul li a.current:after {  width: 100%; opacity: 1;} 
 


/* Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 2080px){ 
.menu-overlay .mainmenu {   }
}


@media (max-width: 736px) {
    .menu-overlay {  display: inline-block; }
    .menu-overlay .mainmenu {  }    
    .menu-overlay .mainmenu .sm-superclean-overlay a { font-size: clamp(1rem, 1.0rem + 2.3333vw, 4.5rem) !important;}
}

@media screen and (max-height: 30.5em) {
.menu-overlay .mainmenu {  }
.menu-overlay ul li {   }
}

/* small menu */


.menu-overlay .smallmenu { display: inline-block; width: 100%; margin: 0; padding: 0; padding-right: 5vw; list-style: none; }
.menu-overlay .smallmenu li{   }
.menu-overlay .smallmenu li.menu-transform { transform: translateX(100%); opacity: 0;   transition: all .4s ease; }
.menu-overlay .smallmenu li.menu-transform-active { transform: translateX(0%); opacity: 1;  transition: all 1s ease }

.menu-overlay .smallmenu li a { display: inline-block; width: 100%; padding: 5px 5px; color:#fff; opacity: .6; font-family: 'Nunito Sans 10pt'; font-weight: 400; font-size: 20px; text-align: right; transition: all .2s ease; }
.menu-overlay .smallmenu li a:hover { opacity: 1;}

.menu-overlay .smallmenu.sm-1 { position: fixed; top: 45vh;right: 8vh; width: auto; }
.menu-overlay .smallmenu.sm-2 { position: fixed; top: 65vh;right: 8vh; width: auto; }


.menu-overlay .smallmenu.sm-1 a {font-size: 20px;}
.menu-overlay .smallmenu.sm-2 a {font-size: 15px;}

@media (max-width: 736px) {
    
    .menu-overlay .smallmenu.sm-1 { position: relative; top: inherit;right: inherit; width: inherit; padding-right: 0; }
    .menu-overlay .smallmenu.sm-2 { position: relative; top: inherit;right: inherit; width: inherit; padding-right: 0; }
    
    .menu-overlay .smallmenu.sm-1 a {font-size: 18px;}
    .menu-overlay .smallmenu.sm-2 a { text-align: left; font-size: 14px;}
}


.menu-overlay.top .mainmenu .logo, .menu-overlay.bottom .mainmenu .logo, .menu-overlay.left .mainmenu .logo, .menu-overlay.right .mainmenu .logo { display: none; }
.menu-overlay a:hover { opacity: .8; }
/*posizione top*/
.menu-overlay.top { top: 0 !important; bottom: inherit; height: 300px; }
.menu-overlay.top .mainmenu { top: 30px; width: 80%; transform: none; }
.menu-overlay.top .menu-overlay-btn-close { transform: rotate(-90deg); }
/*posizione bottom*/
.menu-overlay.bottom { top: inherit; bottom: 0 !important; height: 300px; }
.menu-overlay.bottom .mainmenu { top: 30px; width: 80%; transform: none; }
.menu-overlay.bottom .menu-overlay-btn-close { transform: rotate(90deg); }
/*posizione sinistra*/
.menu-overlay.left { width: 300px; }
.menu-overlay.left .mainmenu { top: 50px; width: 80%; transform: none; }
/*posizione destra*/
.menu-overlay.right { width: 300px; left: inherit; right: 0; }
.menu-overlay.right .mainmenu { top: 50px; width: 80%; transform: none; }
.menu-overlay.right.overlay-slidelateral { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; }
.menu-overlay.right.overlay-slidelateral.open { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

@media (max-width: 667px) {
.menu-overlay.left { width: 100%; }
.menu-overlay.right { width: 100%; }
}

@media all and (max-width: 812px) {	
	 
}