body {
    background: #120b6f;
    color: #FFFFFF;
}
.jumbotron {
    color: #FFFFFF; background: #120b6f;
}
.jumbotron .logo a.signup {
    background: #ffc107;
}
.jumbotron .logo a.signin {
    background: #e26457;
    top: 8px; margin-right: 5px;
}

.navbar-inverse {
    background-color: #f8ae1b;
    border-top-color: #f8ae1b;
    border-bottom-color: #f8ae1b;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000000 !important;
}
.navbar-inverse .navbar-nav>li.active>a {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border-right: 1px solid #f8ae1b;
}
.navbar-inverse .navbar-nav>li:hover>a {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.panel-primary.blackbox {
    border-color: #ffc107;
}
.panel-primary.blackbox .panel-heading {
    background: #000000;
    border-color: #ffc107;
    color: #FFFFFF;
}
.panel-footer {
    background-color: #05141a;  color: #b7b7b7;
}
.page-content .panel-primary.blackbox .panel-body {
    background: #05141a;
    color: #FFFFFF;
}
.panel {
    background-color: #05141a; color: #FFFFFF;
}
.blackbox #mHead {
    color: #FFFFFF !important;
}
.page-content .panel-primary.blackbox .panel-heading {
    background-color: #000000;
    border-color: #ffc107;
}
a, a:hover{
    color: #FFFFFF;
}

footer {
    background-color: #FFFFFF;
    border-top: 1px solid #ffc107;
    color: #000000;
}
footer a{
    color: #000000 !important;
}
.footer-brand {
    border-bottom: 1px solid #ffc107;
}


.hgc-sub{
    position: absolute;
    width: auto;
    min-width: -webkit-fill-available;
    background: #FFFFFF;
    border: 1px solid #f8ae1b;
    border-top: none; display: none;
}
.menu-1:hover .hgc-sub{ display: block; }
.hgc-sub a{ 
    display: block;
    width: max-content;
    padding: 10px 15px; 
    font-weight: bold;
    color: #000000;
}


h1{ border-bottom: 4px solid #4E8DD7; display: inline-block; }
.jumbotron .logo{ font-weight: bold; }
.panel-primary h3 { font-weight: bold; }
.panel-footer { border-top: 1px solid #404040; }
.panel-primary.blackbox.boxlistx .panel-heading {
    font-weight: bold;
}
.headtt .panel-heading{ border-bottom: none !important; }
.headtt .panel-heading, .headtt .panel-body, .headtt .panel-footer
{ padding-left: 25px !important; padding-right: 25px !important; }
.headtt .panel-footer{ color: #838383; }
.tbCompare a.btn { color: #FFFFFF; }
.headtt .panel-body h1{ margin-bottom: 15px !important; }
.jumbotron { height: 80px; }
.jumbotron .logo a.signup { top: 8px; }
.headtt h2{ font-size: 20px; margin: 0 0 10px; }
#mHead h2:first-child{ padding-top: 0; margin-top: 0; }

#toplist .ollist { background: #000000; border: 1px solid #6f6f6f; }
#toplist .ollist .row { background: #323131; }
#toplist .ollist .cell:nth-child(3) a{ 
 color: #4298e3; font-size: 20px; display: inline-block; margin-bottom: 6px;
}
ul.list2co { width: 96%; border: none; background: transparent; }
a.btn.btnx2 { background: #4D8244 !important; }
#toplist ul h3 { border-bottom: 2px solid #4e8dd7; }

#reviewlist .ollist { background: #000000; border: 1px solid #6a6767; }
#reviewlist .ollist .row{ background: #383838; }
#reviewlist .ollist .row strong{ color:#58b1ff;  font-size: 18px; margin: 0 0 8px 10px; display: inline-block; }
#reviewlist .ollist .row a.str{ color:#58b1ff;  font-size: 18px; margin: 0 0 8px 10px; display: inline-block; font-weight: bold; text-decoration: underline; }
#reviewlist a.btn{ 
    display: inline-block; background: #f10557; color: #FFFFFF;
    font-weight: bold; font-size: 12pt; margin: 12px 0 12px 10px; text-shadow: 1px 1px #000000;
}
#reviewlist a.btn:hover{ background: #4D8244; }

#toplist a.btn { background: #f10557; } 
#toplist a.btn:hover{ background: #4D8244; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  For mobile phones: */
@media only screen and (max-width:800px) {  
    .hgc-sub{ 
        display: block !important; 
        position: relative; background-color: transparent;
        border: none;
    }
    .hgc-sub a{ display: inline-block; width: 100%; }
    .hgc-sub a:hover{ 
        text-decoration: none; 
        background: #FFFFFF;
    }
    .navbar-inverse .navbar-nav>li:hover {
        background-color: transparent !important;
        background: transparent !important;
    }
    .navbar-inverse .navbar-nav>li:hover>a {
        background-color: transparent !important;
    }
    .navbar-inverse .navbar-nav>li>a:hover {
        background-color: #FFFFFF !important;
    }

   #myNavbar{ overflow: scroll; }
   .navbar-inverse .navbar-nav>li>a { height: auto; }
   .nav>li { border-bottom: 1px solid #ffffff; }
   .navbar-nav { margin: 0 -15px; }
   .navbar-collapse{ border: none; }

}