.subitomobile .menutoggle:before, .fixed.header.subitomobile .menutoggle:before { font-size: 30px; }
.subitomobile .menutoggle { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; padding: 20px 20px; height: auto; cursor:pointer;}
.subitomobile .head{ width: 100%; display: flex; justify-content: flex-start; align-content: center; align-items: center; }
.subitomobile .head > a > picture { height: auto; margin: unset;}
.subitomobile .head > a > picture > img { height: auto; margin: unset; max-height: 100px; }
.subitomobile .menumobile { max-width : 100%; overflow: hidden; }
.subitomobile .menumobile { transform: translateX(100vw); font-family: fantasy; width:100%; height: calc(var(--vh, 1vh) * 100); top: 0px; left: 0px; position: absolute; overflow: hidden; z-index: 150; background-color: transparent; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center;border:none; }
.menu-attivo .subitomobile .menumobile{ transform: translateX(80px); display: flex; }

.menu-attivo .subitomobile .chiudimenu { color: #fff; position: fixed; top: 29px; left: 23px; }
.subitomobile .fixed .side-menu { height: auto; }
.menu-attivo .subitomobile .head > a > picture > img { }
.menu-attivo .subitomobile .submenu { height: 100%; overflow: hidden; opacity: 1; position: absolute; width: 100%; left: 0px; flex-flow: row wrap; justify-content: center; z-index: 10; top: 0px; max-height: 100%; transition: max-height 0.15s ease-out; overflow: hidden; flex-direction: row; align-items: center; display: none; }
.menu-attivo .subitomobile .main-nav > div:hover > div { display: flex; }
.menu-attivo .subitomobile .main-nav { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.menu-attivo .subitomobile .submenu .submenu-content { display: flex; width: 100vw; height: 100vh; max-width: calc(100vw - 0px); flex-flow: row wrap; justify-content: center; padding: 0px; align-items: center; flex-direction: column; flex-wrap: wrap;  align-content: center; }
 .menu-attivo .subitomobile .submenu .submenu-content div { display: flex; justify-content: center; align-items: center; flex-direction: row; flex-flow: row; margin: 20px 20px; flex: revert; }
.menu-attivo .subitomobile .side-menu{ height: 0px; }

.subitomobile.fixed { }
    .subitomobile.fixed a#logo { position: relative; margin:  0px; top: 0px; top: unset; }
.subitomobile.fixed .side-menu { height: 0pc; }
    .subitomobile.fixed .head > a > picture > img { height: auto; margin: unset; max-height : 50px; }
.menu-attivo .subitomobile .side-menu { height: auto; }

header.flcol.header.w100.subitomobile .main-nav > div > a { color:white;}

.menu-attivo .subitomobile .menutoggle{display:none;}
.header .main-nav ul li a span { color: #fff; font-size: 24px;  font-weight:600!important;}


.header.subitomobile, .menumobile{background-color:transparent;}


.subitomobile .submenu .submenu-content { transition-property: background-color; transition-duration: 10s; transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; -moz-transition-delay: 2s; }

@media (max-width: 1366px) and (min-width: 990px) {
    .header.subitomobile .main-nav > div > a {font-weight: 600; font-size: 50px; }
}
@media screen and (min-width: 1px) and (max-width: 990px) {
    .fixed .main-nav.header.subitomobile > div, .main-nav.header.subitomobile > div { width: 100%; margin: 0px; border-bottom: none; }
        .fixed .main-nav.header.subitomobile > div a, .main-nav.header.subitomobile > div a { width: 100%; margin: 0px; border-bottom: none; }
    .fixed.subitomobile .main-nav > div, .subitomobile .main-nav > div { width: 100%; margin: 0px; border-bottom: none; }
        .fixed.subitomobile .main-nav > div a, .subitomobile .main-nav > div a { font-size: 30px;}
        .fixed.subitomobile .main-nav > div, .subitomobile .main-nav > div .back-1st {  }
    .subitomobile .submenu > div > a:first-child.mobile-only.back-1st { display: none !important; }
    .subitomobile .submenu-content { background: inherit; }
   #nav .social-inline li a i { width: 50px; }
    #nav ul.social-inline { justify-content: flex-start; }
    /* Quando .menu-attivo è attivo: cambia colore */
    .menu-attivo .subitomobile .submenu .submenu-content { left: -100px; }
    #nav .social-inline li a i { width: 35px; }
    .menutoggle { left: unset; top: unset; position: relative; cursor: pointer; z-index: 100; display: flex; justify-content: center; align-items: center; width: unset; height: unset; }

    .header .main-nav ul li a.bianca { color: white !important; font-size: 20PX; TEXT-DECORATION: none; text-transform: uppercase; }
    
    .subitomobile .head{display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; background-color: rgba(255, 255, 255, 0.9);}
    .subitomobile .menutoggle{ grid-column: 1; justify-self: start;}
    .subitomobile #logo{ grid-column: 2; justify-self: center;}
    .subitomobile .head > a > picture > img{max-height:75px;}

}


/* Font con Social */
@font-face { font-family: "medula"; src: url("/contents/fonts/medula/01/medula-standard.eot"); src: url("/contents/fonts/medula/01/medula-standard.eot?#iefix"), format("embedded-opentype"), url("/contents/fonts/medula/01/medula-standard.woff"), format("woff"), format("truetype"), url("/contents/fonts/medula/01/medula-standard.svg#medula") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before, .claim > div:before, .mp-back:before, .blocchi a:before, .agenzia .riga > div.flip-images > a > div > div.frontface > div:before { font-family: "medula" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="medula-"]:before, [class*=" medula-"]:before { font-family: "medula" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mp-back { text-decoration: none; font-size: 38px; color: #fff; margin-top: 14px; } .mp-back:before
{ content: "\69"; }
.claim > div:before { content: "\41"; }
.blocchi.footer-sedi a:before { content: "\31"; }
.blocchi.footer-telefono a:before { content: "\4d"; }
.blocchi.footer-email a:before { content: "\59"; }
.footer-telefono.blocchi > div:nth-child(3) > a:before { content: "\36"; }
.footer-email.blocchi > div:nth-child(2) > a:before { content: "\33"; }
.agenzia .riga > div.flip-images > a > div > div.frontface > div:before { font-size: 190px; position: absolute; top: 50%; margin-top: -130px; }
.agenzia .riga > div.flip-images.medula1 > a > div > div.frontface > div:before { content: "\44"; }
.agenzia .riga > div.flip-images.medula2 > a > div > div.frontface > div:before { content: "\6f"; }
.agenzia .riga > div.flip-images.medula3 > a > div > div.frontface > div:before { content: "\46"; }
.agenzia .riga > div.flip-images.medula4 > a > div > div.frontface > div:before { content: "\45"; }
.agenzia .riga > div.flip-images a h2 { font-weight: normal; font-size: 18px; }
.agenzia .riga > div.flip-images a h3 { font-weight: normal; font-size: 16px; text-transform: none; }
.blocchi a:before { font-size: 20px; }
.blocchi a:before { position: absolute; left: 9px; top: 18px; }
.medula-cacciavite:before { content: "\61"; }
.medula-compasso:before { content: "\62"; }
.medula-freccia-dx:before { content: "\64"; }
.medula-freccia-giu:before { content: "\65"; }
.medula-freccia-lunga-dx:before { content: "\66"; }
.medula-freccia-lunga-giu:before { content: "\67"; }
.medula-freccia-lunga-su:before { content: "\68"; }
.medula-freccia-lunga-sx:before { content: "\69"; }
.medula-freccia-su:before { content: "\6a"; }
.medula-freccia-sx:before { content: "\6b"; }
.medula-iconatutto:before { content: "\6d"; }
.medula-logo-spicchio-dxbasso:before { content: "\70"; }
.medula-logo-spicchio-dxalto:before { content: "\71"; }
.medula-logo-spicchio-sxalto:before { content: "\72"; }
.medula-logo-spicchio-sxbasso:before { content: "\73"; }
.medula-lucchetto:before { content: "\75"; }
.medula-provetta:before { content: "\76"; }
.medula-v:before { content: "\7a"; }
.medula-virgolette:before { content: "\41"; }
.medula-x:before { content: "\42"; }
.medula-raffaello-trasparente:before { content: "\6f"; }
.medula-massimo-trasparente:before { content: "\44"; }
.medula-matteo-trasparente:before { content: "\45"; }
.medula-giulia-trasparente:before { content: "\46"; }
.medula-logo:before { content: "\47"; }
.medula-cerchio:before { content: "\48"; }
.medula-tz:before { content: "\4b"; }
.medula-v-1:before { content: "\56"; }
.medula-piu:before { content: "\57"; }
.medula-ricerca:before { content: "\58"; }
.medula-pec2:before { content: "\32"; }
.medula-logoscritta:before { content: "\74"; }
.medula-logo-1:before { content: "\49"; }
.medula-setting:before { content: "\4a"; }
.medula-cornetta:before { content: "\4d"; }
.medula-email:before { content: "\59"; }
.medula-facebook-ok:before { content: "\5a"; }
.medula-instagram-ok:before { content: "\30"; }
.medula-segnalino:before { content: "\31"; }
.medula-pec1:before { content: "\33"; }
.medula-mobile:before { content: "\34"; }
.medula-youtube-ok:before { content: "\35"; }
.medula-whatsapp:before { content: "\36"; }
.medula-logoscritta:before { content: "\63"; }
ul.social-inline { z-index: 1000000000000; position: absolute; bottom: 0px; width: 100%; display: flex; justify-content: center; left: 0px; align-items: center; flex-direction: row; flex-wrap: nowrap; padding: 20px 0px; }
.social-inline li a i { width: 60px; height: fit-content; font-size: 28px; display: flex; align-items: center; justify-content: center; }
.social-inline li a i{ width: 60px; height: fit-content; font-size: 28px; display: flex; align-items: center; justify-content: center; color:#fff;}

/* Colori*/
.subitomobile #overlaymelide { background-color: #0090b1; opacity: 1; transition: background-color 0.4s ease; }
.subitomobile div:hover > .submenu{ background-color: transparent; }