@import url('https://fonts.googleapis.com/css?family=Rambla:400i');
body { 
background: #2a2a2a;
background-image: url("../img/bg_pattern.png");
background-repeat: repeat; 
}
.tv-screen { margin-top: 50px; }
.thumbnail-slider { }
.thumbnail-slider ul { height: 440px; white-space: nowrap; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; }
.thumbnail-slider ul li { list-style: none; padding: 5px; }
.thumbnail-slider ul li img { max-width: 100%; }
 .thumbnail-slider ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
 .thumbnail-slider ul::-webkit-scrollbar {
 width: 12px;
 border-radius: 10px;
 background-color: #F5F5F5;
}
 .thumbnail-slider ul::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #D62929;
}
.textwidget {
	background: rgba(86, 86, 86, 0.41);
    border-bottom: solid 1px #3c3c3c;
}
.player-frame-wrapper { position: relative; width: 100%; }
.player-frame-wrapper-ratio { padding-top: 58%; }
.player-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
@media only screen and (max-width: 1199px) {
.thumbnail-slider ul { height: 366px; }	
}
@media only screen and (max-width: 990px) {
.thumbnail-slider ul { height: 110px; overflow-y: hidden; overflow-x: auto; }
.thumbnail-slider ul li { display: inline-block; }
.thumbnail-slider ul li img { width: 130px; height: 80px; }
}
.collapse.in {
	display: inline;
}