header{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}


nav{
    display: flex;
    flex-direction: row;
    background-color: #fff;
    height: 54px;
    /* width: 75vw; */
    position: fixed;
    align-items:center;
    z-index: 10000;
    font-size: 16px;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 10px;
}

a{
    text-decoration: none;
    color: #009ee3;

}



ul{
    display: flex;
    flex-direction: row;
    list-style: none;
}



ul li{
    /* padding-left: 15px;
    padding-right: 15px; */
    color: #009ee3;
}
nav >img{
    height: 40px;
    margin-left: 20px;
    margin-right: 10px;
}

nav>ul li{
    border-right: 0.5px solid#e5e0dc;
    line-height: 53px;
    padding-left: 12px;
    padding-right: 12px;
}

.first{
    border-left: 0.5px solid#e5e0dc;

}

nav>ul>li:hover, nav>ul>li>ul li:hover{
    background-color: #b8b1a8;
}

/* nav>ul>li:hover ul>li>a{
    color:#fff;
} */

nav>ul>li:hover .submenu{
    visibility: visible;
}

.search-nav{
    border:1px solid #e5e0dc!important;
    width:139px;
    margin-left: 10px;
    margin-right: 10px;
}

ul.submenu {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: 15vw;
    margin-left: -13px;
    visibility: hidden;
}

ul.submenu li{
    border:0.5px solid #e5e0dc;
    line-height: 30px;
}

ul.submenu>li a{
    color:#009ee3;
}

ul.submenu>li:hover{
    background: #008fcd;
    background: webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#1aa9e7),color-stop(100%,#008fcd));
    background: -webkit-linear-gradient(#1aa9e7,#008fcd);
    background: -moz-linear-gradient(#1aa9e7,#008fcd);
    background: -o-linear-gradient(#1aa9e7,#008fcd);
    background: linear-gradient(#1aa9e7,#008fcd);
}

ul.submenu>li:hover a{
    color:#fff;

}
.selecao{
    background-color: #b8b1a8;
    color:#fff;
    font-style: italic;
    font-size: 9px;
}

i.fa.fa-search.fa-flip-horizontal {
    position: absolute;
    margin-left: -30px;
    margin-top: 7px;
    color: #cdc6be;
}

.nav-mobile{
    display: none;
}


@media screen and (max-width: 1120px) {

    .menu{
        display: none;
    }

    .nav-mobile{
        display: flex;
        width: 100vw;
        height: 7vh;
        background-color: #fff;
    }

    nav ul {
        flex-direction: column;
        background-color: #fff;
    }

    nav>ul li ul li {
        border-right: none;
        border-top: 0.5px solid #e5e0dc;
        
        font-size: 13px;
        line-height: 29px;
 
    }

    ul.menu-expandido {
        position: absolute;
        margin-left: -99px;
        width: 90vw;
        padding: -16px;
    }

    ul.submenu {
        position: absolute;
        flex-direction: column;
        background-color: #fff;
        width: 41vw;
        margin-left: -13px;
        visibility: visible;
        z-index: 9000;
    }

  

    nav>ul li {
        line-height: 45px;
        padding-left: 10px;
        padding-right: 12px;
    }

    li.item-menu-expandido {
        margin-left: 107px;
        /* border: 1px solid red; */
        width: 88vw;
        background-color: #fff;
    }

    .btn-voltar{
        float: right;
    }


    ul.submenu-expandido {
        width: 20vw;
    }
 
    ul.submenu-expandido {
        margin-left: -100px;
        display: none;


    }

    .voltar{
        background: #008fcd;
        background: webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#1aa9e7),color-stop(100%,#008fcd));
        background: -webkit-linear-gradient(#1aa9e7,#008fcd);
        background: -moz-linear-gradient(#1aa9e7,#008fcd);
        background: -o-linear-gradient(#1aa9e7,#008fcd);
        background: linear-gradient(#1aa9e7,#008fcd);
    }

    .voltar a.btn-voltar{
        color: #fff;

    }

    nav>ul>li:hover, nav>ul>li>ul li:hover {
        background-color: #fff;
    }

    .menu-expandido{
        display: none;
    }

}