.menu-nav-color{
  /*background-color: #265E9E;*/
  background-color: #215FA6;
  position:fixed;
  z-index:9999;
  width:100%;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-transform: uppercase;
}

.navbar-brand  {
  font-size: 17pt;
  margin-left: 60px;
  display: inline-flex;
  min-width: 230px;
  margin-right: 100px;
}

.navbar-brand .logo-icon-agp{
  max-width: 35px;
  filter:invert(1);
}

.navbar-nav  .nav-item{
  margin: 0px 10px;
}

.navbar .navbar-toggler{
  color: black;
  border: none;
}

button:focus {
  outline: none;
}

.nav-link .animation_title_subbar, .dropdown-item  .animation_title_subbar{
  visibility: hidden;
}

.nav-link:hover .animation_title_subbar, .dropdown-item:hover .animation_title_subbar{
  visibility: visible;
}

.nav-link:hover, .nav-link:focus{
  color: #ffffff !important;
}

img.language_icon{
  width: 28px;
}
img.language_icon{
  width: 28px;
}

.language.btn-link:hover{
  text-decoration: none;  
}
.language.btn-link:hover img{
  filter: brightness(1.1) invert(0);
}
.language.btn-link:focus{
  outline: none!important;
  box-shadow: none;
  text-decoration: none;  
}

.dropdown-menu{
  background-color: #181818; /*0b3b72 */
  border-radius: 0px!important;
  font-size: 10pt;
  color: #bbbbbb;
  padding: 0px;
  margin-top: 10px;
}
.dropdown-item{
  color: #bbbbbb;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dropdown-item:hover{
  background-color: #535353;
  color: white;
}

.dropdown-item img{
  width: 20px;
}

.language.btn-link{
  color:#ffffff;
}

.animation_title_subbar{
  animation: anim_title_subbar 1.0s infinite;
  /*animation-iteration-count: infinite;*/
}

.animation_title_name{
  display: block;
  overflow: hidden;
  margin-left: 20px;
  animation: anim_title_name 0.5s steps(13, end);
}


/* MEDIA QUERIES */

@media (min-width: 993px){
  .navbar-nav.collapse, .language-group.collapse{
    display: inherit!important;
  }  
}

@media (max-width: 992px){
  .navbar-brand{
    margin-left: 30px;
    margin-right: 0px;
  }

  .navbar-nav{
    width: 100%;
  }
}

/*///////////////////////////////*/


/* ANIMATIONS */
@keyframes anim_title_subbar {
  0% { opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {opacity: 0.0;}
}

@keyframes anim_title_name {
  0% { width: 0px;}
  100% {width: 161px;}
}