body {
    background:#000;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------- COLORS ---------- */
.bg-dark-1 { background:#0b0b0b; }
.bg-dark-2 { background:#111; }
.text-muted-2 { color:#999; }
.text-accent { color:#ff9900; }
.bg-accent { background:#ff9900; }

/* Top bar */
        .top-bar {
            background-color: #000;
            font-size: 13px;
            padding: 6px 20px;
        }

        .top-bar a {
            color: #aaa;
            margin-right: 18px;
            text-decoration: none;
        }

        .top-bar a:hover {
            color: #fff;
        }

/* ---------- TOP NAV ---------- */
.navbar {
    padding-top: 0px;
}
.navbar-dark {
    padding-bottom: 0px;
    padding-top: 10px;
}
.navbar-expand {
    padding-top: 8px;
}

nav ul li a {
    color:#f3f3f3;
    font-size:12px;
    text-decoration:none;
}

nav ul .active {
    border-bottom: 2px solid #ff9900;
}

nav ul li:active a,
nav ul li a:hover {
    border-bottom: 2px solid #ff9900;
}

.search-input {
    background:#1a1a1a;
    border:none;
    color:#fff;
    padding: 10px;
}
.search-icon {
    position: absolute;
    margin-left: 18px;
    margin-right: 15px;
    margin-top: 15px;
    color: #dadada;
}
.search-input::placeholder { color:#777; }

.search-btn{border-radius: 100px;font-size: 14px;}

/* ---------- MEGA MENU ---------- */
.mega-dropdown {
    position: static;
}
.mega-menu {
    width:100%;
    background:#111;
    border-top:1px solid #222;
    padding:30px 60px;
}
.mega-menu h6 {
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
}
.mega-menu a {
    display:block;
    color:#aaa;
    font-size:14px;
    padding:4px 0;
    text-decoration:none;
}
.mega-menu a:hover { color:#ff9900; }

/* ---------- VIDEO CARD ---------- */
.video-card {
    background:#111;
    border-radius:6px;
    overflow:hidden;
}
.thumb {
    background:#eee;
    height:180px;
}
.video-info {
    padding:10px;
    font-size:14px;
}

/* ---------- PAGINATION ---------- */
.page-btn {
    background:#1b1b1b;
    color:#ccc;
    border:none;
    padding:8px 16px;
    border-radius:4px;
}
.page-btn.active {
    background:#ff9900;
    color:#000;
    font-weight:bold;
}

.video-length{
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    float: right;
    margin-top: -27px;
    z-index: 100;
    margin-right: 10px;
}

/* Category pills */
    .category-pill {
        background-color: #1b1b1b;
        color: #ccc;
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 14px;
        white-space: nowrap;
        cursor: pointer;
    }

    .category-pill:hover {
        background-color: #2a2a2a;
        color: #fff;
    }

    .category-pill a {
        color: inherit;
        text-decoration: none;
    }   

/* ---------- FOOTER ---------- */
.footer {
    background:#0e0e0e;
    border-top:1px solid #1f1f1f;
}
.footer h6 {
    font-weight:bold;
    margin-bottom:12px;
}
.footer a {
    display:block;
    color:#ff9900;
    font-size:14px;
    margin-bottom:6px;
    text-decoration:none;
}
.footer a:hover { text-decoration:underline; }
.footer-bottom {
    border-top:1px solid #222;
    padding:15px 0;
    font-size:13px;
    color:#777;
}