@charset "UTF-8";

.navbar {
    z-index:1030;
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    /*-webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;*/
}
/*BRAND*/
.navbar-brand img{
  max-height:120px!important;
  /* margin:auto!important;*/
}

@media (min-width: 992px) {
  .navbar-brand img {
      height:var(--bs-brand-img)!important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .navbar-brand {
    --bs-navbar-brand-padding-y:.5rem;
    --bs-navbar-brand-margin-end:0;
  }
  .navbar-brand img{max-height:50px;}
}
/*TOGGLER*/
.navbar-toggler {--bs-border-width:0;}
.navbar-toggler:focus {
  box-shadow:none;
}

.navbar-toggler .toggler-icon {
  width: 30px;
  height: 4px;
  display: block;
  margin: 5px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.navbar-toggler:not(.collapsed) .toggler-icon:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px;
}
.navbar-toggler:not(.collapsed) .toggler-icon:nth-of-type(2) {opacity: 0;}
.navbar-toggler:not(.collapsed) .toggler-icon:nth-of-type(3) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -7px;
}

/*NAV-ITEM*/
.navbar .navbar-nav .nav-item {
  display: table;
  border-left: var(--bs-border-width) solid var(--bs-border-color);
}
.navbar .navbar-nav .nav-item:last-child {border-right: var(--bs-border-width) solid var(--bs-border-color);}

.navbar .navbar-nav.simple-menu .nav-item{
  position:relative;
}
.navbar .navbar-nav.mega-menu .nav-item {
  position:static;
}

.navbar-nav .nav-link{
  --bs-nav-link-padding-y:3rem;
  --bs-nav-link-padding-x:1.5rem;
  --bs-navbar-nav-link-padding-x:var(--bs-nav-link-padding-x);
  --bs-nav-link-font-size:1.5rem;
  --bs-nav-link-font-weight:400;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}



/* ****************************************************************** */
/* BACK TO TOP - FIXED TOP*/
header.fixed-top{--bs-brand-img:60px;}
header.fixed-top h1{font-size:1.75rem;}
header.fixed-top .navbar-nav .nav-link{
  --bs-nav-link-padding-y:1rem;
}
/* ****************************************************************** */

/*
.navbar-nav .nav-item.has-children > .nav-link::after {
  
  position: absolute;
  display: inline-block;
  content: "";
  width: 1rem;
  height: 100%;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ced4da' viewBox='0 0 16 16'><path d='M3.204 5h9.592L8 10.481zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659'/></svg>");
  background-repeat: no-repeat;
  background-position-y: center;
  right: 0;
  top: 0;
}

.navbar-nav .nav-item.has-children > .nav-link:hover::after{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-up' viewBox='0 0 16 16'><path d='M3.204 11h9.592L8 5.519zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659'/></svg>");

}*/

/*
.navbar-nav .nav-item.has-children > .nav-link::after,
.submenu-item.has-children a[data-bs-toggle="collapse"]::after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  opacity:.3;
  width: .5rem;
  height: .5rem;
  border-bottom: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  right:inherit;
  top: 50%;
  transition: all .3s;
  margin:0 .2rem;
}
@media only screen and (min-width: 992px) {
  .navbar-nav .nav-item.has-children:hover > .nav-link::after {
    -webkit-transform: rotate(-135deg) translateY(0%);
    transform: rotate(-135deg) translateY(0%);
  }
}*/


/*SUBMENU*/
.navbar-nav .submenu{
    position: absolute;
    padding:0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-dark-rgb), 0.15) !important;
    z-index:1;
    border-radius: .375rem;
}

.navbar-nav.simple-menu .submenu{
  width:22rem;
  left:0;
  top:140%;
}
.navbar-nav.mega-menu .submenu{
      right:0;
      left:0;
      top:100%;
}
.navbar-nav.simple-menu .submenu.show{
  top:90%;
}


@media only screen and (max-width: 991px) {
  .navbar-nav.simple-menu .submenu{
    width:auto;
  }
}


.navbar-nav .submenu > .container-fluid{width:80%;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  
  .navbar-nav .submenu > .container-fluid{width:100%;}
}
.navbar-nav .submenu.show {display: block;}
.navbar-nav .nav-item:hover > .submenu {opacity: 1;visibility: visible;}

/*SUBMEN-ITEM*/
.navbar-nav .nav-item .submenu a{
  transition: 0.2s padding ease-out;
}
.navbar-nav .submenu a:hover {
  padding-left : 1.5rem !important;
  transition: 0.2s padding ease-out;
}

