#header { position:fixed; width:100%; z-index:9998;top: 0px; left:0px; border-bottom: solid 1px #949494;background: rgba(0,0,0,.3);}
#header.fixed { background-color:#000; }

.logo1 { display:none; padding-left: 30px;padding-bottom: 5px;}


/*.navbar-brand img { width:100px; }*/

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#000!important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:0rem 0.5rem;
  margin:0;
 
}
.navbar .nav-item:hover a { color:#dca761;}

/* makes the dropdown full width  */
.navbar .dropdown {position:static; position:relative;}

.navbar .dropdown-menu {
  width:210px;
  left:0;
  right:0;
/*  height of nav-item  */
  top:70px;
}

.dropdown-menu { display:block; opacity:0; visibility:hidden; transition:0.5s;}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
 /* display:block!important;*/ opacity:1; visibility:visible;  top:50px
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}
.navbar {padding:0rem;background-color: transparent !important;width: 1340px; max-width:100%; margin:auto;}
.navbar-dark .navbar-nav .nav-link { color:#FFF; font-weight:400; padding: 1.2rem 0.2rem; text-transform:uppercase; font-size:12px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#dca761;}
.navbar-nav {margin-left:0px;}

.dropdown-menu a.nav-link  { color:#FFF !important; border-bottom:solid 1px rgba(255,255,255,0.3); font-size:16px; font-weight:300 !important; padding:0.7rem 0.3rem !important; }
.dropdown-menu a.sub-title { font-size:16px !important; text-transform:uppercase;  font-weight:700 !important;}
#statutory-reports { width:25%; left: 510px;}
#financial { width:60%; left: 514px;}

.book-bt { background-color:#FFF; color:#000; /*padding:10px 8px;*/ text-transform:uppercase; font-size:12px; font-weight:700; margin-right:5px; margin-left:5px;}
.book-bt a { color:#000; padding: 10px 8px; display:block; position:relative; overflow:hidden;}
.book-bt a span {
    position: relative;
    z-index: 2;
}

.book-bt a:hover { color:#FFF;}
.book-bt a:before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height:100%;
    width: 0;
	background-color:#dca761;
    transition: width 0s ease, background .4s ease;
}

.book-bt a:hover:before {
    width: 100%;
    background:#dca761;
    transition: width .4s ease;
}


.book-bt a:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height:100%;
    width: 0;
     background:#dca761;
    transition: width .4s ease;
}

.book-bt a:hover:after{
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}




.mobile-link {}
.mobile-link a { margin-right:13px; }
.navbar-dark .navbar-brand {padding-left:0px;padding-top: 11px;text-align: center;}