/* ==========================================================================
   RESPONSIVE CLASSES STUFF - BOOTSTRAP 2.3.2
   ========================================================================== */



.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}



/* ==========================================================================
   NAVBAR STUFF
   ========================================================================== */

   /* ==========================================================================
      Change navbar breakpoint to small sizes
      ========================================================================== */
   @media (max-width: 991px) {
     .navbar .container {
width: 100%;
     }
       .navbar-header {
           float: none;
       }
       .navbar-toggle {
           display: block;
       }
       .navbar-collapse {
           border-top: 1px solid transparent;
           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;
       }
       .navbar-text {
           float: none;
           margin: 15px 0;
       }
       /* since 3.1.0 */
       .navbar-collapse.collapse.in {
           display: block!important;
       }
       .collapsing {
           overflow: hidden!important;
       }
   }

   /* ==========================================================================
      More NAVBAR STUFF
      ========================================================================== */

.navbar-default {
 color: white;
 background-color: #002333;
 background-image: -moz-linear-gradient(top, #003d59, #002333);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003d59), to(#002333));
 background-image: -webkit-linear-gradient(top, #003d59, #002333);
 background-image: -o-linear-gradient(top, #003d59, 799fb3);
 background-image: linear-gradient(to bottom, #003d59, #002333);
 background-repeat: repeat-x;
 border-color: #002333;
}

.navbar-default .navbar-brand {
  color: white;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #e88138;
  background-color: transparent;
}

.navbar-default .navbar-nav > li  > a {
  color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #002333;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #83acc0;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 background-color: #002333;
  color: #fff;
}

@media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #83acc0;
    } {
    color: #83acc0;
}

    .navbar-nav .open .dropdown-menu {
        background-color: #002333;
    }

    .main-nav .navbar-nav {
        margin-top: 0px;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 600px;
    }
}