/* Fix container new sizes */
@media (max-width: 1px) {
  .container {
    width: 235px;
  }
}
@media (min-width: 2px) and (max-width: 763px) {
  .container {
    width: 482px;
  }
}



/* SoA navbar */


.navbar-soa .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #FFF;
  white-space: nowrap;
}
.navbar-soa .dropdown-menu > li > a:hover,
.navbar-soa .dropdown-menu > li > a:focus {
  color: #E97522;
  background-color: transparent;
  background-image: none;
}
.navbar-soa .dropdown-menu > .active > a,
.navbar-soa .dropdown-menu > .active > a:hover,
.navbar-soa .dropdown-menu > .active > a:focus {
  color: #E97522;
  background-color: transparent;
  background-image: none;
}

.navbar-soa {
  background-color: #231F20;
  border-color: #231F20;
}
.navbar-soa .navbar-brand {
  color: #777777;
}
.navbar-soa .navbar-brand:hover,
.navbar-soa .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-soa .navbar-text {
  color: #777777;
}
.navbar-soa .navbar-nav > li > a {
  color: #FFFFFF;
  padding-top:5px;
  padding-bottom:0px;
}
.navbar-soa .navbar-nav > li > a:hover,
.navbar-soa .navbar-nav > li > a:focus {
  color: #E97522;
  background-color: transparent;
}
.navbar-soa .navbar-nav > .active > a,
.navbar-soa .navbar-nav > .active > a:hover,
.navbar-soa .navbar-nav > .active > a:focus {
  color: #E97522;
  background-color: transparent;
}
.navbar-soa .navbar-nav > .disabled > a,
.navbar-soa .navbar-nav > .disabled > a:hover,
.navbar-soa .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-soa .navbar-toggle {
  border-color: #dddddd;
}
.navbar-soa .navbar-toggle:hover,
.navbar-soa .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-soa .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-soa .navbar-collapse,
.navbar-soa .navbar-form {
  border-color: none;
}
.navbar-soa .navbar-nav > .open > a,
.navbar-soa .navbar-nav > .open > a:hover,
.navbar-soa .navbar-nav > .open > a:focus {
  background-color: transparent;
  /*
  color: #FFF;
  font-style: italic;
  */
  color: #E97522;
}
/*
@media (max-width: 763px) {
  .navbar-soa .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-soa .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-soa .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-soa .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-soa .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-soa .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #E97522;
    background-color: transparent;
  }
  .navbar-soa .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-soa .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-soa .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
*/
.navbar-soa .navbar-link {
  color: #777777;
}
.navbar-soa .navbar-link:hover {
  color: #333333;
}




/*******************/
/* SoA MENU BUTTON */
/*******************/
.navbar-soa .navbar-toggle {
  position: relative;
  float: right;
  padding: 7px 7px;
  margin: 22px 0px 8px 0px;

  color:#E97522;
  background-color: #000;
  font-weight: bold;

  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  z-index: 3;
}

.navbar-soa .navbar-toggle.fixtop {
  margin-top:16px!important;
}

@media (max-width: 1px) {
   .navbar-soa .navbar-toggle {
    margin-top:16px;
  }
}
@media (min-width: 2px) and (max-width: 763px) {
   .navbar-soa .navbar-toggle {
    margin-top:19px;
  }

  .navbar-soa .navbar-toggle.fixtop {
    margin-top:19px!important;
  }
}

.navbar-soa .navbar-toggle:hover,
.navbar-soa .navbar-toggle:focus {
  background-color: #000;
  color: #E97522;
  outline: none;
}
.navbar-soa .navbar-toggle.collapsed {
  color:#000;
  background-color: #FFF;
}
.navbar-soa .navbar-toggle.collapsed:hover,
.navbar-soa .navbar-toggle.collapsed:focus {
  color:#E97522;
}

@media (max-width: 763px) {
  .navbar-soa .navbar-toggle,
  .navbar-soa .navbar-toggle:hover,
  .navbar-soa .navbar-toggle:focus {
    background-color: #FFF;
  }
}

.navbar-soa .navbar-toggle .icon-bar {
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 1px;
  background-color: #000;
}
.navbar-soa .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 2px;
}

/******************/
/* SoA SEARCH BOX */
/******************/
.input-group-addon {
    background-color: #fff;
    color: #000;
    border-top:0;
    border-bottom:0;
    top:0;
    padding-left: 10px;
    padding-right: 8px;
}

/*********************/
/* NAVBAR BEHAVIOURS */
/*********************/

/***************************/
/* Navbar always collapsed */
/***************************/
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse {
  /*border-top: 1px solid transparent;*/
  border-top: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin: 7.5px -15px;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}



/*******************************/
/* disable responsive collapse */
/*******************************/
/*
@media (min-width: 764px) {
*/
  .navbar-soa .navbar-collapse {
    position: absolute;
    right: 0; /* right and width is modified by js to align with menu button */
    top: 14px;  /* top is reset by js to align with menu button when we are on mobile */
    background: #000;
  }
  .navbar-soa .navbar-collapse.collapse {
    display: none!important;
  }

 .navbar-soa .navbar-nav .caret {
    display: none;
  }
/*
}
*/

/********************************/
/* no max height and full width */
/********************************/
.navbar-soa .navbar-collapse {
  max-height: none;
}
/* full width on mobile
@media (max-width: 763px) {
  .navbar-soa .navbar-collapse {
    width: 100%!important;
  }
}
*/

/*************************************/
/* no dropdown behaviour inside menu */
/*************************************/
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 0px 0px 0px 5px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}

/*******************************/
/* collapse with no transition */
/*******************************/
.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

/*******************************************/
/* navbar collapse top at topo menu button */
/*******************************************/
.navbar-collapse {
  padding-top: 50px;
}


.carousel-control.left, .carousel-control.right {
    background-image: none;
}