@import url('https://fonts.googleapis.com/css?family=Rambla:400i');
body {
    font-family: "myriad pro", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #000 url(../live/img/bgu.html) top center;
    color: #00abff;
}
.tv-area { margin-top: 50px; }
.channel-list { 
    margin-top: 20px;
    width: 100%;
    height: 100%;
}
.thumbnail-slider { margin:0; padding:0;  }
.thumbnail-slider ul,.thumbnail-slider ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.thumbnail-slider li{
    width: 23%; 
    height: 75px;
    margin: 5px 1%;
    list-style: none;
}
.thumbnail-slider li img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}


.channel-list::-webkit-scrollbar {
    width: 12px;
    border-radius: 10px;
    background-color: #F5F5F5;
}
.channel-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

/*[data-player] { position: relative; width: 100%; height: auto; margin: 0; }
[data-player] .container[data-container] { width: 100%; height: auto; position: relative; }
[data-player] .media-control[data-media-control] { top: 0; right: 0; bottom: 0; left: 0; }
[data-player] video { position: relative; display: block; width: 100%; height: auto; }*/
/*
@media (max-width: 1199px) {
    .channel-list { height: 425px; }
}
@media (max-width: 990px) {
    .channel-list { padding: 10px 15px; height: auto !important; overflow-y: hidden; overflow-x: auto; }
    .thumbnail-slider li { display: inline-block; margin: 0 5px 0 0; }
    .thumbnail-slider li a { display: block; width: 80px; }
}
@media (max-width: 410px) {
    .thumbnail-slider li a { width: 50px; }
}*/