/*FX*/
.item-fx-start::before {
  --bs-item-fx-bg:var(--bs-primary);
  content: "";
  position: absolute;
  z-index: -1;
  transition: all .3s;
  width:0;
  height:2%;
  top:0;
  left:0;
  background-color: var(--bs-item-fx-bg);
}
.item-fx-start:hover::before { width:100%;}





@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  .navbar .container-fluid{padding:0 1rem;}
  .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 100%;
    width: 100%;
    z-index: 1044;
    display: none;
    border-radius: 0;
  }
  .navbar-collapse.show {display: block;}

  .navbar-nav {padding: 0 1rem;}
  .navbar-nav .nav-item {--bs-border-width:0;}

  .navbar-nav .nav-link {
      display:block;
      text-align: left;
    --bs-nav-link-padding-y:.5rem;
    --bs-nav-link-padding-x:.5rem;
  }

  .navbar-nav .submenu {
    position: static;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    width: 100%;
    padding: 0;
    opacity: 1;
    visibility: visible;
    display: none;
  
  }
  .navbar-nav .submenu.show{
    display:block;
  }
  .navbar-nav .submenu .container {
    padding:0!important;
  }

   .navbar-nav .list-group{
    --bs-list-group-bg:transparent;

   }
  
}



/* dropdown-menu*/
.navbar-nav .dropdown-menu{
  -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
  }
  .navbar-nav .dropdown-menu{
    top:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .navbar-nav .dropdown-menu[data-bs-popper]{
    top:80%!important;
  }

    .navbar-nav .dropdown-menu > li:first-child a{
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem;
    }
    .navbar-nav .dropdown-menu > li:last-child a{
      border-bottom-left-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
    }
 .navbar-nav .dropdown-item{
    --bs-dropdown-item-padding-y: 0.5rem !important;
    --bs-dropdown-item-padding-x:1.5rem !important;
  }




  
/* =========================================================================*/
/* NAVBAR BOOTSTRAP THEME  COLOR*/
/* =========================================================================*/

/*BG-NONE NAVBAR THEME *****************************************************/
.menu-primary.navbar{
  background-color:var(--bs-navbar-bg-color);
  --bs-navbar-color: rgba(var(--bs-primary-rgb), 1);
  --bs-navbar-hover-color: rgba(var(--bs-dark-rgb), 1);
  --bs-navbar-disabled-color: rgba(var(--bs-dark-rgb), 0.6);
  --bs-navbar-active-color: rgba(var(--bs-dark-rgb), 1);
  --bs-navbar-brand-color: rgba(var(--bs-primary-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-dark-rgb), 1);
  --bs-navbar-toggler-border-color: rgba(var(--bs-dark-rgb), 0.15);
  --bs-border-color:var(--bs-light);
}
.menu-primary.bg-none{ 
 --bs-navbar-bg-color: rgba(var(--bs-light-rgb),var(--bs-navbar-bg-opacity));
}
/*END BG-NONE NAVBAR THEME *****************************************************/

/* BG-NONE NAVBAR-COLOR *******************************************************/
/*dark*/
.menu-primary.bg-none.navbar-dark
{
  --bs-border-opacity:.1;
  --bs-heading-color:var(--bs-gray);
  --bs-navbar-brand-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-navbar-brand-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-navbar-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-navbar-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-nav-link-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-nav-link-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-border-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity));
  --bs-mi-color:rgba(var(--bs-gray-rgb),var(--bs-border-opacity));
  --bs-link-color:var(--bs-gray);
  --bs-link-hover-color:var(--bs-primary);
  --bs-link-color-rgb:var(--bs-gray-rgb);
  --bs-link-hover-color-rgb:var(--bs-primary-rgb);
}
.menu-primary.bg-none.navbar-dark .list-group{--bs-list-group-color:var(--bs-gray);}
.menu-primary.bg-none.navbar-dark{--bs-bg-fx:var(--bs-gray-rgb);} 
/*light*/
.menu-primary.bg-none.navbar-light 
{
  --bs-border-opacity:.1;
  --bs-heading-color:var(--bs-dark);
  --bs-navbar-brand-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-navbar-brand-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-navbar-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-navbar-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-nav-link-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-nav-link-hover-color:rgba(var(--bs-primary-rgb),var(--bs-link-opacity));
  --bs-border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity));
  --bs-mi-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity));
  --bs-link-color:var(--bs-dark);
  --bs-link-hover-color:var(--bs-primary);
  --bs-link-color-rgb:var(--bs-dark-rgb);
  --bs-link-hover-color-rgb:var(--bs-primary-rgb);
}
.menu-primary.bg-none.navbar-light .list-group{--bs-list-group-color:var(--bs-dark);}
.menu-primary.bg-none.navbar-light{--bs-bg-fx:var(--bs-dark-rgb);}
/* END BG-NONE NAVBAR-COLOR *******************************************************/

