:root {
  
    --menuHeadBackCol: #560000; /*CB9A12  57D7F7*/
    --success: #CB9A12; /*#CB9A12  #009070  */
    --white: #ffffff;
   
    --menuBcolo: #81B4FE;
    /*var(--white); */
    --darkRedCol: #560000; /*3A2A97*/
    --menuHoverCol: #3A2A97;
    --menuFntCol: #FFFFFF;
 
    --menubackgroundColor:#81B4FE;
    --navBarToggBackCol:#81B4FE;
   }

  /* background: var(--menuHeadBackCol);*/

.fixed-top {
    top: 5px;
   /* transform: translateY(40px);
    transition: transform .3s;*/
}
.bg-light{
background-color: rgba(255,255,255, 0.2)!important;

}
.navbar-light {
/* background-color: background: rgba(0,0,0,0.4); !important;*/
background: rgba(255,255,255,0.2) !important;
border: none !important;
border-width:0!important;
}
.offcanvas{
    background-color:  var(--menubackgroundColor);
   /* background-image: url("../img/cb.png");*/
   
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
#navbar_top{
    z-index: 100;
   /* background-color: rgba(255, 0, 0, 0.4);*/
}
.navbar-nav .nav-item .nav-link {
    list-style-type:none!important;

    font-size:23px;
    padding:10px 20px;
    color:black;
}
.navbar-nav .nav-item .nav-link:hover{
        color:rgb(255, 94, 0);
        font-size:23px;
        list-style-type:none!important;
}

.navbar-toggler{
    background-color: var(--navBarToggBackCol);
    
}

.navlnk{
    list-style-type:none!important;
    font-size:23px;
    padding:10px 20px;
    color:black;
}

.navlnk:hover{
    color:rgb(255, 94, 0);
    font-size:23px;
    list-style-type:none!important;
}