@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.navbar-custom {
    background-color:#181818;                                      /* controls navbar background color */
    border-top:1px solid #3C5C7B;                                  /* controls navbar border color top */
    border-bottom:1px solid #000000;                               /* controls navbar border color bottom */
    border-radius:0px;                                             /* controls navbar border radius */
    padding:10px 10px;                                             /* controls navbar padding */
}

.navbar-nav {
    margin-top:22px;                                               /* controls Navbar top margin padding in navbar-custom container */
    background-color:transparent;
} 

.navbar-custom .navbar-nav>li>a { 
    color: #FFFFFF;                                                /* controls navbar link colours ie WHITE */
    font-family:bebas_neueregular;                                 /* controls navbar link font in navbar non collapsed and collapsed states */
    line-height:18px;
    font-size:20px;                                                /* controls navbar link font size in navbar non collapsed and collapsed states */
     padding-top:10px;
     padding-bottom:10px;
     /*margin-top:5px;*/   
}

.navbar-custom .navbar-nav>li>a:hover  { 
    color: #FFFFFF;                                                /* controls navbar link button in hover state ie WHITE */
    background-color: #3399EE;                                     /* controls navbar link background when in hover state ie LIGHT BLUE */
    border-radius:6px;                                             /* controls navbar link background radius when in hover state ie LIGHT BLUE */  
}

.navbar-custom .navbar-nav > li > a:focus {
    color: #FFFFFF;                                                /* controls navbar link when clicked ie WHITE */
    background-color: #3399EE;                                     /* controls navbar link background when clicked ie LIGHT BLUE */
    border-radius:6px;                                             /* controls navbar link background radius when clicked ie LIGHT BLUE */  
}

.navbar-custom .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color:#FFFFFF;                                                 /* controls navbar original drop down link color when clicked in both states ie WHITE */
    background-color:#3399EE;                                      /* controls navbar drop down link background color when clicked in both states etc ie LIGHT BLUE */
    border-radius:6px;                                             /* controls navbar drop down link background radius when clicked in both states */
}

/* DROP DOWN MENU */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;                                                   /* controls navbar dropdown box link left right alignment */
    min-width:160px;                                               /* controls minimum width of Drop Down box */
    padding: 5px 5px;                                              /* controls navbar dropdown box padding */                             
    margin: 2px 0px 0px;                                           /* controls navbar dropdown bix margins */
    font-size:12px;                                                /* controls navbar drop down link font size in both  collapsed & non-collapsed states */
    text-align:left;                                               /* controls navbar drop down link left and right alignment */
    background-color: #3399EE;                                     /* controls navbar drop down box background color ie LIGHT BLUE */
    border:0px solid #999999;                                      /* controls navbar drop down box border color ie GRAY */
    border-radius:6px;                                             /* controls navbar drop down box radius of both bottom corners */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);                 /* controls navbar drop down box shadow */
}

.navbar-nav > li > .dropdown-menu {
    margin-top:0px;
    border-top-left-radius:6px;                                    /* controls navbar drop down box top left corner border radius */                                   
    border-top-right-radius:6px;                                   /* controls navbar drop down box top right corner border radius */ 
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
   background:#173655;                                             /* controls navbar drop down link background ie DARK BLUE */
   border-radius:4px;                                              /* controls navbar drop down link background radius */
}

.dropdown-menu > li > a {
    display:block;
    padding:5px 10px;
    clear:both;
    font-weight:400;                                               /* controls navbar drop down link initial font weight in non-collapsed state */
    line-height:1.42857;
    color:#FFFFFF;                                                 /* controls navbar drop down link initial color in non-collapsed state ie WHITE */
    white-space:nowrap;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
    color: #FFFFFF;                                                /* controls navbar drop down link color in hover state ie WHITE */
    font-size:12px;                                                /* controls navbar drop down link font size hover state */
}


/* TOGGLE */

.navbar-toggle {
    position:relative;
    float:right;                                                   /* controls Toggle Menu left - right location in collapsed state */
    margin-top:14px;                                               /* controls Toggle Menu Top Margin */
    margin-right:5px;                                              /* controls Toggle Menu Right Margin */
    margin-bottom:8px;                                             /* controls Toggle Menu Bottom Margin */
    background-color: transparent;
    background-image: url('none');
    border:1px solid transparent;
    border-radius:4px; padding-left:10px; padding-right:10px; padding-top:9px; padding-bottom:9px
}

.navbar-custom .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color:#3399EE;                                      /* controls Toggle background colour in hover state */
    border-color:#99CCFF;                                          /* controls Toggle border colour in hover state */
}

.navbar-custom .navbar-toggle {
    border-color:#666666;                                          /* controls Toggle border colour initial state */
}
.navbar-custom .navbar-toggle:focus {
    outline: 0px none;
}

.navbar-custom .icon-bar {
   background-color:#FFFFFF;                                       /* controls Toggle bar color */
}