/*
Template Name: Planet
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel-caption{
text-align:left;
background-color: rgba(0, 0, 0, 0.7);
padding:150px 150px;
bottom:0;
left:0;
width:100%;
height:100%;
color:#fff;
 }
.carousel-caption p{
width:45%;
 }
.carousel-indicators{
bottom:0; 
 }

/*********************center_home_end****************/

/*********************trend****************/
#trend{
border-top:2px solid #de1002;
}
#trend .carousel-indicators{
bottom:-50px; 
 }
.trend_2im2{
padding-top:70px; 
 }
 
#upcome .carousel-indicators{
bottom:-50px; 
 }
#upcome .trend_2im2{
padding-top:90px; 
 }

/*********************trend_end****************/

/*********************popular****************/
.popular_1 .nav-tabs .nav-link{
color:#fff;
border:none;
display:block;
margin-left:8px;
margin-right:8px;
padding:0;
text-transform:uppercase;
border-radius:0;
background:none;
border-bottom:2px solid transparent;
padding-bottom:8px;
 }
.popular_1 .nav-tabs .nav-link:hover{
color:#fff;
border-bottom:2px solid #de1002; 
 }
.popular_1 .nav-tabs .nav-link.active{
color:#fff; 
border-bottom:2px solid #de1002;
 }
 
#choice .trend_2im2{
padding:130px 15px 0px 15px!important; 
background-color: rgba(0, 0, 0, 0.7);
height:100%;
 }
#choice .carousel-indicators{
bottom:-50px; 
 }
/*********************popular_end****************/

/*********************play****************/
.play_m{
background-color: rgba(0, 0, 0, 0.8);
padding-top:50px;
padding-bottom:50px; 
 }
#play {
background-image: url(../img/30.jpg);
background-position: center;
}
.play1r{
height:450px;
overflow-y:scroll; 
 }

/*********************play_end****************/

/*********************stream****************/
#stream .trend_2im2{
padding:50px 15px 0px 15px!important; 
background-color: rgba(0, 0, 0, 0.8);
height:100%;
 }
#stream .carousel-indicators{
bottom:-50px; 
 }
#stream{
border-top:2px solid #de1002;
}
/*********************stream_end****************/


@media screen and (max-width : 767px){
.center_home .carousel-caption{
padding:10px;
text-align:center; 
 }
.center_home .carousel-caption p{
width:100%;
text-align:left;
 }

.center_home img{
min-height:350px; 
 }
.center_home .font_60{
font-size:24px;
 }
.center_home h6{
font-size:14px;
line-height:2em;
 }
.center_home p{
font-size:14px;
 }
.trend_2im{
margin-top:15px;
 }
.trend_2ilast{
text-align:center; 
 }
.popular_1 .nav-tabs li {
margin-bottom:5px;
}
.popular_2i1lm1 img{
max-height:240px; 
 }
.popular_2i1r{
margin-top:15px;
text-align:center; 
 }
.popular_2i1r p{
text-align:left; 
 }
.popular_2i1{
margin-bottom:15px; 
 }
#choice img{
min-height:240px; 
 }
.play1l img{
height:auto; 
 }
.play1r img{
height:auto; 
 }
.play2l img{
height:auto; 
 }
.play2r h5{
text-align:center; 
 }
.play2rir{
margin-top:15px; 
 }

 }


@media (min-width:576px) and (max-width:767px) {
.trend_1l{
text-align:left;
 }
.trend_1r{
text-align:right!important;
margin-top:0; 
 }
#popular .trend_1l{
text-align:center; 
 }
.popular_2i1r{
text-align:left;
margin-top:0; 
 }
#play .trend_1l{
text-align:center; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:600px; 
 }
.carousel-caption{
padding:50px 100px;
 }
.carousel-caption p{
width:60%;
 }
.trend_2im1 img{
min-height:200px; 
 }
#choice .trend_2im1 img{
 min-height:240px; 
 }
.play2r {
padding:10px!important; 
min-height:515px;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
min-height:600px; 
 }
.carousel-caption{
padding:50px 100px;
 }
.trend_2im1 img{
min-height:200px; 
 }
#choice .trend_2im1 img{
 min-height:240px; 
 }
.play2r {
padding:10px!important; 
min-height:515px;
 }

 }
@media (min-width:1201px) and (max-width:1255px) {

 }


.c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tsh {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.pointer {
  cursor: pointer;
  user-select: none;
}

#main {
  width: 100%;
	border-bottom:1px dashed #413e3e;
	display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-around;
}

.vd-card-wrapper .vd-card {
  width: 45%;
}

.vd-card img {
  width: 100%;
}

.vd-card small {
  bottom: 0;
}

.vd-card .time {
  left: 0;
}

.vd-card .views {
  right: 0;
}

#play-box {
  height: 400px;
  width: 100%;
  z-index: 9;
  position: relative;
  overflow: hidden;
  background:url('images/body-bg.gif');
  position: sticky;
  top: 0;
}

#play-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: #000;
}

#play-box iframe {
  width: 100%;
  height: 100%;
}

.ads-div {
  width: 100%;
}

.ads-div img {
  width: 100%;
}

.ads-alert {
  position: fixed;
  width: calc(100% - 50px);
  top: calc(50% - 100px);
  left: 25px;
  z-index: 99;
  background: red;
}

.ads-alert i {
  left: 0;
  top: 0;
  font-size: 2em;
}

@media (min-width: 700px) {

  .box .poster {
  	width:30%;
  }
  .vd-card-wrapper .vd-card {
    width: 30%;
  }
  #play-box {
    height: 500px;
  }
  
  #play-box iframe {
    width: 60%;
  }
  .ads-div .ads-img {
    width: 50%;
    background: red;
  }
}