body{font-family: 'Quicksand', sans-serif; background:#000}
h1,h2,h3,h4,h5{font-family: 'Poppins', sans-serif;}
a:hover{text-decoration:none;}
.nav-link{color:#fff !important;}
.nav-link:hover{color:#dc3545 !important;}
.bg-main{background-image:url(../img/main-bg.jpg); background-size:cover; background-position:center center; min-height:100vh; background-color:#f9a947;}
.h1-big{font-size:3.4rem; line-height:3rem}
.live-player{ position:fixed !important; width:100%; left:0; bottom:0; z-index:100; background-color: #222}
.round-more{border-radius: 20px}
a:hover{text-decoration: none;}
.pointer{cursor:pointer}
.slidecontainer {width: 100%; display:block}

.slider {
  -webkit-appearance: none;
  width: 100px;
  height: 6px;
  border-radius: 5px;
  background: #444;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  float:left;
  margin-top:9px;
}

.slider:hover {opacity: 1;}

.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #ffc107; cursor: pointer; }

.slider::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #ffc107; cursor: pointer;}

div#timeline1 { width: 100%; background: #444; display: none; height:6px; position:relative; border-radius: 4px; margin-top: -19px; margin-bottom: 10px; }

div#seekObj1 { width: 16px; height: 16px; background: #ffc107; border-radius: 50%; position:absolute; top:-5px;}

.disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.spinner-border { width: 2.6rem; height: 2.6rem; margin-left:5px; margin-bottom: 5px; font-size: 16px }

.track .text-warning:hover, .track .text-warning:focus{color:#ffc107!important}

.skin{min-width:600px;}
.skin .play{font-size:36px}
.social a{width:45px; height:45px; line-height:45px; background:#ef9322; color: #fff; border-radius:50%; font-size:18px; text-align:center; display:inline-block;}
.social a:hover{background: #f16b23;}
.get-app{background:#ef9322; border-radius:10px; padding-left:5px; padding-right:5px}
.get-app a:hover{color:#fff !important;}
#pod-home .card{overflow:hidden; border-radius:15px; border:none}
.play-top{color:#FC0}
.play-top:hover{color:#FC0}
.logo-small{display:none;}
.bg-schedule{background-image:url(../img/schedule-bg.jpg); background-size:contain; background-repeat:no-repeat; background-position:bottom center; min-height:500px;}

.bg-red{background-image:url(../img/bg-red.jpg); background-size:cover; background-position:top center;}

.jockeys .rounded {border-radius:15px !important;}

.carousel-control-prev {left: -55px;}
.carousel-control-next {right: -55px;}

.round-more{border-radius:15px; overflow:hidden}

.video-height{height:600px;}


.play-top{color:#FC0; line-height:40px; display:none} .play-top a{color:#FC0}

.nav-tabs{border-bottom:1px dashed #444;}
.nav-tabs .nav-link:hover {border: 1px solid transparent;}
.nav-tabs .nav-link.active {
    color: #dc3545 !important;
    background-color: #000;
    border-color: #000 #000 #dc3545;
}

.banner-caption{top:0;}


.module {
  -webkit-transition: padding 0.5s; /* Safari prior 6.1 */
  transition: padding 0.5s;
}
.come-in {
  transform: translateY(350px);
  animation: come-in 1s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.2s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.modal-backdrop.show {opacity: 0.9 !important;}
.carousel-img{max-height: 88vh; width: auto;}
.lg-hide{display: none;}

@media (min-width:320px) and (max-width:720px){
	.skin{width:100%; min-width:320px; border-top:#333 solid 1px; padding-top:15px; margin-top:15px}
	.sm-hide{display:none;}
  .lg-hide{display: inline-block;}
	.social a{ margin-bottom:20px}
	#team .social a{margin-bottom:0}
  .get-app {padding: 0 !important; height: 40px}
	.carousel-control-prev {left: -30px;}
	.carousel-control-next {right: -30px;}
	.video-height{height:210px;}
	.main-links{border-top:#333 dashed 1px; padding-top:20px; margin-top:10px}
	.live-player .container{padding:0}
	.play-top{display:inline-block}
	.slides, .slides .container{padding-left:0; padding-right:0}
	.slides h3{padding-left:30px; padding-right:30px}
	#pod-home{width:100%; overflow:scroll;}
	#pod-home .card-deck {width:1200px; display:inline-block;}
	#pod-home .card{width:25%; padding-right:0.5%; padding-left:0.5%; float:left}
	.h1-big{font-size:3.2rem; line-height:3rem}
	#news{width:100%; overflow:scroll;}
	#news .row {width:960px; display:inline-block; margin:0}
	#news .col-sm-4{width:33.33%; float:left}
  .banner-caption{left:1%; top:8%;}
}

@media (min-width:600px) and (max-width:1024px){
  .carousel-img{max-height: 50vh; width: auto;}
  .bg-main{min-height: 50vh}
  .banner-caption{left:4%; padding-right:45px; top:15%;}
  #pod-home .card{width: 22.5%;}
  .sm-hide{display:inline-block;}
  }