body{
    background-color:whitesmoke;
}
p{
    font-size:14px;
}
.wrapper{
    float:left;
    width: 100%;
    max-width:480px;
    margin: auto;
    position:absolute;
    left:0;
    right:0;
}
.img-author{
    width:35px;
    float:left;
    margin-right:8px;
    position: relative;
}
.author{
    font-size:14px;
    position:relative;
    top:3px;
}   
.bg-white{
    background-color:#fff;
}

/** carousel **/
.carousel > .carousel-inner{
    width:100%;
}
.carousel-indicators > .active{
    background-color:#C9001B;
}
/** selengkapnya **/
.selengkapnya{
    color:#C9001B;
    font-size:14px;
    text-decoration: none;
}

/** top-mpp */
.top-mpp{
    width:100%;
    max-width:480px;
    position:fixed;
    z-index: 99;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    background-color:#000;
    padding:20px 20px 15px 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    color:#fff;
}
.top-mpp .logo{
    width:80px;
}
.top-mpp a{text-decoration: none; color:#fff;}
.top-mpp a h6{
    position:relative;
    top:5px;
    float:right;
    font-size:14px;
}
.top-mpp a  h6 span{
    font-size:16px;
    margin-left:10px;
}




/** top-mpp */
.bottom-mpp{
    visibility: hidden;
    width:100%;
    max-width:480px;
    position:fixed;
    z-index: 99;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    background-color:#000;
    padding:30px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color:#fff;
    transition: bottom 0.5s ease-out;
}
.bottom-mpp .logo{
    width:90px;
}
.bottom-mpp p{font-size:12px; line-height: 5px;}

/** drop layer **/
#drop-layer{
    display: none;
    width:100%;
    height:100%;
    max-width:480px;
    position:fixed;
    z-index: 9;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    background-color:rgba(0, 0, 0, 0.451);
}


/** animasi **/
@keyframes slideUp {
    0% {
      visibility: visible;
      bottom: -200px;
    }
    
    100% {
      visibility: visible;
      bottom: 0;
    }
  }
  
  .bottom-mpp.show {
    animation: slideUp 0.25s ease-out forwards;
  }


  /** container-youtube **/
  #yt-play{
    width:100%;
    height:300px;
  }