/* BG-COLOR NAVBAR-NONE *******************************************************/
.menu-primary.bg-primary.navbar-none,/*primary*/
.menu-primary.bg-secondary.navbar-none ,/*secondary*/
.menu-primary.bg-dark.navbar-none/*dark*/
{
  --bs-border-opacity:.1;
  --bs-navbar-brand-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-navbar-brand-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-navbar-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-navbar-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-nav-link-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-nav-link-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity));
  --bs-mi-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity));
  --bs-link-color:var(--bs-white);
  --bs-link-hover-color:var(--bs-gray);
  --bs-link-color-rgb:var(--bs-white-rgb);
  --bs-link-hover-color-rgb:var(--bs-gray-rgb);
}
/*primary*/
.menu-primary.bg-primary.navbar-none .list-group,
.menu-primary.bg-primary.navbar-none .submenu{
  --bs-list-group-color:var(--bs-primary); 
  --bs-link-color-rgb:var(--bs-primary-rgb);
}
.menu-primary.bg-primary.navbar-none{--bs-bg-fx:var(--bs-primary-rgb);} 
/*secondary*/
.menu-primary.bg-secondary.navbar-none .list-group,
.menu-primary.bg-secondary.navbar-none .submenu{
  --bs-list-group-color:var(--bs-secondary);
  --bs-link-color-rgb:var(--bs-secondary-rgb);
}
.menu-primary.bg-secondary.navbar-none{--bs-bg-fx:var(--bs-secondary-rgb);}
/*dark*/
.menu-primary.bg-dark.navbar-none{--bs-bg-fx:var(--bs-dark-rgb);}
.menu-primary.bg-dark.navbar-none .list-group,
.menu-primary.bg-dark.navbar-none .submenu{
  --bs-list-group-color:var(--bs-dark);
}
/* END BG-COLOR NAVBAR-NONE ***********************************************/


/* BG-COLOR NAVBAR-DARK ********************************************************/
.menu-primary.bg-primary.navbar-dark,
.menu-primary.bg-secondary.navbar-dark ,
.menu-primary.bg-dark.navbar-dark{
  --bs-border-opacity:.1;
  --bs-navbar-brand-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-navbar-brand-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-navbar-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-navbar-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-nav-link-color:rgba(var(--bs-white-rgb),var(--bs-link-opacity));
  --bs-nav-link-hover-color:rgba(var(--bs-gray-rgb),var(--bs-link-opacity));
  --bs-border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity));
  --bs-mi-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity));
  --bs-link-color:var(--bs-white);
  --bs-link-hover-color:var(--bs-gray);
  --bs-link-color-rgb:var(--bs-white-rgb);
  --bs-link-hover-color-rgb:var(--bs-gray-rgb);
}
/*primary*/
.menu-primary.bg-primary.navbar-dark .list-group{--bs-list-group-color:var(--bs-primary);}
.menu-primary.bg-primary.navbar-dark{--bs-bg-fx:var(--bs-primary-rgb);} 
/*secondary*/
.menu-primary.bg-secondary.navbar-dark .list-group{--bs-list-group-color:var(--bs-secondary);}
.menu-primary.bg-secondary.navbar-dark{--bs-bg-fx:var(--bs-secondary-rgb);}
/*dark*/
.menu-primary.bg-dark.navbar-dark{--bs-bg-fx:var(--bs-dark-rgb);}
.menu-primary.bg-dark.navbar-dark .list-group{--bs-list-group-color:var(--bs-dark);}
/* END BG-COLOR NAVBAR-NONE ***********************************************/

