﻿.navbar-inverse
{
    background-color: transparent;
    border: 0;
    margin: 0;
    position: relative;
    border-radius: 0;
    width: 100%;
    z-index: 999;
    border-bottom:1px solid #efefef;
}
.navbar-inverse .navbar-brand
{
    /*display: none;*/
    height: auto;
    color: #2d3845;
    font-weight: 600;
    font-size: 2.5rem;
    font-family: Roboto,sans-serif;
    padding: 12px 15px;
    transition: all ease-in-out .7s;
    -webkit-transition: all ease-in-out .7s;
}
.navbar-inverse .navbar-brand:hover
{
    color: #2d3845;
}
.navbar-nav
{
    margin: 0;
    float: right;
    display: block;
    transition: all ease-in-out .7s;
    -webkit-transition: all ease-in-out .7s;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #b77133;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: .04rem;
    text-align: center;
    position: relative;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a::before,
.navbar-inverse .navbar-nav > .active > a::before
{  
  position: absolute;
  bottom: 5px;
  left: 50%;
  color: transparent;
  content: "•";
  text-shadow: 0 0 transparent;
  font-size: 18px;
  -webkit-transition: text-shadow 0.4s,color 0.4s;
  -moz-transition: text-shadow 0.4s,color 0.4s;
  transition: text-shadow 0.4s,color 0.4s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}
.navbar-inverse .navbar-nav > li > a:hover::before,
.navbar-inverse .navbar-nav > .active > a::before
{
 color: #000;
 text-shadow: 10px 0 #b77133,-10px 0 #b77133;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover
{
    color: #000;
    background-color: transparent;
}
.fixed-header
{
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(95,95,95,.25);
}
.fixed-header .navbar-brand
{
    display: block;
    transition: all ease-in-out .7s;
    -webkit-transition: all ease-in-out .7s;
}
.fixed-header .navbar-nav
{
    margin: 0;
    float: right;
    display: block;
    transition: all ease-in-out .7s;
    -webkit-transition: all ease-in-out .7s;
}
