.dark-bg{background:#000000;
		}
		/*Style background colour navabar*/
.nav {
    color: whitesmoke;
    background-color: black;
}
.navbar{
    background-color:black;
    border-color: black;
}
.navbar-brand{
    background-color:black;
    border-color: black;
}
.navbar-header{
    background-color:black;
    border-color: black;
}
.navbar .navbar-collapse {
     background-color:black;
    border-color: black;
}
/*End of Navabar background styling*/


/*Colour of navbar on hover*/
.navbar .navbar-nav > li.open > a:hover,
.navbar .navbar-nav > li.open > a:focus {
     background-color: black;
  color: white;
  border-color: black;
  border:none !important;
}
/*end of  navbar on hover*/
  .open .dropdown-toggle{
        background-color: black !important;
       border:none !important;
  }
/*Colour of navbar on hover*/
ul.nav > li > a:hover {
  background-color: black;
  color: #FFFFFF;
 border-color: black;
}
/*end of  navbar on hover*/

/*Chnage colour of mobile menu*/
    .navbar-toggle, .icon-bar, .icon-menu-1{

     background-color: #506a85;
}


/*Chnage colour of dropdown menu*/
.dropdown-menu {
    background-color: black !important;
    border:none !important;
    
}
/*Colour of text on dropdown menu*/
.dropdown-menu > li > a {
    color: white !important;;
}
/*hover colour of dropdown*/
.dropdown-menu > li > a:hover {
    background-color: #506a85 !important;
    background-image: none !important;
}








/*End of Style navabar*/
.popover{
    z-index: 99999;
}
.popover{
background-color: black;
}
.popover-content{
	background-color:red;
}

/*Add text overlay to images*/

.thumbnail {
    position:relative;
    overflow:hidden;
  background: transparent;
  border:none;

}

.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align: left;
    color:#fff !important;
    z-index:2;
   


}
/*Add text overlay to videos*/

.thumbnail_video {
    position:relative;
    overflow:hidden;
  background: transparent;
  border:none;

}
 /*caption for video gallery*/
.caption_video {
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align: left;
    color:#fff !important;
    z-index:2;
     background: transparent url(images/play_red.png) no-repeat center; 
     background-size: 20%;
     background-position: 100px 80px;


}

/* Added for tesing because your img-responsive class isn't working 
img {  width: 100%;  height: auto;}
*/
/*Keep footer at bottom*/
html,body{
    height: 100%;
    background-color:black;
}


.footer {
  bottom: -50px;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
}

		/*End of Add text overlay to images*/
		/*Stylig of dates on disocgraphy page*/
    .icon-dot{
    color: #506a85;
    padding: 2%;
   
}