.navbar {
  background-color: #171717;
}

.navbar .navbar-brand {
  color: #ecf0f1;
}

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: #ffffff;
}

.navbar .navbar-text {
  color: #ecf0f1;
}

.navbar .navbar-text a {
  color: #ffffff;
}

.navbar .navbar-text a:hover, .navbar .navbar-text a:focus {
  color: #ffffff;
}

.navbar .navbar-nav .nav-link {
  color: #ecf0f1;
  border-radius: .25rem;
  margin: 0 0.25em;
}

.navbar .navbar-nav .nav-link:not(.disabled):hover, .navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffffff;
}

.navbar .navbar-nav .dropdown-menu {
  background-color: #171717;
  border-color: #272727;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #272727;
}

.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #272727;
}

.navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.active .nav-link:hover, .navbar .navbar-nav .nav-item.active .nav-link:focus, .navbar .navbar-nav .nav-item.show .nav-link, .navbar .navbar-nav .nav-item.show .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffffff;
  background-color: #272727;
}

.navbar .navbar-toggle {
  border-color: #272727;
}

.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
  background-color: #272727;
}

.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ecf0f1;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ecf0f1;
}

.navbar .navbar-link {
  color: #ecf0f1;
}

.navbar .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 575px) {
  .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expend-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #272727;
  }
}

@media (max-width: 767px) {
  .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expend-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #272727;
  }
}

@media (max-width: 991px) {
  .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expend-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #272727;
  }
}

@media (max-width: 1199px) {
  .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expend-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #272727;
  }
}

.navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}

.navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item:hover, .navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}

.navbar-expend .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #272727;
}

.navbar {
  border-bottom: #333333 1px solid;
  opacity: 1;
}

body {
  margin-top: 0px;
  background: #171717;
  color: white;
  font-family: 'Poppins', sans-serif;
  overflow-y: hidden;
}

#showcase {
  position: relative;
  background: url(../img/trading_desk_blur.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 1020px;
}

#showcase .dark-overlay {
  background: rgba(27, 27, 27, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#showcase .showcase-inner {
  padding-top: 260px;
}

#about .about-inner {
  padding-top: 150px;
  padding-bottom: 150px;
}

#markets .markets-inner {
  padding-top: 150px;
  padding-bottom: 150px;
}

.hidebar {
  overflow-y: scroll;
  /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hidebar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.hidebar {
  -ms-overflow-style: none;
}

@-moz-document url-prefix() {
  /* Disable scrollbar Firefox */
  html {
    scrollbar-width: none;
  }
}

.hidebar {
  scrollbar-width: none;
}