.col-menu{}
#main-menu > li.nav-item.logo{width: 300px; position: relative; z-index: 2;}

#main-menu > li.nav-item.logo img{position: absolute; top: 130px; left: 50%; transform: translate(-50%, -50%);}


.sm-clean{ background-color: transparent; display: flex; flex-wrap: wrap; padding: 0px; margin: auto!important; width: 100%}

.navbar-wrapper{background-color: #174A8B;}
.navbar{ padding-bottom: 0px; padding-top: 0px}

.sm-clean a.sobre{min-width: 250px; background-image: url('../imagens/home-bt-bg.fw.png'); background-position: center center; background-repeat: no-repeat; background-color: #FFF}
.sm-clean a.sobre:hover{background-color: #FFF}

@media (max-width: 767px){
    .sm-clean a.sobre{ background-image:none; background-color: #FF914D}
}


.sm-clean a.has-submenu{padding-right: 22px}
.sm-clean a.has-submenu:hover{padding-right: 22px}

.sm-clean ul{width: 100% !important; min-width: 15em !important; max-width: 20em !important; }


@media (min-width: 768px){

    .sm-clean ul {
        border: 1px solid #000;
        padding: 5px 0;
        background: rgb(23 74 139 / 70%);
        border-radius: 5px !important;
        box-shadow: 0 5px 9px rgb(23 74 139 / 20%);
    }

}


@media (max-width: 767px){
     
     .sm-clean{ display: block;}
     .sm-clean ul{max-width:none !important;}
}


.sm-clean a, 
.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active{font-family: inherit; font-weight: 300;  color: #fff; font-size: 20px; text-align: center; padding: 8px 12px;}

.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active, 
.sm-clean a.highlighted{color: #FFF}
.sm-clean a.highlighted.has-submenu{color: #FFF; padding: 8px 12px; padding-right: 22px}


.sm-clean ul a, 
.sm-clean ul a:hover, 
.sm-clean ul a:focus, 
.sm-clean ul a:active, 
.sm-clean ul a.highlighted{color: #fff; }
.sm-clean ul a:hover{background-color: #868695; color: #FFF}




.sm-clean a .sub-arrow{border-color: #000 transparent transparent transparent;}

.sm-clean a:hover { background-color: #4A4B56}


@media (max-width: 1280px){

.sm-clean a, 
.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active {}


}

.sm-clean li{flex-grow: 1;}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.99)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}