/* ! INIZIO HEADER */
.header{
    background-color:var(--bg-header);
    width:100%;
    min-height:80px;
    margin:0 auto;
    z-index:30;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.img-bg-header{
    position: absolute;left:0;top:0;
    width:100%; height:100%; display: block;object-fit: cover; overflow: hidden;}

.div-logo{width:30%;height:100px;margin:10px;z-index:35}
.div-logo img{height:100px;width:auto;}
.header__menu{
    width:100%;
    display:flex;
    align-items: center;
    justify-content:center;
    margin:10px;
    position: relative;
}
    .header__menu-item{
        list-style-type: none;
        display: block;
        margin:10px 5px;
        padding:10px;
        position: relative;
    }
    .header__menu-link{text-transform: uppercase;text-decoration: none; color:#20325f;padding:10px;font-weight:600;}
    .header__sottomenu-ul{
        list-style-type:none;
        background-color:var(--bg-header);
        position: absolute;
        top:100%;
        min-width:100%;
        width:max-content;       /* ma può allargarsi quanto serve */
        overflow: hidden;
        max-height:0;
        z-index:20;
        /*transition: max-height 1s cubic-bezier(0.215, 0.610, 0.355, 1);*/
    }
    .header__sottomenu-ul li{margin:20px 20px 20px 10px;}
    .header__sottomenu-ul li a{
        text-decoration: none;
        color:#20325f;
        text-transform: uppercase;
        font-size:0.9rem;
    }
    /*.header__sottomenu-ul.open-submenu{max-height: 500px;}*/
    .open-submenu{max-height: 500px;border-bottom:var(--bordi2) solid 2px;border-top:var(--bordi2) solid 2px;}
    .header__menu-link i {transition: transform 0.3s ease;}
    .header__menu-link.animateArrow i {transform: rotate(180deg);transition: transform 0.3s ease;}

    .header__hamburger{display:none;}

@media (max-width: 998px){
    /* ! INIZIO HEADER */
    .div-logo{width:40%;height:120px;margin:10px;text-align:center;}
    .div-logo img{height:120px;width:auto;}
    .header{flex-flow: column;align-items: center;justify-content: center;}
}

@media (max-width: 768px) {
    body{padding-top:120px;}
    .header{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        z-index:35;
    }
    .header__menu{
        position: absolute;
        background-color:var(--bg-header);
        top:120px;
        left:0;
        width:100%;
        margin:0;
        height:0;
        display:block;
        overflow: hidden;transition:all 1s cubic-bezier(.215, .61, .255, 1);
    }

    .div-logo{width:40%;height:100px;margin:10px;}
    .div-logo img{height:100%;width:auto;}

    .header__menu-item{display: block;border:#000 solid 1px; margin:10px;}
    .header__hamburger{
        display:block;
        width:40px;
        height: 40px;
        margin:10px;
        cursor: pointer;
        z-index:40;
    }
    .header__hamburger span{width:32px; height:3px; background-color:#20325f; display:block;margin-top:10px;margin-left:4px ;transition:all 0.3s cubic-bezier(.215, .61, .255, 1);}

    .menu-open .header__menu{height:calc(100vh - 120px); overflow: hidden;}
    /*.menu-open .header__hamburger span:nth-child(1){transform: translateY(6px) rotate(45deg);}
    .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}*/
    .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
    .menu-open .header__hamburger span:nth-child(2){transform: translateY(-7px) rotate(-45deg);}
    .menu-open .header__hamburger span:nth-child(3){display:none;}
    
    .no-scroll{overflow: hidden;}
    /** SOTTOMENU' */
    .header__sottomenu-ul{position:relative;}
    .header__sottomenu-ul li{}
    .header__sottomenu-ul li a{}
    .open-submenu{margin-top:10px;}
    /** ---------- */
}
/** FINE HEADER */