* {
	font-family: "Inter", sans-serif;
   	font-size: 14px;
   	font-style: normal;
   	font-weight: normal;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
	background-color: #FFFFFF;
}

a {
   	color: #000000;
   	text-decoration: none;
   	border: 0px;
}

a:hover {
   	color: #f8b732;
   	text-decoration: none;
}

h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    margin-top: 8px;
	margin-bottom: 8px;
}

.break-line {
	background-color: #000000;
	height: 1px;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
}

.container-fluid {
    max-width: 68%;
    background-color: #FFFFFF;
}

.main-fixed {
    padding-top: 56px;
    padding-bottom: 60px;
    min-height: 900px;
    width: 100%;
}

.navbar-header-color {
    background-color: #f8b732 !important;
}

.navbar-footer-color {
    background-color: #4d4d4d;
}

.navbar-breadcrumb, .navbar-breadcrumb a {
    color: #4d4d4d;
}

.navbar-breadcrumb a:hover {
    color: #f8b732 !important;
}


.video-title {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    margin-top: 8px;
	margin-bottom: 8px;
}

.video-date-added {
    color: #4d4d4d;
	margin-bottom: 8px;
}


.header-logo {
    min-width: 256px;
    height: 50px;
}

.header-menu {
    background-color: #f8b732 !important;
}

.header-menu-item-sel {
    border-bottom: 2px #000000 solid;
}

.header-menu-item-sel a {
    color: #000000 !important;
}

.container-footer {
    background-color: #4d4d4d;
    margin-bottom: 16px;
}

.footer-menu {
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding-top: 8px;
}

.footer-menu a {
    color: white;
}

.footer-menu a:hover {
    color: #f8b732;
}

.footer-menu-title {
    margin-bottom: 12px;
}

.footer-menu-title a {
    font-size: 28px;
}

.footer-menu-desc {
    margin-bottom: 12px;
}

.footer-menu-links {
    margin-bottom: 6px;
}

.footer-menu-categ {
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px #FFFFFF solid;
}

.footer-menu-tags-list {
    padding-bottom: 8px;

}

.footer-menu-tag {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    padding: 8px;
    margin-bottom: 8px;
    margin-right: 4px;
    background-color: #CCC;
    border-radius: 2px;
}

.footer-menu-sub, .footer-menu-sub a {
    color: #FFFFFF;
}

.thumbnail-sub-container {
    margin-top: 8px;
    margin-bottom: 8px;
}

.thumbnail-sub-img {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.thumbnail-sub-title {
    min-height: 60px;
    margin-top: 2px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 700px) {
    .container-fluid {
        max-width: 100%;
    }

    .header-menu-item-sel a {
        color: #FFFFFF !important;
        border-bottom: 2px #FFFFFF solid;
    }
}