/* BG-COLOR NAVBAR-LIGHT ********************************************************/
.menu-primary.bg-primary.navbar-light,
.menu-primary.bg-secondary.navbar-light ,
.menu-primary.bg-dark.navbar-light{
  --bs-border-opacity:.1;
  --bs-navbar-brand-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-navbar-brand-hover-color:rgba(var(--bs-light-rgb),var(--bs-link-opacity));
  --bs-navbar-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-navbar-hover-color:rgba(var(--bs-light-rgb),var(--bs-link-opacity));
  --bs-nav-link-color:rgba(var(--bs-dark-rgb),var(--bs-link-opacity));
  --bs-nav-link-hover-color:rgba(var(--bs-light-rgb),var(--bs-link-opacity));
  --bs-border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity));
  --bs-mi-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity));
  --bs-link-color:var(--bs-dark);
  --bs-link-hover-color:var(--bs-light);
  --bs-link-color-rgb:var(--bs-dark-rgb);
  --bs-link-hover-color-rgb:var(--bs-light-rgb);
}
/*primary*/
.menu-primary.bg-primary.navbar-light{--bs-bg-fx:var(--bs-primary-rgb);} 
.menu-primary.bg-primary.navbar-light .list-group{
  --bs-list-group-color:var(--bs-dark);
  --bs-link-hover-color-rgb:var(--bs-primary-rgb);
}
/*secondary*/
.menu-primary.bg-secondary.navbar-light{--bs-bg-fx:var(--bs-secondary-rgb);}
.menu-primary.bg-secondary.navbar-light .list-group{
  --bs-list-group-color:var(--bs-dark);
  --bs-link-hover-color-rgb:var(--bs-secondary-rgb);
}
/*dark*/
.menu-primary.bg-dark.navbar-light{--bs-bg-fx:var(--bs-dark-rgb);}
.menu-primary.bg-dark.navbar-light .list-group{
  --bs-list-group-color:var(--bs-gray);
  --bs-link-hover-color-rgb:var(--bs-dark-rgb);
}
/* END BG-COLOR NAVBAR-NONE ***********************************************/


