div.main-nav {
	border-bottom: 1px solid #E1E1E1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.top-left a {
	margin-right: 97px;
}


div.main-nav div.top-left > button {
	border: none;
	padding: 0px;
	background: #FFFFFF;
	margin-right: 15px;
}

div.main-nav div.top-left > button:focus {
	outline:none;
} 

body {
	background: #f1f1f1;
}

div.side-nav ul.side-nav-ul {
	padding-left: 27px;
	border-bottom: 1px solid #f1f1f1;
}

div.side-nav ul.side-nav-ul li {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	height: 28px;
	align-items: center;
}

div.side-nav div.playlist ul.side-nav-ul li#liked-video {
	height: 42px;
	font-size: 12px;
}

div.side-nav ul.side-nav-ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	color: #525252;
	font-weight: bold;
    margin: 0px;
    margin-left: 0px;
    padding: 0px; 
    padding-right: 5px;
    width: 184px;
    height: 100%;
	padding-left: 5px;
	font-size: 12px;
}

div.side-nav ul.side-nav-ul li a span {
	margin-right: 8px;
}

div.side-nav ul.side-nav-ul li a:hover {
	color: #FFFFFF;
	background: #2E2E2E;
}

div.side-nav ul.side-nav-ul li a:hover span { 
	color: #FFFFFF;
}

div.side-nav ul.side-nav-ul li a#side-link-main {
	color: #FFFFFF;
	background: #D80000;
}

div.side-nav ul.side-nav-ul li a#side-link-main span { 
	color: #FFFFFF;
}

div.side-nav div.playlist > span {
	text-transform: uppercase;
	font-size: 11px;
	color: #D61212; 
	margin-left: 15px;
	display: block;
} 

div.side-nav {
	height: 1000px;
	width: 230px;
	background: #FFFFFF;
	position: fixed;
	border-right: 1px solid #E1E1E1;
	padding-top: 12px;
}

nav {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1999999999;
    background: #FFFFFF;
}

.nav-offset {
	height: 98px;
}

div.main-nav, footer {
	padding-left: 28px;
	padding-right: 40px;
}

footer {
	padding-top: 12px;
	background: #FFFFFF;
	min-height: 130px;
	margin-top: auto;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

footer div.top-part-footer > a {
	text-decoration: none;
}

footer div.top-part-footer div.btn-group {
	margin-left: 10px;
}

img.yt-logo {
    width: auto;
    height: 30px;
}

.top-left {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.top-right .glyphicon {
	margin-left: 6px;
}

.top-right .glyphicon:hover, .top-left .glyphicon:hover {
	color: #3C3C3C;
}

.glyphicon {
	font-size: 16px;
	color: #959595;
}

ul {
	list-style: none;
    display: inline-block;
}

.nav-sections {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-left: 40px;
	padding-right: 40px;
	border-bottom: 2px solid #E1E1E1;
    margin-bottom: 0px;
}

.nav-sections > li > a {
	margin: 0px 10px;
	padding: 0px;
	height: 45px;
	line-height: 45px;
	color: #6C6C6C;
	text-decoration: none;
    display: inline-block;
}

.top-left a, .top-right a {
	text-decoration: none;
}

.nav-sections a:hover {
	border-bottom: 3px solid #D61212;
}

.nav-sections a#main-page-link {
	border-bottom: 3px solid #D61212;
}

.main-body {
	padding-top: 10px;
	padding-bottom: 40px; 
}

.under-nav, .main-body {
	padding-left: 230px;
}

footer {
	padding-left: 260px;
	border-top: 1px solid #e0e0e0;
}

footer div.language-menu, footer div.location-menu {
	margin-top: 20px;  
	margin-bottom: 20px;  
    border-bottom: 1px solid #e0e0e0;
}

footer div.language-menu ul li a, footer div.location-menu ul li a  {
	font-size: 11px;
}

footer div.language-menu ul li a#ukrainian, footer div.location-menu ul li a#ukraine {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

footer div.language-menu p.lang-description span, footer div.location-menu p.location-description span {
	font-size: 12px;
}

footer div.language-menu p.lang-description, footer div.location-menu p.location-description {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 11px;
}

footer div.language-menu div.ul-cont-lang, footer div.location-menu div.ul-cont-locat {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}


.video-container {
	margin: 0 auto;
	width: 95%;
	background: #FFFFFF;
	padding: 20px;
	box-shadow: 1px 1px 7px #888888;
}

.video-container .ul-video{
	padding-top: 15px;
	border-top: 1px solid #e0e0e0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    padding-left: 0px;
}

.footer-ul-1, .footer-ul-2 {
	display: flex;
	flex-direction: row;
	list-style: none;
    padding-left: 0px;
    margin-top: 10px;
    flex-wrap: wrap;

}
.footer-ul-1 a, .footer-ul-2 a {
	color: #525252;
	margin-left: 0px;
	margin-right: 10px;
}
.footer-ul-1 {
	font-weight: bold;
	font-size: 13px;
}

.footer-ul-2 {
	font-size: 12px;
}

.main-body .li-video {
	display: flex;
	flex-direction: column;
	margin: 10px 4px;
}

.main-body .li-video > span.video-info {
	font-size: 11px;
	color: #6C6C6C;
}

.main-body .li-video > span.video-info > a {
	color: #6C6C6C;
}

.main-body .li-video > span.video-info > a:hover, footer li a:hover {
	color: #167ac6;
}

.glyphicon-option-vertical {
	font-size: 14px;
}

.main-body .li-video span a.video-name {
	width: 80%;
}

.form-inline {
	display: flex;
	flex-direction: row;
	align-items: center;
}


@media all and (max-width: 768px) {
	.side-nav {
    	display: none;
    }
    .under-nav {
		display: none;
		padding-left: 0;
	}
	
	nav .main-nav .top-right a {
		display: none;
	}

	.nav-offset {
    	height: 70px;
	}

	.main-body {padding: 0;}

	footer#foot {
		padding-left: 32px;
	}

	.top-left a {
		margin-right: 4px;
	}

	div.main-nav {
		padding: 10px;
	}
}


@media screen and (max-width: 948px) and (min-width: 769px) {
	nav .main-nav .top-right a {
		display: none;
	}
}

@media all and (max-width: 703px) {
	.video-container .ul-video{
	    justify-content: center;
	}
}


@media all and (max-width: 416px) {
	footer div.top-part-footer  div.btn-group {
		margin-left: 0px;
		margin-top: 10px;
		display: flex;
		flex-direction: column;
	}
}