/* color: #00007d; */

.hide-mobile-navigation{
display: inherit;
visibility:visible;
}

.main-nav-holder{
position: relative;
display: table;
padding: 0px 0px 0px 0px;
margin: 0;
z-index: 1000;
}




/* Main Nav */

.main-nav{

}

.main-nav .navbar-nav{
margin: 0px auto;
text-align: center !important;
}


.main-nav .nav-item{
display: inline-block;
width:initial;
white-space: nowrap;
}

.main-nav .nav-item a:link,
.main-nav .nav-item a:active,
.main-nav .nav-item a:visited,
.main-nav .nav-item a:hover{
padding: 0;
margin: 0px 20px;
font-family: Poppins, Roboto, Open Sans, Arial;
font-size: 1em;
font-weight: 600 !important;
color: #ffffff;
text-decoration: none;
text-align:center;
}

.main-nav .nav-item a:hover{
color: #ffffff;
text-decoration: underline;
}


.main-nav .dropdown-toggle::after {
color: #29abe1;
font-size: 14pt;
}



.main-nav .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}


.main-nav .navbar-toggler {
/*border-color: rgb(255,255,255);*/
border: none;
background-color: #eaff00;
margin-left: 8px;
} 

.top-banner h2{
display: inherit;
visibility: visible;
}
.main-nav h3{
display: none;
visibility: hidden;
}



/* MOBILE */

@media (max-width: 600px) {

.main-nav-holder{

}
.top-banner h2{
display: none;
visibility: hidden;
}



.hide-mobile-navigation{
display: none;
visibility:hidden;
}



.main-nav .navbar-collapse{
background-color: #ffffff;
padding: 14px 8px;
}

.main-nav .navbar-collapse ul li{
margin-bottom: 10px;
font-size: 1em;
}


.main-nav .nav-item a:link,
.main-nav .nav-item a:active,
.main-nav .nav-item a:visited,
.main-nav .nav-item a:hover{
padding: 0;
margin: 0px 10px;
font-family: Poppins, Roboto, Open Sans, Arial;
font-size: 1.1em;
font-weight: normal !important;
color: #000000;
text-decoration: none;
text-align:center;
text-transform: uppercase;
}

.main-nav .nav-item a:hover{
color: #fb0004;
text-decoration: underline;
}


}

@media(max-width: 1089px){
  #mobile-nav-holder{
  width: 100%;
  position: relative;
  bottom: 0px;
  padding: 40px 0px 0px 0px;
  }
  .top-banner-holder{
  padding: 40px 0px 0px 0px !important;
  }
  .top-banner{
  
  }
  .main-nav-holder{
  background-color: rgba(0,0,0,0.4);
  display: block;
  padding: 10px 0px;
  margin: 0;

  }


}



@media(max-width: 1419px){
/*
.main-nav-holder{
    position: absolute;
    bottom: 0;
  }
*/
}