@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {

  /**/
    .menu-primary.bg-none.navbar-none .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-primary);}
    .menu-primary.bg-none.navbar-none .navbar-toggler .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-none.navbar-none .btn-link{color: var(--bs-primary)!important;}
    .menu-primary.bg-none.navbar-none .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-none.navbar-none .navbar-nav .nav-item > a{color: var(--bs-primary)!important;}
    .menu-primary.bg-none.navbar-none .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-none.navbar-none .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-none.navbar-none .navbar-collapse {  background: var(--bs-light)!important;}
    .menu-primary.bg-none.navbar-none .submenu-item a{   background: rgba(var(--bs-white-rgb),.7)!important;}
  /**/
    .menu-primary.bg-none.navbar-light .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-none.navbar-light .navbar-toggler .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-none.navbar-light .btn-link{color: var(--bs-dark)!important;}
    .menu-primary.bg-none.navbar-light .btn-link:hover{color: var(--bs-gray)!important;}
    .menu-primary.bg-none.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-none.navbar-light .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-none.navbar-light .navbar-nav .nav-item > a.active {color: var(--bs-gray)!important;}
    .menu-primary.bg-none.navbar-light .navbar-collapse {  background: var(--bs-dark)!important;}
    .menu-primary.bg-none.navbar-light .submenu-item a{  background: rgba(var(--bs-light-rgb),.3)!important;}
  /**/
    .menu-primary.bg-none.navbar-dark .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-none.navbar-dark .navbar-toggler .toggler-icon{background-color:var(--bs-primary);}
    .menu-primary.bg-none.navbar-dark .btn-link{color: var(--bs-gray)!important;}
    .menu-primary.bg-none.navbar-dark .btn-link:hover{color: var(--bs-primary)!important;}
    .menu-primary.bg-none.navbar-dark .navbar-nav .nav-item > a{color: var(--bs-white)!important;}
    .menu-primary.bg-none.navbar-dark .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-none.navbar-dark .navbar-nav .nav-item > a.active {color: var(--bs-gray)!important;}
    .menu-primary.bg-none.navbar-dark .navbar-collapse { background: var(--bs-primary)!important;}
    .menu-primary.bg-none.navbar-dark .submenu-item a{ background: rgba(var(--bs-white-rgb),.3)!important;}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    /**/
    .menu-primary.bg-primary.navbar-none .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-white);}
    .menu-primary.bg-primary.navbar-none .navbar-toggler .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-primary.navbar-none .btn-link{color: var(--bs-white)!important;}
    .menu-primary.bg-primary.navbar-none .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-primary.navbar-none .navbar-nav .nav-item > a{color: var(--bs-primary)!important;}
    .menu-primary.bg-primary.navbar-none .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-primary.navbar-none .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-primary.navbar-none .navbar-collapse {  background: var(--bs-white)!important;}
    .menu-primary.bg-primary.navbar-none .submenu-item a{   background: rgba(var(--bs-primary-rgb),.1)!important;}
    /**/
    .menu-primary.bg-primary.navbar-light .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-primary.navbar-light .navbar-toggler .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-primary.navbar-light .btn-link{color: var(--bs-dark)!important;}
    .menu-primary.bg-primary.navbar-light .btn-link:hover{color: var(--bs-light)!important;}
    .menu-primary.bg-primary.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-primary.navbar-light .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-primary.navbar-light .navbar-nav .nav-item > a.active {color: var(--bs-gray)!important;}
    .menu-primary.bg-primary.navbar-light .navbar-collapse {  background: var(--bs-dark)!important;}
    .menu-primary.bg-primary.navbar-light .submenu-item a{  background: rgba(var(--bs-light-rgb),.1)!important;}
    /**/
    .menu-primary.bg-primary.navbar-dark .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-primary.navbar-dark .navbar-toggler .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-primary.navbar-dark .btn-link{color: var(--bs-light)!important;}
    .menu-primary.bg-primary.navbar-dark .btn-link:hover{color: var(--bs-gray)!important;}
    .menu-primary.bg-primary.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-primary.navbar-dark .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-primary.navbar-dark .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-primary.navbar-dark .navbar-collapse { background: var(--bs-gray)!important;}
    .menu-primary.bg-primary.navbar-dark .submenu-item a{ background: rgba(var(--bs-light-rgb),.3)!important;}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    /**/
    .menu-primary.bg-secondary.navbar-none .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-white);}
    .menu-primary.bg-secondary.navbar-none .navbar-toggler .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-secondary.navbar-none .btn-link{color: var(--bs-white)!important;}
    .menu-primary.bg-secondary.navbar-none .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-secondary.navbar-none .navbar-nav .nav-item > a{color: var(--bs-secondary)!important;}
    .menu-primary.bg-secondary.navbar-none .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-secondary.navbar-none .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-secondary.navbar-none .navbar-collapse {  background: var(--bs-white)!important;}
    .menu-primary.bg-secondary.navbar-none .submenu-item a{   background: rgba(var(--bs-secondary-rgb),.1)!important;}
    /**/
    .menu-primary.bg-secondary.navbar-light .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-secondary.navbar-light .navbar-toggler .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-secondary.navbar-light .btn-link{color: var(--bs-dark)!important;}
    .menu-primary.bg-secondary.navbar-light .btn-link:hover{color: var(--bs-light)!important;}
    .menu-primary.bg-secondary.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-secondary.navbar-light .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-secondary.navbar-light .navbar-nav .nav-item > a.active {color: var(--bs-gray)!important;}
    .menu-primary.bg-secondary.navbar-light .navbar-collapse {  background: var(--bs-dark)!important;}
    .menu-primary.bg-secondary.navbar-light .submenu-item a{  background: rgba(var(--bs-light-rgb),.1)!important;}
    /**/
    .menu-primary.bg-secondary.navbar-dark .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-secondary.navbar-dark .navbar-toggler .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-secondary.navbar-dark .btn-link{color: var(--bs-light)!important;}
    .menu-primary.bg-secondary.navbar-dark .btn-link:hover{color: var(--bs-gray)!important;}
    .menu-primary.bg-secondary.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-secondary.navbar-dark .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-secondary.navbar-dark .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-secondary.navbar-dark .navbar-collapse { background: var(--bs-gray)!important;}
    .menu-primary.bg-secondary.navbar-dark .submenu-item a{ background: rgba(var(--bs-light-rgb),.3)!important;}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    /*none*/
    .menu-primary.bg-light.navbar-none .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-primary);}
    .menu-primary.bg-light.navbar-none .navbar-toggler .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-light.navbar-none .btn-link{color: var(--bs-gray)!important;}
    .menu-primary.bg-light.navbar-none .btn-link:hover{color: var(--bs-primary)!important;}
    .menu-primary.bg-light.navbar-none .navbar-nav .nav-item > a{color: var(--bs-gray)!important;}
    .menu-primary.bg-light.navbar-none .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-light.navbar-none .navbar-nav .nav-item > a.active {color: var(--bs-primary)!important;}
    .menu-primary.bg-light.navbar-none .navbar-collapse {  background: var(--bs-white)!important;}
    .menu-primary.bg-light.navbar-none .submenu-item a{   background: rgba(var(--bs-light-rgb),.7)!important;}
    /*light*/
    .menu-primary.bg-light.navbar-light .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-light.navbar-light .navbar-toggler .toggler-icon{background-color:var(--bs-gray);}
    .menu-primary.bg-light.navbar-light .btn-link{color: var(--bs-dark)!important;}
    .menu-primary.bg-light.navbar-light .btn-link:hover{color: var(--bs-gray)!important;}
    .menu-primary.bg-light.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-light.navbar-light .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-light.navbar-light .navbar-nav .nav-item > a.active {color: var(--bs-gray)!important;}
    .menu-primary.bg-light.navbar-light .navbar-collapse {  background: var(--bs-dark)!important;}
    .menu-primary.bg-light.navbar-light .submenu-item a{  background: rgba(var(--bs-light-rgb),.3)!important;}
    /*dark*/
    .menu-primary.bg-light.navbar-dark .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-primary);}
    .menu-primary.bg-light.navbar-dark .navbar-toggler .toggler-icon{background-color:var(--bs-dark);}
    .menu-primary.bg-light.navbar-dark .btn-link{color: var(--bs-primary)!important;}
    .menu-primary.bg-light.navbar-dark .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-light.navbar-dark .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-light.navbar-dark .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-light.navbar-dark .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-light.navbar-dark .navbar-collapse { background: var(--bs-primary)!important;}
    .menu-primary.bg-light.navbar-dark .submenu-item a{ background: rgba(var(--bs-white-rgb),.3)!important;}
  }
  @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  /**/
    .menu-primary.bg-dark.navbar-none .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-white);}
    .menu-primary.bg-dark.navbar-none .navbar-toggler .toggler-icon{background-color:var(--bs-primary);}
    .menu-primary.bg-dark.navbar-none .btn-link{color: var(--bs-white)!important;}
    .menu-primary.bg-dark.navbar-none .btn-link:hover{color: var(--bs-primary)!important;}
    .menu-primary.bg-dark.navbar-none .navbar-nav .nav-item > a{color: var(--bs-primary)!important;}
    .menu-primary.bg-dark.navbar-none .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-dark.navbar-none .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-dark.navbar-none .navbar-collapse {  background: var(--bs-white)!important;}
    .menu-primary.bg-dark.navbar-none .submenu-item a{   background: rgba(var(--bs-white-rgb),.7)!important;}
  /**/
    .menu-primary.bg-dark.navbar-light .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-light);} 
    .menu-primary.bg-dark.navbar-light .navbar-toggler .toggler-icon{background-color:var(--bs-light);} 
    .menu-primary.bg-dark.navbar-light .btn-link{color: var(--bs-light)!important;}
    .menu-primary.bg-dark.navbar-light .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-dark.navbar-light .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-dark.navbar-light .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-dark.navbar-light .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-dark.navbar-light .navbar-collapse {  background: var(--bs-primary)!important;}
    .menu-primary.bg-dark.navbar-light .submenu-item a{  background: rgba(var(--bs-light-rgb),.3)!important;}
  /**/
    .menu-primary.bg-dark.navbar-dark .navbar-toggler.collapsed .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-dark.navbar-dark .navbar-toggler .toggler-icon{background-color:var(--bs-light);}
    .menu-primary.bg-dark.navbar-dark .btn-link{color: var(--bs-light)!important;}
    .menu-primary.bg-dark.navbar-dark .btn-link:hover{color: var(--bs-dark)!important;}
    .menu-primary.bg-dark.navbar-dark .navbar-nav .nav-item > a{color: var(--bs-light)!important;}
    .menu-primary.bg-dark.navbar-dark .navbar-nav .nav-item > a:hover, 
    .menu-primary.bg-dark.navbar-dark .navbar-nav .nav-item > a.active {color: var(--bs-dark)!important;}
    .menu-primary.bg-dark.navbar-dark .navbar-collapse { background: var(--bs-gray)!important;}
    .menu-primary.bg-dark.navbar-dark .submenu-item a{ background: rgba(var(--bs-light-rgb),.3)!important;}
  }
  /*=================================================================================================================*/