/*
* ----------------------------------------------------
* @author: Anime Team
* @author URI: https://www.miruteam.com/
* @copyright: (c) 2020 MiruTeam. All rights reserved
* @package SE Player
* ----------------------------------------------------
* @since 1.0.0
*/
ul.ss-item {
    padding: 0;
    margin: 0;
}

.ss-title h3 {
    font-size: 22px;
}
#iframe-player{
    /* background: url('img/loading.svg') #262626 no-repeat; */
    /* background-size: 200px; */
    /* background-position: center center; */
    /* height: auto; */
    /* margin-bottom: 5px; */
}
.video-player{
    padding: 5px;
    /* background: #fff; */
}
.source-select{
    margin-top: 10px;
    margin-bottom: 20px;
    background: #181818;
    padding: 5px;
}
.ss-title{
    /* background: linear-gradient(90deg,#280666,#6e258e); */
    background: #ffc929;
    padding: 5px;
    /* border-radius: 3px; */
}
.ss-t-h3{
    font-size: 17px;
    margin: 0;
    padding: 5px;
    color: #fff;
}
.ss-item{
    padding: 0;
    margin: 0;
}
.ss-item li{
    list-style: none;
    margin-top: 3px;
    border-radius: 1px;
    border-left:2px solid #ff6d74;
    padding: 10px;
    font-size: 13px;
    color:#ff6e07;
    font-weight: 600;
    transition: all 0.5s;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #fff8f8 50%, #ff6d74 50%);
}
.ss-item li .bi {
    margin: 0 4px -2px 0;
}
.ss-item li:hover, .ss-item li.active{
    background-position: -100% 0;
    color: #fff;
}
.player-tools{
    margin-top: 10px;
}
.aw-post-ep {
    margin: 15px 0;
    padding: 10px;
    background: #fff;
}
.aw-post-ep .nav li {
    width: 50%;
}
.watch-thumb{
    width: 144px;
    float: left;
    padding:3px;
}
.watch-thumb img{
    width: 144px;
    height: auto;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px 2px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px 2px #d4d4d4;
    box-shadow: 0px 0px 4px 2px #d4d4d4;
}
.watch-content{
    margin-left: 160px;
}
.watch-content h2{
    font-size: 1.4rem;
}
.catgory-watch ul{
    padding: 0;
    margin: 0;
}
.catgory-watch ul li{
    list-style: none;
    font-size: 0.725rem;
    background: #fff;
    border:1px solid #ff9d23;
}
.catgory-watch ul li a {
    color: #ff9d23;
    text-decoration: none;
}
.player-memu-left{
    float: left;
}
.player-memu-right{
    float: right;
}
.player-menu{
    padding: 5px;
    background: #898989;
    border-radius: 3px;
    line-height: 30px;
    display: flex;
    justify-content: center;
}
.player-memu-left span,.player-memu-right span{
    display: inline-block;
    width: 200px;
    line-height: 10px;
    padding: 10px;
    margin-right: 4px;
    background: #e2e2e2;
    text-align: center;
    border-radius: 3px;
    color: #505050;
}
.player-memu-left span:hover,.player-memu-right span:hover{
    background: #303030;
    color:#ffffff;
}
.b-r-5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.b-s-1{
    /* -webkit-box-shadow: 0px 0px 4px 2px #d4d4d4; */
    -moz-box-shadow: 0px 0px 4px 2px #d4d4d4;
    /* box-shadow: 0px 0px 4px 2px #68238b; */
}
.b-s-2 {
    -webkit-box-shadow: 0px 0px 2px 0px #a0a0a0;
    -moz-box-shadow: 0px 0px 2px 0px #a0a0a0;
    box-shadow: 0px 0px 2px 0px #a0a0a0;
}
.b-r-3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.player-menu .bi{
    width: 16px;
    height: 16px;
}
/* Episope List */
.accordion{
    margin: 20px 0;
    padding: 10px;
    background: #fff;
}
.aw-acc-button{
    border-radius: 3px;
    padding: 8px 10px;
    background: #fff;
    margin-bottom: 3px;
    border-left: #bb88e9 4px solid;
    position: relative;
    cursor: pointer;
}
.aw-acc-button:hover{
    background: #fff1f1;
}
.aw-acc-button h3{
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    color: #24b7ff;
    display: inline-block;
    margin-left: 40px;
}
.aw-acc-icon{
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    top: 12px;
    background: #ff8181;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
.aw-acc-sub-title{
    right: 10px;
    line-height: 22px;
    padding: 1px 13px;
    top: 8px;
    font-weight: 600;
    background: #fe8181;
    color: #ffffff;
    position: absolute;
    font-size: 16px;
}
.active-acc{
    background: #8f3bdb;
}
.active-acc:hover{
    background: #9b32fb;
}
.active-acc .aw-acc-sub-title{
    background: #202020;
    color: #d37cff;
}
.active-acc h3{
    color:#fff;
}
.active-acc .aw-acc-icon{
    background: #8f3bdb;
    border:2px solid #fff;
}
.active-acc .aw-acc-icon .bi{
    fill:#fff;
    margin-top: 4px;
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
    margin-left: 0px;
}

.aw-acc-icon .bi{
    width: 20px;
    height: 20px;
    margin-top: 5px;
    fill: #fff;
    margin-left: 2px;
}
.aw-episope-content{
    margin-bottom: 5px;
}
.aw-episope-content a{
    text-decoration: none;
}
.episope{
    padding: 8px;
    font-size: 14px;
    font-family: oswald, arial, serif;
    border-left: 2px solid #f2b502;
    margin-bottom: 1px;
    font-weight: 600;
    transition: all 0.5s;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #282828 50%, #000000 50%);
    color: #ffffff;
    text-decoration: none;
}
.episope:hover, .episope.active{
    background-position: -100% 0;
	color: #fff;
}
.episope .bi{
    margin: 0 4px -2px 0;
    color: #ff8e29;
}
.episope span {
    display: inline-block;
}
.episope .ep-b{
    color: #ff8e29;
}

/* Dropdown */
.fade {
    transition: opacity 0.15s linear; }
    @media (prefers-reduced-motion: reduce) {
      .fade {
        transition: none; } }
    .fade:not(.show) {
      opacity: 0; }
  
  .collapse:not(.show) {
    display: none; }
  
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease; }
    @media (prefers-reduced-motion: reduce) {
      .collapsing {
        transition: none; } 
    }
@media only screen and (max-width: 414px) {
#iframe-player,.video-player iframe{
    /* height: 220px; */
}
}
.clr{
    clear: both;
}