.navbar {
   background-color: var(--site_main_color);
   color: var(--site_text_color);
   padding-block: 0;
   box-shadow: 0 3px 6px #00000029 !important;
   min-height: 90px;
}

.navbar .navbar-brand img {
   max-height: 60px;
}

.navbar .hidden-navbar-nav .navbar-nav .nav-item ,
.navbar .navbar-nav.left-box .nav-item {
   margin-inline: 10px;
   min-height: 90px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-inline: 10px;
   cursor: pointer;
}

.navbar .hidden-navbar-nav .navbar-nav .nav-item.active,
.navbar .hidden-navbar-nav .navbar-nav .nav-item:hover ,
.navbar .navbar-nav.left-box .nav-item.active,
.navbar .navbar-nav.left-box .nav-item:hover {
   background-color: var(--site_second_color);
}

.navbar .hidden-navbar-nav .navbar-nav .nav-item a ,
.navbar .navbar-nav.left-box .nav-item a {
   color: var(--site_text_color);
   font-size: 14px;
   text-align: center;
   padding: 0;
}

.navbar .navbar-nav.right-box .nav-item.register a {
   background-color: var(--site_second_color);
   border: 1px solid var(--site_fourth_color);
   border-radius: 5px;
   color: var(--site_text_color);
   padding: 10px 20px;
   text-transform: none;
   font-size: 14px;
}

.navbar .navbar-nav.right-box .nav-item.register a:hover {
   background-color: var(--site_fourth_color);
}

.navbar .navbar-nav.right-box .nav-item.login a {
   background-color: var(--site_fourth_color);
   border: 1px solid var(--site_fourth_color);
   border-radius: 5px;
   color: var(--site_text_color);
   padding: 10px 20px;
   font-size: 14px;
}

.navbar .navbar-toggler {
   border: 2px solid var(--site_fourth_color);
}

.navbar .navbar-toggler:focus {
   box-shadow: 0 0 0 0.15rem var(--site_fourth_color);
}

.navbar .navbar-nav.right-box .nav-item.lang .nav-link {
   color: var(--site_text_color);
   padding-inline: 0;
   font-size: 14px;
}

.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item {
   padding-block: 7px;
   color: var(--site_text_color);
}

.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item.active,
.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item:active {
   background-color: var(--site_second_color);
}

.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item:hover,
.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item:focus {
   background-color: var(--site_main_color);
}

.navbar .navbar-nav.right-box .nav-item.profile .nav-link {
   color: var(--site_text_color);
   padding: 0;
}

.navbar .navbar-nav.right-box .nav-item.profile .nav-link:after {
   display: none;
}

.navbar .navbar-nav.right-box .nav-item.profile .dropdown-menu {
   background-color: var(--site_fourth_color);
}

.navbar .navbar-nav.right-box .nav-item.profile .dropdown-menu .dropdown-item {
   padding-block: 7px;
   color: var(--site_text_color);
}

.navbar .navbar-nav.right-box .nav-item.profile .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav.right-box .nav-item.profile .dropdown-menu .dropdown-item:focus {
   background-color: var(--site_main_color);
}


.navbar .navbar-nav.right-box .nav-item.profile .nav-link img {
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.navbar .navbar-nav.right-box .nav-item.lang .dropdown-menu li .dropdown-item img {
   width: 25px;
}
.navbar .hidden-navbar-nav {
   display: none;
   width: 100%;
}

@media (max-width: 1199.98px) {
   .navbar {
      flex-wrap: wrap;
   }

   .navbar .hidden-navbar-nav {
      display: flex;
      justify-content: center;
      margin-inline: auto;
   }

   .navbar .navbar-nav.left-box  {
      display: none;
      margin-inline: auto;
   }
}

@media (max-width: 991.98px) {
   .navbar .navbar-collapse {
      margin-top: 30px;
   }

   .navbar .hidden-navbar-nav .navbar-nav .nav-item ,
   .navbar .navbar-nav.left-box .nav-item {
      min-height: 70px;
      margin-inline: 0;
   }

   .navbar .navbar-nav.right-box {
      flex-direction: row;
      justify-content: center;
      margin-block: 20px;
   }

   .navbar .hidden-navbar-nav {
      display: none;
   }
   .navbar .navbar-nav.left-box  {
      display: flex;
   }
}