/*
#1273b9 : navbar background
rgba(0,0,0,0.2) : navbar border
#BDE1FB : default color
#EBF6FF : hover color (#FFFFFF for .nav-brand)
#EBF6FF : active color
#5ABAFF : active background
 */

/* navbar */
.navbar-default {
  background-color: #1273b9;
  border-color: rgba(0,0,0,0.2);
  box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
  box-sizing:content-box;
  border-radius:0;
  border-width:0;
  border-bottom-width:1px;
  margin-bottom:0;

}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle{
  border-color: rgba(0,0,0,0.2);
}
/* title */
.navbar-default .navbar-brand {
  color: #BDE1FB;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFFFFF;
}
.navbar-default .navbar-nav > li.language>a{
  line-height:100%;
}
.navbar-default .navbar-nav > li.language>a img{
  transform:scale3d(0.6,0.6,0.6);
  line-height:100%;
}
.navbar-default .navbar-nav > li.language>a:hover ,
.navbar-default .navbar-nav > li.language.active>a {
  background-color:inherit;
}
.navbar-default .navbar-nav > li.language>a:hover img,
.navbar-default .navbar-nav > li.language.active>a img{
  transform:scale3d(1,1,1);
}
.navbar-default .navbar-nav > li.language.inactive>a:hover img{
  animation: scaleIn 0.3s ease-out;

}
@keyframes scaleIn{
  0%{
    transform:scale3d(0.6,0.6,0.6);
  }
  100%{
    transform:scale3d(1,1,1);
  }
}
.navbar-default .navbar-nav > li > a {
  color: #BDE1FB;
}
.navbar-default .navbar-nav > li > a > img {
  height:20px;
}
.navbar-default .navbar-nav > li > a > img.lang {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.navbar-default .navbar-nav > li.active > a > img.lang,
.navbar-default .navbar-nav > li > a:hover > img.lang{
  filter:none;
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #EBF6FF;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #EBF6FF;
  background-color: rgba(0,0,0,0.2);
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  color: #EBF6FF;
  background-color: #5ABAFF;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #BDE1FB;
  border-bottom-color: #BDE1FB;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #EBF6FF;
  border-bottom-color: #EBF6FF;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #EBF6FF;
  border-bottom-color: #EBF6FF;
}
/* mobile version */
.navbar-default .navbar-toggle {
  border-color: rgba(0,0,0,0.2);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(0,0,0,0.2);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgba(0,0,0,0.2);
}
ul.navbar-nav > li{
  margin-bottom:0;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #BDE1FB;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #EBF6FF;
  }
}