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

  /* background: var(--menuHeadBackCol);*/
  .offcanvas{
    background-color: var(--menubackgroundColor);
    /*background-image: url("../img/cb.png");*/
   
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.fixed-top {
    /*  top: 10px;
      transform: translateY(40px);
      transition: transform .3s;*/
 }
 .bg-light{
  background-color:yellow; 
  /*rgba(255,255,255, 0.2)!important;*/
 
 }
 .navbar-light {
 /* background-color: background: rgba(0,0,0,0.4); !important;*/
  background:var(--menuHeadBackCol) !important;

  border: none !important;
  border-width:0!important;
  }

  #navbar_top{
      z-index: 1000;
      background-color: rgba(255, 0, 0, 0.4);
  }

  .navbar-nav .nav-item .nav-link {

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

  .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;
}