/* Custom Stylesheet skin CSS file for MegaNavbar B4 (bootstrap 4).
** MegaNavbar B4 v1.0.1 (http://www.MegaNavbar.com/B4) Copyright 2018 MegaNavbar.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.
*/


.navbar.navbar-zotter {
  background: #222;
  border-color: #222;
  border:none;
  color: #fff;
}
.navbar.navbar-zotter .navbar-collapse {
  background-color: #222;
}
.navbar.navbar-zotter .navbar-collapse,
.navbar.navbar-zotter .navbar-collapse>*:not(.navbar-nav):not(.nav-divider),
.navbar.navbar-zotter .navbar-collapse .navbar-nav>* {
  border-color: #090909;
  -webkit-box-shadow: inset 0 1px 0 #3c3c3c;
  box-shadow: inset 0 1px 0 #3c3c3c;
}
.navbar-collapse.collapse.show{
  height:100vh;
}
.navbar.navbar-zotter .navbar-text {
  color: #fff;
}
.navbar.navbar-zotter .nav-item > a.nav-link {
  color: #fff;
  background-color: transparent;
}
.navbar.navbar-zotter .nav-item > a.nav-link:hover,
.navbar.navbar-zotter .nav-item > a.nav-link:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-brand {
  color: #fff;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-brand:hover,
.navbar.navbar-zotter .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-toggler {
  border-color: #fff !important;
}
.navbar.navbar-zotter .navbar-toggler .navbar-toggler-icon {
  background-color: transparent;
  color: #fff;
}
.navbar.navbar-zotter .navbar-toggler:hover {
  border-color: #ffffff !important;
}
.navbar.navbar-zotter .navbar-toggler:hover .navbar-toggler-icon {
  background-color: #3c3c3c;
  color: #ffffff;
}
.navbar.navbar-zotter .nav-divider {
  background-color: #222;
}
.navbar.navbar-zotter .btn-default {
  color: #cccccc;
  background-color: #333333;
  border-color: #595959;
}
.navbar.navbar-zotter .btn-default:hover,
.navbar.navbar-zotter .btn-default:focus,
.navbar.navbar-zotter .btn-default:active,
.navbar.navbar-zotter .btn-default.active {
  color: #d5d5d5;
  background-color: #4d4d4d;
  border-color: #595959;
}
.navbar.navbar-zotter .form-control {
  color: #fff;
  background-color: #333333;
  border-color: #666666;
}
.navbar.navbar-zotter .form-control::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control::-moz-placeholder {
  opacity: 1;
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:-moz-placeholder {
  opacity: 1;
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control::-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control::placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus,
.navbar.navbar-zotter .form-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background-color: #333333;
  border-color: #666666;
}
.navbar.navbar-zotter .form-control:focus::-webkit-input-placeholder,
.navbar.navbar-zotter .form-control:hover::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus:-webkit-input-placeholder,
.navbar.navbar-zotter .form-control:hover:-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus::-moz-placeholder,
.navbar.navbar-zotter .form-control:hover::-moz-placeholder {
  opacity: 1;
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus:-moz-placeholder,
.navbar.navbar-zotter .form-control:hover:-moz-placeholder {
  opacity: 1;
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus::-ms-input-placeholder,
.navbar.navbar-zotter .form-control:hover::-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus:-ms-input-placeholder,
.navbar.navbar-zotter .form-control:hover:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus::placeholder,
.navbar.navbar-zotter .form-control:hover::placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .form-control:focus:placeholder,
.navbar.navbar-zotter .form-control:hover:placeholder {
  color: rgba(255,255,255,0.5);
}
.navbar.navbar-zotter .border-default {
  border-color: #222 !important;
}
.navbar.navbar-zotter .text-default {
  color: #222 !important;
}
.navbar.navbar-zotter .bg-default {
  background-color: #222 !important;
}
.navbar.navbar-zotter .nav-item>a {
  color: #fff;
  background-color: transparent;
}
.navbar.navbar-zotter .nav-item:hover>a {
  color: #ffffff;
  background-color: transparent;
}
.navbar.navbar-zotter .nav-item.active>a {
  color: #ffffff;
  background-color: #3c3c3c;
}
.navbar.navbar-zotter .nav-item.active:hover>a {
  color: #ffffff;
  background-color: #3c3c3c;
}
.navbar.navbar-zotter .nav-item>.dropdown-toggle:not(.collapsed) {
  color: #ffffff;
  background-color: #151515;
}
.navbar.navbar-zotter .nav-item:hover>.dropdown-toggle:not(.collapsed) {
  color: #ffffff;
  background-color: #151515;
}
.navbar.navbar-zotter .nav-item.disabled>a {
  color: rgba(255,255,255,0.5);
  background-color: transparent;
}
.navbar.navbar-zotter .nav-item.disabled:hover>a {
  color: rgba(255,255,255,0.5);
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-text,
.navbar.navbar-zotter .navbar-brand,
.navbar.navbar-zotter .nav-item>.nav-link,
.navbar.navbar-zotter .dropdown-toggle {
  line-height: 48px;
  padding: 0 20px;
}
.navbar.navbar-zotter .navbar-toggler-icon {
  padding: 8px;
}
.navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:after {
  border-color: #3c3c3c;
}
.navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:before {
  border-color: #222;
}
.navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:not(.show):hover:after {
  border-color: #3c3c3c;
}
.navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:not(.show):hover:before {
  border-color: #222;
}
.navbar.navbar-zotter:not(.no-open-arrow) .navbar-nav>[class*="drop"].show:after {
  border-color: #333333;
}
.navbar.navbar-zotter:not(.no-open-arrow) .navbar-nav>[class*="drop"].show:before {
  border-color: #222;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu {
  background-color: #333333;
  color: #cccccc;
  border-color: #222;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-header {
  color: #cccccc;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item {
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item>a {
  color: #cccccc;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item>a>.description {
  color: #cccccc;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active {
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active>a {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active>a>.description {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled {
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled>a {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled>a>.description {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover>a {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover>a>.description {
  color: #ffffff;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active {
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active>a {
  color: #ffffff;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active>a>.description {
  color: #ffffff;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled {
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a>.description {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-item {
  color: #cccccc;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-item:hover {
  color: #e6e6e6;
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle {
  color: #cccccc;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle>.description {
  color: #cccccc;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active {
  color: #e6e6e6;
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active>.description {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed) {
  color: #e6e6e6;
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed)>.description {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled {
  color: #8c8c8c;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled>.description {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle {
  color: #e6e6e6;
  /*background-color: #262626;*/
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle>.description {
  color: #ffffff;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active {
  color: #ffffff;
  background-color: #262626;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active>.description {
  color: #ffffff;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed) {
  color: #e6e6e6;
  /*background-color: #262626;*/
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed)>.description {
  color: #e6e6e6;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled {
  color: #8c8c8c;
  background-color: transparent;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled>.description {
  color: #8c8c8c;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-link {
  color: #62A2D8;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-link:hover {
  color: #44A5FF;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .border-default {
  border-color: #555 !important;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .text-default {
  color: #555 !important;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .bg-default {
  background-color: #555 !important;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default {
  color: #cccccc;
  background-color: #333333;
  border-color: #595959;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:hover,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:focus,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:active,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default.active {
  color: #d5d5d5;
  background-color: #222222;
  border-color: #595959;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control {
  color: #cccccc;
  background-color: #333333;
  border-color: #595959;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-webkit-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-webkit-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-moz-placeholder {
  opacity: 1;
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-moz-placeholder {
  opacity: 1;
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-ms-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-ms-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #cccccc;
  background-color: #333333;
  border-color: #595959;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-webkit-input-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-webkit-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-webkit-input-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-webkit-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-moz-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-moz-placeholder {
  opacity: 1;
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-moz-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-moz-placeholder {
  opacity: 1;
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-ms-input-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-ms-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-ms-input-placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-ms-input-placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:placeholder,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:placeholder {
  color: rgba(204,204,204,0.5);
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs {
  border-bottom-color: #4d4d4d;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link:focus,
.navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link:hover {
  border-color: #4d4d4d;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link.active {
  background-color: #333333;
  border-color: #4d4d4d;
}
.navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-divider {
  border-color: #4d4d4d;
}
/*alternative white*/
/*
@media screen and (max-width:991px){
  .navbar.navbar-zotter {
    background: none;
    border-color: #ffffff;
    color: #fff;
  }
  .navbar.navbar-zotter .navbar-collapse {
    background:  none;
  }
  .navbar.navbar-zotter .navbar-collapse,
  .navbar.navbar-zotter .navbar-collapse>*:not(.navbar-nav):not(.nav-divider),
  .navbar.navbar-zotter .navbar-collapse .navbar-nav>* {
    border-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }
  .navbar-collapse.collapse.show{
    height:100vh;
  }
  .navbar.navbar-zotter .navbar-text {
    color: #000;
  }
  .navbar.navbar-zotter .nav-item > a.nav-link {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .nav-item > a.nav-link:hover,
  .navbar.navbar-zotter .nav-item > a.nav-link:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-brand {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-brand:hover,
  .navbar.navbar-zotter .navbar-brand:focus {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .nav-divider {
    background-color: #fff;
  }
  .navbar.navbar-zotter .btn-default {
    color: #cccccc;
    background-color: #333333;
    border-color: #595959;
  }
  .navbar.navbar-zotter .btn-default:hover,
  .navbar.navbar-zotter .btn-default:focus,
  .navbar.navbar-zotter .btn-default:active,
  .navbar.navbar-zotter .btn-default.active {
    color: #d5d5d5;
    background-color: #4d4d4d;
    border-color: #595959;
  }
  .navbar.navbar-zotter .form-control {
    color: #fff;
    background-color: #333333;
    border-color: #666666;
  }
  .navbar.navbar-zotter .form-control::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control::-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control::-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control::placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus,
  .navbar.navbar-zotter .form-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    background-color: #fff;
    border-color: #fff;
  }
  .navbar.navbar-zotter .form-control:focus::-webkit-input-placeholder,
  .navbar.navbar-zotter .form-control:hover::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus:-webkit-input-placeholder,
  .navbar.navbar-zotter .form-control:hover:-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus::-moz-placeholder,
  .navbar.navbar-zotter .form-control:hover::-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus:-moz-placeholder,
  .navbar.navbar-zotter .form-control:hover:-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus::-ms-input-placeholder,
  .navbar.navbar-zotter .form-control:hover::-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus:-ms-input-placeholder,
  .navbar.navbar-zotter .form-control:hover:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus::placeholder,
  .navbar.navbar-zotter .form-control:hover::placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .form-control:focus:placeholder,
  .navbar.navbar-zotter .form-control:hover:placeholder {
    color: rgba(255,255,255,0.5);
  }
  .navbar.navbar-zotter .border-default {
    border-color: #fff !important;
  }
  .navbar.navbar-zotter .text-default {
    color: #000 !important;
  }
  .navbar.navbar-zotter .bg-default {
    background-color: #fff !important;
  }
  .navbar.navbar-zotter .nav-item>a {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .nav-item:hover>a {
    color: #000;
    background-color: transparent;
  }
  .navbar.navbar-zotter .nav-item.active>a {
    color: #000;
    background-color: #fff;
  }
  .navbar.navbar-zotter .nav-item.active:hover>a {
    color: #000;
    background-color: #fff;
  }
  .navbar.navbar-zotter .nav-item>.dropdown-toggle:not(.collapsed) {
    color: #000;
    background-color: #fff;
  }
  .navbar.navbar-zotter .nav-item:hover>.dropdown-toggle:not(.collapsed) {
    color: #000;
    background-color: #fff;
  }
  .navbar.navbar-zotter .nav-item.disabled>a {
    color: rgba(255,255,255,0.5);
    background-color: transparent;
  }
  .navbar.navbar-zotter .nav-item.disabled:hover>a {
    color: rgba(255,255,255,0.5);
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-text,
  .navbar.navbar-zotter .navbar-brand,
  .navbar.navbar-zotter .nav-item>.nav-link,
  .navbar.navbar-zotter .dropdown-toggle {
    line-height: 48px;
    padding: 0 20px;
  }
  .navbar.navbar-zotter .navbar-toggler-icon {
    padding: 8px;
  }
  .navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:after {
    border-color: #fff;
  }
  .navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:before {
    border-color: #fff;
  }
  .navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:not(.show):hover:after {
    border-color: #fff;
  }
  .navbar.navbar-zotter:not(.no-active-arrow) .navbar-nav>[class*="drop"].active:not(.show):hover:before {
    border-color: #fff;
  }
  .navbar.navbar-zotter:not(.no-open-arrow) .navbar-nav>[class*="drop"].show:after {
    border-color: #fff;
  }
  .navbar.navbar-zotter:not(.no-open-arrow) .navbar-nav>[class*="drop"].show:before {
    border-color: #fff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu {
    background-color:transparent;
    color: #cccccc;
    border-color: #222;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-header {
    color: #cccccc;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item {
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item>a {
    color: #cccccc;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item>a>.description {
    color: #cccccc;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active {
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active>a {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.active>a>.description {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled {
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled>a {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item.disabled>a>.description {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover>a {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover>a>.description {
    color: #ffffff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active {
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active>a {
    color: #ffffff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.active>a>.description {
    color: #ffffff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled {
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-item:hover.disabled>a>.description {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-item {
    color: #cccccc;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-item:hover {
    color: #e6e6e6;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle {
    color: #cccccc;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle>.description {
    color: #cccccc;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active {
    color: #e6e6e6;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.active>.description {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed) {
    color: #e6e6e6;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle:not(.collapsed)>.description {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled {
    color: #8c8c8c;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]>.dropdown-toggle.disabled>.description {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle {
    color: #e6e6e6;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle>.description {
    color: #ffffff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active {
    color: #ffffff;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.active>.description {
    color: #ffffff;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed) {
    color: #e6e6e6;
    background-color: #262626;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle:not(.collapsed)>.description {
    color: #e6e6e6;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled {
    color: #8c8c8c;
    background-color: transparent;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu [class*="drop"]:hover>.dropdown-toggle.disabled>.description {
    color: #8c8c8c;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-link {
    color: #62A2D8;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu a.dropdown-link:hover {
    color: #44A5FF;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .border-default {
    border-color: #555 !important;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .text-default {
    color: #555 !important;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .bg-default {
    background-color: #555 !important;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default {
    color: #cccccc;
    background-color: #333333;
    border-color: #595959;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:hover,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:focus,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default:active,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .btn-default.active {
    color: #d5d5d5;
    background-color: #222222;
    border-color: #595959;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control {
    color: #cccccc;
    background-color: #333333;
    border-color: #595959;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-webkit-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-webkit-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-moz-placeholder {
    opacity: 1;
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-moz-placeholder {
    opacity: 1;
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::-ms-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:-ms-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control::placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #cccccc;
    background-color: #333333;
    border-color: #595959;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-webkit-input-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-webkit-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-webkit-input-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-webkit-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-moz-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-moz-placeholder {
    opacity: 1;
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-moz-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-moz-placeholder {
    opacity: 1;
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::-ms-input-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::-ms-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:-ms-input-placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:-ms-input-placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus::placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover::placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:focus:placeholder,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .form-control:hover:placeholder {
    color: rgba(204,204,204,0.5);
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs {
    border-bottom-color: #4d4d4d;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link:focus,
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link:hover {
    border-color: #4d4d4d;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .nav-tabs .nav-link.active {
    background-color: #333333;
    border-color: #4d4d4d;
  }
  .navbar.navbar-zotter .navbar-nav .dropdown-menu .dropdown-divider {
    border-color: #4d4d4d;
  }
}
*/