/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}
.navbar .dropdown-menu {
    border: none;
    background-color: #ffffff!important;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #070707;
}
.pt-15{
    padding-top:15px;
}
li.nav-item.active a {
    color: #c10505 !important;
    font-weight: 600;
}
ul.navbar-nav.mr-auto {
    margin: 0px auto;
}
.sub_menu {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
    top: 55px;
    border-bottom: 2px solid #ec4a4f;
    min-width: 250px;
}
ul.sub_menu li {
    padding: 0px !important;
    margin: 0px 10px !important;
}
ul.nav.flex-column li {
    padding: 3px 0px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #000000;
}
/* 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:.5rem .5rem;
  margin:0 .25rem;
}

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

.navbar .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    top: 46px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}
 

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

}


@media screen and (min-width:768px) and (max-width:1024px){
    .top_bar a.navbar-brand {
        display: none;
    }
}
@media screen and (min-width:1025px) and (max-width:1366px){
    
    .navbar-dark .navbar-nav .nav-link {
        color: #000000;
        font-size: 14px;
        vertical-align: middle;
    }
    .nav-item .nav_down {
         top: 18px;
        }
        
}
    
    
@media screen and (min-width:320px) and (max-width:767px){
    button.navbar-toggler {
        position: relative;
        left: 86%;
    }
    .menu-open .header-overlay {
         position: relative; 
         background: transparent; 
         z-index: -999999; 
         width: 100%; 
         height: 100%; 
    }
    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: #ffffff;
    }
    .navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-brand {
    width: auto;
    background: transparent;
    z-index: 0000;
    position: absolute;
    max-width: 145px;
}
ul.navbar-nav.mr-auto li {
    border-bottom: 1px solid #d5d5d5;
}
ul.navbar-nav.mr-auto li:last-child{
    border-bottom: none;
}
.navbar .dropdown-menu {
    background-color: #0d276a!important;
}
.sub_menu {
    display: none;
    position: relative;
    z-index: 99;
    background: #3e3e3e;
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
    top: -4px;
    border-bottom: 2px solid #ec4a4f;
    min-width: 250px;
}
.top_bar a.navbar-brand {
    display: none;
}
.navbar-brand {
    width: 119px;
    background: transparent;
    z-index: -9999999;
    position: absolute;
}

.mobile-only-screen {
    text-align: center !important;
    padding: 11px 0px;
}
}