nav.navbar.navbar-default{
  width:75%;
  margin:0 auto !important;
  background:transparent !important;
  border:1px solid transparent;
}

@media (max-width:900px) {
  nav.navbar.navbar-default{
    width:100%;
    margin:0 auto !important;
    background:#8C488C;
    border:1px solid transparent;
    position:fixed;
    margin-top:40px;
  }
}

a.navbar-brand.navbar-link{
  display:none;
}

@media (max-width:900px) {
  ul.nav.navbar-nav{
    background:#8C488C !important;
    color:#ffffff !important;
    padding:0 5px;
    margin:0;
    width:100%;
    margin-top:50px;
    position: absolute;
  }
  .navbar-toggle{
      float:right;
  }
  .navbar-toggle .icon-bar{
      background-color: #fff !important;
  }
  .nav.navbar-nav{
      margin-top:45px;
  }
  .navbar-toggle{
      background:transparent;
  }
  .navbar-default .navbar-toggle{
      margin-left: 20px;
  }
}

@media (max-width:900px) {
  ul.nav.navbar-nav li a{
    color:#ffffff;
  }
}

@media (max-width:900px) {
  div.logo-container{
    position:fixed;
    top:0;
    z-index:2 !important;
  }
}

@media (max-width:767px) {
  div.logo-container a img.img-purple{
    display:none;
  }
}

@media (max-width:767px) {
  img.img-white {
    display: block !important;
    margin-left: 45px;
    margin-top: 5px;
}
}

.navbar-default .navbar-nav > .active > a{
  background:#8C488C !important;
  color:#ffffff;
  border-radius:3px 3px 0 0;
}

.navbar-default .navbar-nav > li > a{
  background:transparent!important;
  color:#444444;
  font-size:11pt !important;
  border-radius:3px 3px 0 0;
  line-height: 35px;
  padding:0 15px !important;
  text-decoration: none;
  margin:0 !important;
  /*font-weight: 600;*/
}

.navbar-default .navbar-nav > li > a:hover{
      background:#8C488C !important;
  color:#ffffff;
}
ul.nav.navbar-nav{
  border-bottom:1px solid #8C488C;
  width:100%;
  text-align:center;
}

@media (max-width:767px) {
  ul.nav.navbar-nav{
    border-bottom:1px solid #8C488C;
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
  }
}

@media (max-width:767px) {
  div#navcol-1.collapse.navbar-collapse.in{
    padding:0 !important;
    margin:0 !important;
  }
}

div.container-fluid, .navbar-collapse{
  padding:0 !important;
  margin:0 !important;
}

@media (max-width:767px) {
  div.container-fluid{
    padding:0;
    margin:0;
  }
}

@media (min-width:769px) {
  .navbar-nav > li{
    float:none;
    width:auto;
    display:inline-block;
    border-right:1px solid #8C488C;
    height:35px;
    margin-right:0;
    margin-left: -4px;
    padding:0;
  }
  #navcol-1 > ul > li:last-child{
      border-right: 1px solid transparent;
  }
}