.main-content {
        user-select: none;
}
.tab-slider-banner {
  position: relative;

}
.tab-slider-banner .tab-slider-banner-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tab-slider-banner .tab-slider-banner-images img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tab-slider-banner .tab-slider-banner-images::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.1875rem;
  background: linear-gradient(
    90deg,
    rgba(0, 1, 0) 0%,
    rgba(20, 20, 20, 0.9) 15%,
    rgba(83, 100, 141, 0) 100%
  );
}
.tab-block .tab-title {
  padding: 0 2.19rem;
  margin-bottom: 0.94rem;
}
.tab-block .tab-content .tab-pane li {
  margin-bottom: 1.25rem;
}
.tab-block .tab-content .tab-pane li:last-child {
  margin-bottom: 0;
}
.tab-block .tab-content .tab-pane .image-box img {
  width: 7.5rem;
  height: 5.3125rem;
  object-fit: cover;
}
.tab-slider .tab-block .tab-pane {
  max-height: 25rem;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .tab-block .tab-content .tab-pane .image-box img {
    width: 5rem;
  }
}

/*WWW*/


.trends-row {
  margin: -10px
}

.trends-col {
  padding: 10px
}

.trends-col h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase
}

.trends-col ul li:nth-child(n+2) {
  margin: 10px 0 0
}

.trends-box {

  background: #141314
}

.trends-box-image img {
  width: 90px;
  object-fit: cover;

  border: 5px solid transparent
}

.trends-box-subject {
  width: 100%;
  min-width: 0
}

.trends-box-subject a {
  padding: 5px 15px 5px 5px
}

.trends-box-subject a h5 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out
}

.trends-box-subject a>p {
  margin: 5px 0 0;
  color: rgba(255,255,255,.5);
  font-size: .75em;
  font-weight: 400
}

.trends-box-subject a:hover h5 {
  color: #bd2121 
}
.trends-box-subject small {
  color: rgba(255,255,255,.5);
  font-size: 10px;
  padding: 2px 0px;
  display: block;
  font-weight: 400;
}
.trends-box-point {
  right: 0;
  bottom: 10px
}

.trends-box-point p {
  color: #bd2121;
  font-size: .8em;
  font-weight: 400
}

.trends-box-progress {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #252833
}

.trends-box-progress-bar {
  height: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #bd2121 ;
  -webkit-transition: width .2s ease-in-out;
  -moz-transition: width .2s ease-in-out;
  -ms-transition: width .2s ease-in-out;
  -o-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out
}


/*Table Trend*/

.all-time-trends {
  margin: 40px 0 0
}

.all-time-trends ul {
  -webkit-box-shadow: 0 0 0 1px #141314;
  -moz-box-shadow: 0 0 0 1px #141314;
  -ms-box-shadow: 0 0 0 1px #141314;
  -o-box-shadow: 0 0 0 1px #141314;
  box-shadow: 0 0 0 1px #141314
}

.all-time-trends ul li {
  -webkit-box-shadow: 0 1px 0 0 #141314;
  -moz-box-shadow: 0 1px 0 0 #141314;
  -ms-box-shadow: 0 1px 0 0 #141314;
  -o-box-shadow: 0 1px 0 0 #141314;
  box-shadow: 0 1px 0 0 #141314
}

.all-time-trends-box {
  padding: 15px
}

.all-time-trends-box span.head {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9)
}

.all-time-trends-box span.trends-type {
    padding: 15px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background: #2c2d2e;
    font-size: .75em;
    font-weight: 400;
}

.all-time-trends-box span.trends-point {
  color: #fff;
  font-size: 1em;
  font-weight: 600
}

.all-time-trends-box span.site-point {
  padding: 3px 10px;
  cursor: pointer;
  color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background: #b71f26;
  font-size: 1em;
  font-weight: 400;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -ms-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}

.all-time-trends-box span.site-point:hover {
  background: #3c3c3c
}

.all-time-trends-box small {
  color: #9b9dab;
  font-size: 2em;
  font-weight: 600
}

.imdb-point svg {
  width: 14px;
  height: 14px;
  fill: #ffc107
}

.imdb-point span {
  margin: 0 0 0 5px;
  color: #ffc107;
  font-size: 1em;
  font-weight: 400
}

.all-time-trends-series img {
  width: 90px;
  object-fit: cover;
}

.all-time-trends-series-text {
  margin: 0 0 0 30px
}

.all-time-trends-series-text a {
  color: #fff;
  font-size: .875em;
  font-weight: 400
}

.all-time-trends-series-text p {
  margin: 5px 0 0;
  color: #9b9dab;
  font-size: 1em;
  font-weight: 400
}


/*Lazy*/
img.lazy {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.2s linear;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.2s linear;
  -ms-transition: opacity 0.5s ease-in-out, transform 0.2s linear;
  -o-transition: opacity 0.5s ease-in-out, transform 0.2s linear;
  transition: opacity 0.5s ease-in-out, transform 0.2s linear;
}
img.lazy.loaded ,img.lazy.error {
  opacity: 1;
}

.header-title {
  display: block;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-top: 40px !important;
}


/* Collect list  */
.collect-list .new-series .swiper-button-next{
    top: 50%;
  }
  .collect-list .new-series .swiper-button-next, .new-series .swiper-button-prev{
    background-size: auto;
    background-color: #141314;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-shadow: 0 20px 30px 0 rgb(9 9 16 / 50%);
  }
  .collect-list .new-series .swiper-button-next, .new-series .swiper-button-prev svg{
    color: #fff;
  }
  .collect-list .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
  }
  .collect-list.swiper-button-next, .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .collect-list .new-series .swiper-button-next:hover, .new-series .swiper-button-prev:hover{
      background-color: #bd2121 ;
  }
  .collect-list .new-series .swiper-button-next:hover svg, .new-series .swiper-button-prev:hover svg{
      color: #141314 ;
  }
  .collect-arrow svg{
    width: 25px !important;
    height: 25px !important;
  }
  .collect-list .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      width: 16px;
      height: 16px;
      color: #fff;
      display: none;
  }
  .collect-list .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      content: 'prev';
      display: none;
  }
  .content {
  position: relative;
  width: 100%;
  min-width: 0
}

.content-inner {
  position: relative;
  z-index: 2;
  padding: 30px;
  min-height: calc(100%)
}
#content .inner-content .bg-cover-faker{
    z-index: 2;
}
#content .inner-content .bg-cover-bg{
  margin:-30px;
    position: absolute;
    height: 573px;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}
#content .inner-content .bg-cover-bg img{
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    object-fit: cover;
}
.router-view {
  padding-top: 20px;
}
#content .inner-content .bg-cover-bg::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 110%;
    background: linear-gradient(180deg,rgba(23,26,37,.8) 0,#000000);
}
.collect-new-series ,.all-list{
}
.collect-list .swiper-button-prev {
  background-image:inherit !important;
}
.collect-list .swiper-button-next {
  background-image:inherit !important;
}
.collect-list .ui-grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    margin: -1rem;
}
.collect-list .detail-img{
    position: relative;
    vertical-align: top;
}
.collect-list .detail-img-wrapper{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent;
}
.collect-list .detail-img-wrapper img{
    display: block;
    width: 300px;
    height: auto;
}
.collect-list .detail-info{
    position: relative;
    padding: 1rem;
    width: 80%;
}
#content .page-title{
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.5px;
    margin: 0;
    position: relative;
    z-index: 2;
}
.collect-list .just-watching{
    color: hsla(0,0%,100%,.6);
    font-size: 14px;
    padding-bottom: 1em;
}
.collect-list .description-primary{
    color: #b1afc3;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding-bottom: 0!important;
    padding-top: 15px!important;
    margin-bottom: 15px!important;
}
.collect-list .boxset-detail-item, #content .page-title a{
    color: #fff;
}
.collect-list .boxset-detail-item svg{
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    overflow: hidden;
}
.collect-list .boxset-detail-item span {
    margin-right: 30px;
}
.collect-list .ui.icon.button, .ui.icon.buttons .button{
    padding: .78571429em;
}
.collect-list .ui.button.icon{
    padding: 0 10px;
}
.collect-list .ui.button{
    cursor: pointer;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2;
    text-transform: none;
    text-shadow: none;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;
    will-change: "";
    -webkit-tap-highlight-color: transparent;
}
.collect-list .ui.button{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 600;
    font-size: 12px;
    min-height: 0;
    margin: 0;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: none;
    -webkit-appearance: none;
    white-space: nowrap;
}
.collect-list .ui.secondary{
    border: 1px solid #6d7080;
    line-height: 33px;
}
.collect-list .action-button-group .button{
    margin-right: 5px;
}
.collect-list .ui.secondary.button, .ui.secondary.buttons .button{
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none;
}
.collect-list .ui.secondary.button{
    box-shadow: inset 0 0 0 0 rgb(34 36 38 / 15%);
}
.collect-list .ui.secondary.button{
    background-color: transparent;
    color: #fff;
}
.collect-list .ui.button.icon .mofycon{
    position: inherit;
    top: auto;
    margin-left: 0;
    margin-right: 0;
    fill: #fff;
    width: 14px;
    height: 16px;
}
.collect-list .ui.facebook.button{
    background-color: #3b5998;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: inset 0 0 0 0 rgb(34 36 38 / 15%);
}
.collect-list .ui.twitter.button{
    background-color: #55acee;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: inset 0 0 0 0 rgb(34 36 38 / 15%);
}
.collect-list .ui.green.button, .ui.green.buttons .button{
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none;
}
.collect-list .action-button-group .button:last-child{
    margin-right: 0;
}
.collect-list .ui.green.button{
    box-shadow: inset 0 0 0 0 rgb(34 36 38 / 15%);
}
.collect-list .new-series{
    overflow: hidden;
    background: 0 0;
    margin: 0;
}
.collect-list .new-series .ns-wrapper{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}
.collect-list .poster{
    overflow: hidden;
    transition: transform .1s linear;
}
.collect-list .poster.poster-md{
    overflow: visible;
}
.collect-list .series-list-all.continue-watching .segment-poster .poster.poster-md{
    border-radius: 10px;
    background: #141314;
}
.collect-list .series-list-all .segment-poster{
}
.collect-list .series-list-all .segment-poster .poster.poster-md .poster-media{
    overflow: hidden;
    z-index: 1;
    border-radius: 5px 3px 0px 0px;
}
.collect-list .poster.poster-md .poster-media{
    position: relative;
}
.collect-list .series-list-all .segment-poster .poster.poster-md .poster-media a{
    display: block;
}
.poster-media a {
  padding:  0px !important;
}
.segment-poster-h > .poster-md a {
  padding: 0px !important;
}
.segment-poster-h  .poster-subject p {
  line-height: 20px;
  font-size: .85em !important;
}


.collect-list .series-list-all.continue-watching .segment-poster .poster.poster-md .poster-subject{
    position: unset;
    background: #141314 !important;
    
}
.collect-list .new-series .segment-poster.swiper-slide2 .poster.poster-md .poster-subject{
    margin-bottom: 0;
}

.collect-list .poster.poster-md .poster-subject{

    padding: 10px 15px;
    background: #141314;
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px;
}
.collect-list .segment-title{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 25px;
    color: #fff;
    letter-spacing: -.41px;
}
.collect-list .series-list-all .segment-poster .poster.poster-md .poster-subject{
  
}
.collect-list .series-list-all .segment-poster .poster.poster-md .poster-subject a{
    margin-top: 5px;
    padding: 0px !important;
    background: transparent !important;
}
.collect-list .series-list-all .segment-poster .poster.poster-md .poster-subject a h4{
    color: #fff;
    margin: 0;
}
.collect-list .series-list-all.continue-watching .segment-poster .poster.poster-md .poster-subject h4{
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76em;
    overflow: hidden;
}
.collect-list .truncate{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.collect-list .description-quaternary{
    color: #9291a0;
    font-size: .76em;
    line-height: 19px;
}
.collect-list .dark-segment>ul{
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}
.collect-list .dark-segment>ul .segment-poster{
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}
.collect-list .dark-segment>ul .segment-poster.segment-poster-h{
    width: 100%;
}
.collect-list .poster.poster-md{
    overflow: visible;
}
.collect-list .poster.poster-md.poster-h{
    display: flex;
    padding-bottom: 20px;
}
.collect-list .poster.poster-md .poster-media{
    position: relative;
}
.collect-list .poster.poster-md.poster-h .poster-media{
    max-width: 100px;
    min-width: 100px;
}
.collect-list .poster.poster-md .poster-media img{
    max-width: 150px !important;
    min-width: 100% !important;
    width: 100% !important;
    margin: 0;
    height: auto;
}
.collect-list .poster.poster-md.poster-h .poster-media img{
}
.collect-list .poster.poster-md .poster-subject{

    background: #141314;
    margin-bottom: 20px;
}
.collect-list .poster.poster-md.poster-h .poster-subject{
    height: auto;
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}
.collect-list .poster.poster-md .poster-subject h2{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 18px;
    font-weight: 500;
    margin: 3px 0 2px;
    font-size: 15px;
    min-width: 0;
    padding-right: 10px;
    color: #fff;
}
.collect-list .poster.poster-md .poster-subject a:hover h2{
    color: #fbc607;
}
.collect-list .poster.poster-md .poster-subject .poster-meta.inline{
    display: flex;
}
.collect-list .poster.poster-md .poster-subject .poster-meta{
    color: #6d7080;
    line-height: 18px;
}
.collect-list .poster.poster-md .poster-subject .poster-meta .genres, .poster.poster-md .poster-subject .poster-meta .genres a{
    color: #b1afc3;
}

.rate svg{
    fill: #ffc107;
    width: 14px;
    height: 14px;
    font-size: .8125em;
    font-weight: 400;
}

.year {
    color:#fff;
    font-size: 13px;
}
.collect-list .poster.poster-md .poster-subject .poster-meta .rating{
    font-size: 13px;
    color: #fbc607;
    display: inline-block;
}
.collect-list .poster.poster-md .poster-subject .poster-meta .rating .mofycon{
    position: relative;
    fill: #fbc607;
    width: 13.8px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
    bottom: -2px;
}
.collect-list .poster.poster-md.poster-h .poster-subject .poster-overview{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #b1afc3;
    padding-top: 10px;
    overflow: hidden;
}

@media (max-width: 992px){
    .collect-list.content{
        overflow-x: hidden;
        padding-top: 75px;
    }
   .collect-list .detail-grid{
        display: flex;
        flex-direction: column;
    }
    .collect-list.detail-img{
        width: 100% !important;
    }
    .collect-list.detail-info{
        width: 100% !important;
    }
   .collect-list .boxset-detail-item svg{
        flex-shrink: 0;
    }
   .collect-list .boxset-detail-item span{
        margin-right: 10px ;
    }
   .collect-list .boxset-detail-item span:last-child{
        margin-right: 10px;
    }
}
.wrapper-inner {
  overflow: hidden;
}


/*Kolleksiyonlar*/

.movie-list {
  margin: 40px 0 0;
}
.movie-list-box {
  overflow: hidden;

}
.movie-list-box > img {
  width: 100%;
  object-fit: cover;
}
.my-collection > img {
  width: 100%;
  height: 280px !important;
}
.movie-list-box-on {
  padding: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #141314;
}
.movie-list-box-on.yellow-overlay {
  background: rgba(251, 191, 20, 0.6);
}
.movie-list-box-on.purple-overlay {
  background: rgba(119, 80, 248, 0.6);
}
.movie-list-box-on.red-overlay {
  background: rgba(244, 77, 77, 0.6);
}
.movie-list-box-on.green-overlay {
  background: rgba(79, 244, 97, 0.6);
}
.movie-list-box-on.aqua-overlay {
  background: rgba(8, 184, 241, 0.6);
}
.movie-list-box-on-header span {
  padding: 0 20px 0 0;
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.movie-list-box-on-header small {
  margin: 10px 0 0;
  padding: 4px 10px;
  color: #fff;
  font-size: 0.85em;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.2);
}
.movie-list-box-on-footer img {
  width: 26px;
  height: 26px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.movie-list-box-on-footer span {
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.movie-list .square-arrows {
  margin: 0 0 0 20px;
}

.group-box {
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.group-box-cover img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  background: #11141d;
}
.group-box-content {
  margin: -43px 0 0;
  padding: 0 20px 30px;
}
.group-box-content .your-friends {
  margin: 30px 0 0;
}
.group-box-content .your-friends ul li:last-child a.last {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  justify-content: center;
  font-size: 0.85em;
  font-weight: 700;
  background: #e50914;
  border: 4px solid #141314;
}
.group-box-privacy {
  top: 31px;
  right: 20px;
}
.group-box-privacy span {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #e50914;
}
.group-box-privacy span svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
.group-box-avatar a img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 6px solid #141314;
}
.group-box-name {
  margin: 10px 0 0;
  min-width: 0;
}
.group-box-name span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.group-box-name p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.group-box-stats {
  margin: 30px 0 0;
}
.group-box-stats ul li {
  padding: 0 20px;
}
.group-box-stats ul li span {
  color: #fff;
  font-size: 0.85em;
  font-weight: 700;
}
.group-box-stats ul li p {
  margin: 5px 0 0;
  color: #6c7388;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
}
.group-box-stats ul li:nth-child(n+2)::before {
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  position: absolute;
  background: #29292a;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.group-box-footer {
  padding: 10px;
  background: #1e1d1e;
  border-top: 1px solid rgba(63, 72, 95, 0.3);
}
.group-box-footer button {
  padding: 10px 20px;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.group-box-footer button svg {
  width: 22px;
  height: 22px;
  fill: #6c7388;
  -webkit-transition: fill 0.3s ease-in-out;
  -moz-transition: fill 0.3s ease-in-out;
  -ms-transition: fill 0.3s ease-in-out;
  -o-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}
.group-box-footer button:hover {
  background: #e50914;
}
.group-box-footer button:hover svg {
  fill: #fff;
}
.group-management ul {
  margin: -10px;
}
.group-management ul li {
  padding: 10px;
}
.group-management-box {
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.group-management-box-cover img {
  width: 100%;
  height: 70px;
  object-fit: cover;
}
.group-management-box-cover span {
  width: 100%;
  height: 70px;
  background: #1e1d1e;
  border-bottom: 1px dashed #29292a;
}
.group-management-box-content {
  margin: -43px 0 0;
  padding: 0 30px;
}
.group-management-box-avatar a img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 6px solid #141314;
}
.group-management-box-avatar a span {
  width: 80px;
  height: 80px;
  z-index: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #141314;
  border: 1px dashed #29292a;
}
.group-management-box-avatar a span svg {
  width: 22px;
  height: 22px;
  fill: #e50914;
}
.group-management-box-name {
  margin: 15px 0 0;
}
.group-management-box-name span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.group-management-box-name p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.group-management-box-footer {
  padding: 30px;
}
.group-management-box-footer .form-element > button,
.group-management-box-footer .form-element > a {
  width: 100%;
}
.group-profile-top {
  margin: -107px -30px 0;
  background: #141314;
}
.group-profile-cover img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.group-profile-cover::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to top, transparent, #121621);
}
.group-profile-info {
  padding: 30px 30px 30px 170px;
}
.group-profile-info-right ul {
  margin: 0 -30px;
}
.group-profile-info-right ul li {
  padding: 0 30px;
}
.group-profile-info-right ul li > span {
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
}
.group-profile-info-right ul li > p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.75em;
  font-weight: 500;
  text-transform: uppercase;
}
.group-profile-info-right ul li:nth-child(n+2)::before {
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  position: absolute;
  background: #29292a;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.group-profile-info-right-buttons {
  margin: 0 0 0 40px;
}
.group-profile-info-right-buttons .form-element button,
.group-profile-info-right-buttons .form-element a {
  padding: 12px 17px;
}
.group-profile-info-right-buttons .form-element button.button-second svg,
.group-profile-info-right-buttons .form-element a.button-second svg {
  fill: #fff;
}
.group-profile-visibility span {
  padding: 10px 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #e50914;
  font-size: 0.95em;
  font-weight: 700;
  background: rgba(119, 80, 248, 0.1);
}
.group-profile-visibility span svg {
  margin: 0 10px 0 0;
  width: 22px;
  height: 22px;
  fill: #e50914;
}
.group-profile-avatar {
  padding: 10px;
  top: -40px;
  left: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #141314;
}
.group-profile-avatar img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.group-profile-name {
  margin: 0 0 0 20px;
}
.group-profile-name h1 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
}
.group-profile-name p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.75em;
  font-weight: 500;
  text-transform: uppercase;
}
.group-profile-nav {
  margin: 20px 0 0;
}
.group-profile-content {
  margin: 20px 0 0;
}
.group-profile-content-left {
  margin: 0 20px 0 0;
}
.group-profile-content-left > ul > li:nth-child(n+2) {
  margin: 20px 0 0;
}
.group-profile-stats ul {
  margin: -10px;
}
.group-profile-stats ul li {
  padding: 10px;
}
.group-profile-stats .stats {
  padding: 30px 20px;
}
.group-profile-stats .stats.primary, .group-profile-stats .stats.secondary {
  background-position: 100% 100%;
}
.group-profile-desc {
  margin: 20px 0 0;
}



.collections-selected {
  margin: 20px 0 0;
  padding: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
  border: 1px solid #29292a;
}
.collections-selected ul {
  margin: -5px;
}
.collections-selected ul li {
  padding: 5px;
}
.collections-selected ul li span {
  padding: 5px 10px;
      cursor: pointer;
      color: #f1f1f1;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      font-size: 0.95em;
      font-weight: 700;
      background: #7c0107;
}
.collections-selected ul li span svg {
  margin: 0 0 0 10px;
  width: 16px;
  height: 16px;
  color: #f1f1f1;
}
.collections-box {
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.collections-box-images {
  padding: 10px 10px 0;
}
.collections-box-images ul li img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.collections-box-images ul li:nth-child(n+2) {
  margin: 0 0 0 -30px;
}
.collections-box-content {
  padding: 30px;
}
.collections-box-name span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.collections-box-name p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.collections-box-stats {
  margin: 30px 0 0;
}
.collections-box-stats ul li {
  padding: 0 20px;
}
.collections-box-stats ul li span {
  color: #fff;
  font-size: 0.85em;
  font-weight: 700;
}
.collections-box-stats ul li p {
  margin: 5px 0 0;
  color: #6c7388;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
}
.collections-box-stats ul li:nth-child(n+2)::before {
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  position: absolute;
  background: #29292a;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.collections-box-footer {
  padding: 10px;
  background: #1e1d1e;
  border-top: 1px solid rgba(63, 72, 95, 0.3);
}
.collections-box-footer a {
  padding: 10px 20px;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.collections-box-footer a svg {
  width: 22px;
  height: 22px;
  color: #6c7388;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.collections-box-footer a:hover {
  background: #8d1c22;
}
.collections-box-footer a:hover svg {
  color: #fff;
}
.collections-detail-left {
  top: 20px;
}
.collections-detail-nav {
  padding: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.collections-detail-nav ul {
  border-right: 1px solid #29292a;
}
.collections-detail-nav ul li a {
  margin: 0 -2px 0 0;
  padding: 10px 30px 10px 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
  border-right: 3px solid transparent;
}
.collections-detail-nav ul li.active a {
  color: #e50914;
  border-color: #e50914;
}
.collections-detail-edit {
  margin: 20px 0 0;
}
.collections-detail-list {
  margin: 0 0 0 40px;
}
.collections-detail-list > ul {
  margin: -40px 0;
}
.collections-detail-list > ul > li {
  padding: 40px 0;
}
.collections-detail-list > ul > li:nth-child(n+2) {
  border-top: 1px solid #29292a;
}
.collections-detail .movie-info {
  padding: 0;
  scroll-margin-top: 39px;
}
.collections-detail .movie-info-general h1,
.collections-detail .movie-info-general h2,
.collections-detail .movie-info-general h3,
.collections-detail .movie-info-general h4,
.collections-detail .movie-info-general h5,
.collections-detail .movie-info-general h6 {
  font-size: 2em;
  font-weight: 700;
}
.my-collections ul {
  margin: -10px;
}
.my-collections ul li {
  padding: 10px;
}

.button-loading {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  overflow: hidden;
  background: #2b3140;
}
.button-loading::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #e50914;
  -webkit-transform: scaleX(0) translateX(0);
  transform: scaleX(0) translateX(0);
  -webkit-animation: buttonLoading 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
  animation: buttonLoading 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
}

.see-more {
  margin: 30px 0 0;
}
.see-more button {
  width: 100%;
  padding: 20px;
  overflow: hidden;
  color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 0.95em;
  font-weight: 700;
  background: #141314;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.see-more button:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.see-more button:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.settings-menu-button {
  right: 0;
}
.settings-menu-button button {
  padding: 12px 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.settings-menu-button button span {
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.settings-menu-button button svg {
  width: 22px;
  height: 22px;
  color: #fff;
}
.settings-leftbar {
  width: 280px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.settings-leftbar-head {
  padding: 20px;
  background: #1e1d1e;
}
.settings-leftbar-head span {
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
}
.settings-leftbar-head button {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #121621;
}
.settings-leftbar-head button svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.settings-leftbar-box-head {
  padding: 20px;
  cursor: pointer;
}
.settings-leftbar-box-head-icon svg {
  width: 22px;
  height: 22px;
  color: #e50914;
}
.settings-leftbar-box-head-text {
  margin: 0 0 0 15px;
}
.settings-leftbar-box-head-text span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.settings-leftbar-box-head-text p {
  margin: 5px 0 0;
  line-height: 1.4;
  color: #6c7388;
  font-size: 0.75em;
  font-weight: 500;
}

.settings-leftbar-box-content {
  background: #1e1d1e;
  border-top: 1px solid #272e42;
}
.settings-leftbar-box-content-in {
  padding: 20px 20px 20px 57px;
}
.settings-leftbar-box-content-in ul {
  margin: -10px 0;
}
.settings-leftbar-box-content-in ul li a {
  padding: 10px 0;
  white-space: nowrap;
  color: #fff;
  font-size: 0.95em;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.settings-leftbar-box-content-in ul li a:hover {
  color: #e50914;
}
.settings-leftbar-box:nth-child(n+3) {
  border-top: 1px solid #272e42;
}
.settings-content {
  width: 100%;
}
.settings-content-head {
  margin: 0 0 20px;
}
.settings-content-head-left span {
  color: #6c7388;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 500;
}
.settings-content-head-left h1 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.settings-content-head-left h1 strong {
  color: #e50914;
}
.settings-content-head-right a {
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 700;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.settings-content-head-right a:hover {
  color: #fff;
}
.settings-content-area {
  padding: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.settings-content-area .form-result {
  margin: 0 0 20px;
}
.settings-content-area-head {
  margin: 0 0 25px;
}
.settings-content-area-head span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.settings-content-area ul {
  margin: -10px;
}
.settings-content-area ul li {
  padding: 10px;
}
.settings-content-area:nth-child(n+2) {
  margin: 20px 0 0;
}


.page-head {
  margin-top: 40px;
  padding: 0px 0px 30px 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: url("../../images/page-bg.png");
}
.page-head h1 {
  color: #fff;
  font-size: 2em;
  font-weight: 700;
}
.page-head p {
  margin: 5px 0 0;
  color: #fff;
  font-size: 0.95em;
  font-weight: 500;
}
.page-head p a {
  color: #fff;
  font-size: inherit;
  font-weight: 700;
}
.page-head p a img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.page-head p a:nth-child(2) {
  margin: 0 0 0 5px;
}


.area > ul {
  margin: -10px;
}
.area > ul > li {
  padding: 10px;
}
.area-title {
  margin: 0 0 20px;
}
.area-title h1,
.area-title h2,
.area-title h3,
.area-title h4,
.area-title h5,
.area-title h6 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.area-title ul {
  margin: 0 -15px;
}
.area-title ul li {
  padding: 0 15px;
}
.area-title ul li button svg {
  width: 22px;
  height: 22px;
  fill: #6c7388;
}
.area-title ul li:nth-child(n+2)::before {
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 18px;
  position: absolute;
  background: #29292a;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.area-title ul li.active button svg {
  fill: #e50914;
}
.area-title > a {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.area-title > a svg {
  margin: 0 0 0 10px;
  width: 32px;
  height: 32px;
  color: #6c7388;
}
.featured-movies .square-arrows {
  margin: 20px 0 0;
}


.movie-info {
  padding: 300px 0 0;
  z-index: 10;
}
.movie-info-poster a img {
  width: 231px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.movie-info-content {
  margin: 0 40px 0 0;
}
.movie-info-general > img {
  margin: 0 0 20px;
  width: 200px;
}
.movie-info-general > h1,
.movie-info-general > h2,
.movie-info-general > h3,
.movie-info-general > h4,
.movie-info-general > h5,
.movie-info-general > h6 {
  color: #fff;
  font-size: 3.5em;
  font-weight: 700;
}
.movie-info-general > ul {
  margin: 0 -10px -10px;
}
.movie-info-general > ul > li {
  padding: 10px;
}
.movie-info-general > ul > li > span, .movie-info-general > ul > li > p {
  color: #fff;
  font-size: 0.95em;
  font-weight: 500;
}

.movie-info-general > ul > li > p a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.movie-info-general > ul > li > p a:hover {
  color: #e50914;
}
.movie-info-general > ul > li:nth-child(n+2)::before {
  content: "•";
  left: -3px;
  position: absolute;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.movie-info-general > p {
  margin: 20px 0 0;
  line-height: 1.6;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.movie-info-general-cl {
  top: 13px;
  right: 0;
}
.movie-info-general-cl a img {
  height: 40px;
}
.movie-info-buttons {
  margin: 20px 0 0;
}
.movie-info-buttons .form-element button svg,
.movie-info-buttons .form-element a svg {
  margin: 0 10px 0 0;
  fill: #fff;
}
.movie-info-buttons .form-element button.addToWatchlist.active svg {
  transform: rotate(45deg);
}
.movie-info-buttons .form-element button.myWatchlist.active svg {
  transform: rotate(45deg);
}
.movie-info-images {
  margin: 20px 0 0;
}
.movie-info-images ul {
  margin: -10px;
}
.movie-info-images ul li {
  padding: 10px;
}
.movie-info-images ul li a {
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #29292a;
}
.movie-info-images ul li a img {
  width: 100%;
}
.movie-info-images ul li:last-child a {
  border-color: #e50914;
  background: rgb(229 9 20 / 12%);
}
.movie-info-play {
  padding: 20px;
  line-height: 1.4;
  color: #e50914;
  font-size: 0.95em;
  font-weight: 700;
  text-transform: uppercase;
}
.movie-info-play span {
  margin: 0 0 0 10px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  backdrop-filter: blur(4px);
  background: rgb(229 9 20 / 23%);
}
.movie-info-play span svg {
  margin: 0 0 0 3px;
  width: 24px;
  height: 24px;
  fill: #e50914;
  color: #e50914;
}
.movie-profile-cover {
  top: 0;
  left: 0;
}
.movie-profile-cover a img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: top;
}
.movie-profile-cover::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: absolute;
  background: linear-gradient(to bottom, transparent, #121621);
}
.movie-profile-cover::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: absolute;
  background: rgba(18, 22, 33, 0.6);
}
.movie-profile-trailer {
  top: 50%;
  left: 50%;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.movie-profile-trailer button {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
}
.movie-profile-trailer button svg {
  margin: 0 0 0 5px;
  width: 42px;
  height: 42px;
  color: #6c7388;
}
.movie-profile-trailer button::before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  z-index: -1;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  backdrop-filter: blur(4px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.2);
  -webkit-animation: scam 1.5s alternate infinite;
  -moz-animation: scam 1.5s alternate infinite;
  -ms-animation: scam 1.5s alternate infinite;
  -o-animation: scam 1.5s alternate infinite;
  animation: scam 1.5s alternate infinite;
}
.movie-profile-overview {
  margin: 40px 0 0;
}
.movie-profile-overview h1,
.movie-profile-overview h2,
.movie-profile-overview h3,
.movie-profile-overview h4,
.movie-profile-overview h5,
.movie-profile-overview h6 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.movie-profile-overview p {
  line-height: 1.6;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.movie-profile-cast {
  margin: 40px 0 0;
}
.movie-profile-cast-head {
  margin: 0 0 15px;
}
.movie-profile-cast-head h1,
.movie-profile-cast-head h2,
.movie-profile-cast-head h3,
.movie-profile-cast-head h4,
.movie-profile-cast-head h5,
.movie-profile-cast-head h6 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.movie-profile-episode {
  margin: 40px 0 0;
}
.movie-profile-episode-head {
  margin: 0 0 20px;
}
.movie-profile-episode-head h1,
.movie-profile-episode-head h2,
.movie-profile-episode-head h3,
.movie-profile-episode-head h4,
.movie-profile-episode-head h5,
.movie-profile-episode-head h6 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.movie-profile-episode-head .form-group {
  margin: -10px 10px -10px -10px;
}
.movie-profile-episode-head .form-element > button {
  padding: 12px 30px;
}
.movie-profile-episode-head .form-element > button svg {
  margin: 0 10px 0 0;
}
.movie-profile-episode > ul {
  margin: -10px;
}
.movie-profile-episode > ul > li {
  padding: 10px;
}
.movie-profile-episode-box {
  padding: 0 90px 0 20px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.movie-profile-episode-box-no span {
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
}
.movie-profile-episode-box-image {
  margin: 0 0 0 20px;
}
.movie-profile-episode-box-image img {
  width: 150px;
}
.movie-profile-episode-box-text {
  margin: 0 0 0 20px;
  min-width: 0;
}
.movie-profile-episode-box-text span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 700;
}
.movie-profile-episode-box-text span small {
  margin: 0 0 0 20px;
  color: #6c7388;
  font-size: inherit;
  font-weight: 500;
}
.movie-profile-episode-box-text p {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.movie-profile-episode-box-status {
  padding: 20px;
  right: 0;
  background: #202535;
  border-left: 1px solid #272e42;
}
.movie-profile-episode-box-status .form-element > button {
  padding: 5px;
}
.movie-profile-episode-box-status .form-element > button svg {
  width: 16px;
  height: 16px;
}


.form-group {
  margin: -10px;
}
.form-group > button {
  right: 28px;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 700;
}
.form-element {
  padding: 10px;
}
.form-element > label {
  padding: 0 5px;
  top: 28px;
  left: 25px;
  cursor: text;
  user-select: none;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
  background: #141314;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-element input {
  padding: 17px 18px;
  width: 100%;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  background: transparent;
  font-size: 0.95em;
  font-weight: 700;
  border: 1px solid #29292a;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.form-element input:focus {
  border-color: #e50914;
}
.form-element input:focus + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element input:valid + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element input:valid + .form-element-reset {
  display: block;
}
.form-element input::placeholder {
  color: #6c7388;
  font-size: inherit;
  font-weight: 500;
}
.form-element textarea {
  padding: 17px 18px;
  width: 100%;
  resize: none;
  outline: none;
  min-height: 100px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  background: transparent;
  font-size: 0.95em;
  font-weight: 700;
  border: 1px solid #29292a;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.form-element textarea:focus {
  border-color: #e50914;
}
.form-element textarea:focus + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element textarea:valid + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element textarea::placeholder {
  color: #6c7388;
  font-size: inherit;
  font-weight: 500;
}
.form-element select {
  padding: 17px 52px 17px 18px;
  width: 100%;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  font-size: 0.95em;
  font-weight: 700;
  border: 1px solid #29292a;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%236c7388' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: calc(100% - 14px);
}
.form-element select option {
background: #141314;
}
.form-element select:focus {
  border-color: #e50914;
}
.form-element select:focus + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element select:valid + label {
  top: 4px;
  left: 24px;
  font-size: 0.75em;
  font-weight: 500;
}
.form-element select::placeholder {
  color: #6c7388;
}
.form-element > button,
.form-element > a {
  padding: 15px 30px;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  background: #6c7388;
  font-size: 0.95em;
  font-weight: 700;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.form-element > button svg,
.form-element > a svg {
  width: 22px;
  height: 22px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-element > button:active,
.form-element > a:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.form-element > button.button-first,
.form-element > a.button-first {
  background: #e50914;
}
.form-element > button.button-second,
.form-element > a.button-second {
  background: #e50914;
}
.form-element > button.button-third,
.form-element > a.button-third {
  color: #fff;
  background: transparent;
  border-color: #fff;
}
.form-element > button.button-third svg,
.form-element > a.button-third svg {
  fill: none;
  color: #fff;
}
.form-element > button.button-third.active,
.form-element > a.button-third.active {
  color: #fff;
  background: #e50914;
  border-color: transparent;
}
.form-element > button.button-third.active svg,
.form-element > a.button-third.active svg {
  color: #fff;
}
.form-element > button.just-icon svg,
.form-element > a.just-icon svg {
  margin: 0;
}
.form-element-end-icon {
  top: 50%;
  right: 14px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.form-element-end-icon button {
  padding: 14px;
}
.form-element-end-icon button svg {
  width: 22px;
  height: 22px;
  color: #6c7388;
}
.form-element-icon {
  top: 15px;
  left: 15px;
}
.form-element-icon + input {
  padding: 17px 18px 17px 65px;
}
.form-element-icon + input:valid + label, .form-element-icon + input:focus + label {
  left: 70px;
}
.form-element-icon + input + label {
  left: 70px;
}
.form-element-reset {
  top: 23px;
  right: 29px;
  display: none;
}
.form-element-reset button svg {
  width: 22px;
  height: 22px;
  color: #6c7388;
}
.form-link a {
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 700;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.form-link a:hover {
  color: #fff;
}
.form-actionbar {
  bottom: 13px;
  width: calc(100% - 20px);
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #29292a;
  background: #202535;
}
.form-actionbar ul li {
  padding: 5px;
}
.form-actionbar ul li button {
  padding: 5px;
}
.form-actionbar ul li button svg {
  width: 22px;
  height: 22px;
  fill: #6c7388;
}
.form-actionbar + textarea {
  margin: 0 0 43px;
  min-height: 194px;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}


.modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  z-index: 999;
  background: rgb(0 0 0 / 90%);
}
.modal-body {
  margin: 50px 0;
  width: 100%;
  max-width: 800px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.modal-body::-webkit-scrollbar {
  display: none;
}
.modal-close {
  top: -20px;
  right: -20px;
}
.modal-close button {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #e50914;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.modal-close button svg {
  width: 20px;
  height: 20px;
  color: #fff;
}
.modal-close button:hover {
  background: #891117;
}
.modal-header {
  top: 0;
  padding: 20px;
  background: #141314;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid rgba(63, 72, 95, 0.3);
}
.modal-header span {
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
}
.modal-header button {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #121622;
}
.modal-header button svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
.modal-content {
  padding: 20px;
}
.modal-content .form-element label {
  background: #141314;
}
.modal-content iframe {
  width: 100%;
  height: 450px;
}
.modal-footer {
  bottom: 0;
  padding: 20px;
  background: #141314;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(63, 72, 95, 0.3);
}
.modal-small .modal-body {
  max-width: 500px;
}


.collection-create-list {
  margin: 20px 0 0;
    padding: 10px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #340d0d;
    border: 1px solid #db0001;
}
.collection-create-list > ul > li {
  padding: 10px 0;
}
.collection-create-list > ul > li > span {
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.collection-create-list > ul > li button {
  padding: 10px 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  background: #6c7388;
  font-size: 0.95em;
  font-weight: 700;
}
.collection-create-list > ul > li:nth-child(n+2) {
  border-top: 1px solid #52181b;
}
.collection-create-list > p {
  padding: 10px 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.collection-create-list .trends-box {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: transparent;
}
.collection-create-list .trends-box-image {
  padding: 0;
}
.collection-create-list .trends-box-image a img {
  width: 50px;
  height: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.collection-create-list .trends-box-content h1,
.collection-create-list .trends-box-content h2,
.collection-create-list .trends-box-content h3,
.collection-create-list .trends-box-content h4,
.collection-create-list .trends-box-content h5,
.collection-create-list .trends-box-content h6 {
  font-size: 0.95em;
  font-weight: 700;
}


.trends-box-number span {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
.trends-box-image a img {
  width: 115px;
}
.trends-box-content {
  padding: 20px;
}
.trends-box-content h1,
.trends-box-content h2,
.trends-box-content h3,
.trends-box-content h4,
.trends-box-content h5,
.trends-box-content h6 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
}

.trends-box-content {
  padding: 20px;
}
.trends-box-content h1,
.trends-box-content h2,
.trends-box-content h3,
.trends-box-content h4,
.trends-box-content h5,
.trends-box-content h6 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
}
.trends-box-content ul {
  margin: 0 -10px -10px;
}
.trends-box-content ul li {
  padding: 10px;
}
.trends-box-content ul li span {
  color: #bfbebe;
  font-size: 0.95em;
  font-weight: 500;
}
.trends-box-content ul li p {
  color: #bfbebe;
  font-size: 0.95em;
  font-weight: 500;
}
.trends-box-content ul li p a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.trends-box-content ul li p a:hover {
  color: #e50914;
}
.trends-box-content ul li:nth-child(n+2)::before {
  content: "•";
  left: -3px;
  position: absolute;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.trends-box-content > p {
  margin: 20px 0 0;
  line-height: 1.4;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collection-icon input {
  display: none;
}
.collection-icon input + div {
  position: relative;
  width: 24px;
  height: 36px;
  border-radius: 3px;
  border: 2px solid #6c7388;
  margin: 0 0 0 8px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.collection-icon input + div:before, .collection-icon input + div:after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  border-radius: 2px;
  background: #6c7388;
  right: 100%;
  transition: all 0.4s ease, background 0.2s ease;
}
.collection-icon input + div:before {
  transform: translate(-4px, 0);
  top: 4px;
  bottom: 4px;
}
.collection-icon input + div:after {
  transform: translate(-8px, 0);
  top: 8px;
  bottom: 8px;
}
.collection-icon input + div span {
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  transition: transform 0.4s ease;
}
.collection-icon input + div span:before, .collection-icon input + div span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 2px;
  background: #6c7388;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.2s ease;
}
.collection-icon input + div span:before {
  width: 10px;
  height: 2px;
}
.collection-icon input + div span:after {
  height: 10px;
  width: 2px;
}
.collection-icon input:checked + div {
  height: 24px;
  margin: 6px 4px;
  background: #6c7388;
}
.collection-icon input:checked + div:before, .collection-icon input:checked + div:after {
  transform: translate(2px, 0);
  opacity: 0;
}
.collection-icon input:checked + div span {
  transform: rotate(-225deg);
}
.collection-icon input:checked + div span:before, .collection-icon input:checked + div span:after {
  background: #fff;
}


/*Top rate*/


.top-list-container {
  width: 100%;
  background: #141314;
  margin-bottom: 20px;
  padding: 0px 25px;
}
.top-list-container .imdb-point svg {
    width: auto !important;
    height: 23px !important;
}
.top-list-container .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color .15s;
  transition: color .15s;
  height: 75px;
}
.top-list-item .col+.col {
    margin-left: 25px
}
.list-thumbnail {
  overflow: hidden;
}
.list-thumbnail img {
  height: 100%;
}
@supports(-webkit-line-clamp: 3) {
    .top-list-container .name div {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

.top-list-container .list-number {
  font-size: 32px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(255,255,255,.25);
  line-height: 20px
}

.top-list-container .name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: rgba(255,255,255,.8);
    line-height: 20px
}


.top-list-container .name h3 {
    max-height: 60px;
    overflow: hidden
}

.top-list-container .name h3 {
    max-height: 60px;
    overflow: hidden
}

.top-list-container .name p.original-name {
    font-size: .85em !important;
    font-weight: 400;
    margin-top: 4px;
}

.top-list-container .list-number div {
    max-height: 60px;
    font-weight: 600;
    font-size: 1.5em;
}

.top-list-item {
  padding: 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-box-shadow .15s;
  transition: -webkit-box-shadow .15s;
  transition: box-shadow .15s;
  transition: box-shadow .15s, -webkit-box-shadow .15s;
  border-bottom: 1px solid #32373c;
}
.top-list-item  .year {
  padding:0px 10px;
  background: #8d9093;
}
.top-list-item  .year p {
  line-height: 17px;
  font-weight: 600;
  font-size: .79em;
   color: #000;
}
.top-list-item:last-child {
  border-bottom: 0px !important;
}
.top-list-item .available svg {
  width: 24px;
}
.top-list-item .available img {
  width: 24px;
}

.trend-point {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #0E0F1C;
}

.trend-point span {
  color: #efe4e4;
  z-index: 10;
  font-size: 0.85em;
  font-weight: 700;
}

.trend-point span sup {
  font-size: 0.6em;
}

.trend-point-circle {
  width: 50px;
  height: 50px;
  transform: rotate(-90deg);
}

.progress__meter {
  stroke: rgba(255, 193, 7, 0.13);
}

.progress_meter,
.progress_value {
  fill: none;
}
.progress__value {
      stroke: #e50914;
}

.sort-options {
  padding: 5px;
  border-radius: 10px;
  background: #141314;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 20px;
}
.sort-options a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  border-radius: 5px;
  color: rgba(255,255,255,.8);
  border: 0;
  text-decoration: none;
  padding: 4px 12px;
}
.sort-options a.active {
      background: #fff;
    color: #141314;
}

@media(max-width: 900px) {
    .top-list-item {
        position:relative;
        height: 232px;
        margin-bottom: 10px;
        border: 0px;
        overflow: hidden;
        z-index: 0;
        padding-top: 133px;
        padding-bottom: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .top-list-item .col+.col {
      margin-left: 0px ;
    }

    .top-list-item .col {
        height: auto;
        position: relative;
        z-index: 1
    }
    .top-list-container {
      padding: 10px !important;
    }


    .top-list-item .list-number {
      position: absolute;
      top:20px;
      left: 20px;
      color: rgb(255 255 255 / 60%);
    }

    .top-list-item .name-container {
      padding-left: 20px;
    }
    .name-container .imdb-point, .top-list-container .name p.original-name {
      margin-top: 0px;
    }
    .top-list-item .list-thumbnail {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .top-list-item .list-thumbnail:before {
        display: none
    }

    .top-list-item .list-thumbnail:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #000 0%, #000 40px, transparent 75%);
        cursor: pointer
    }

    .top-list-item .list-thumbnail img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .top-list-item .name {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: rgba(255,255,255,.8);
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        height: 48px;
        margin-bottom: 9px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .top-list-item .name div {
    }


    .top-list-item .status {
      position: absolute;
      right: 20px;
      top: 10px;
    }
}

.bg-cover {
    background-image: url(../../src/img/01.webp); 
    background-position: center !important;
    height: 20rem;
     margin-bottom: 20px;
}
.bg-cover h2 {
    font-size: 3rem; /* 48px */
line-height: 1;
}
.bg-cover li,
.bg-cover a
 {
    color: red;
}

.settings {
    margin-bottom: 40px !important;
}


.pagination {
  margin: 40px 0px;
  display: flex;
  justify-content: center;
}
.pagination ul {
  padding: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
}
.pagination ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  padding: 15px;
  color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 0.95em;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pagination ul li a svg {
  width: 16px;
  height: 16px;
  color: #6c7388;
}
.pagination ul li a:hover {
  color: #e50914;
  background: #390f11;
}
.pagination ul li:nth-child(n+2) {
  margin: 0 0 0 20px;
}
.pagination ul li:nth-child(n+2)::before {
  content: "";
  top: 50%;
  left: -10px;
  width: 1px;
  height: 20px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #293145;
}
.pagination ul li.active a {
  color: #e50914;
  background: #390f11;
}

.alert {
  padding: 20px;
  z-index: 1;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background: #141314;
  border-left: 2px solid #29292a;
  -webkit-box-shadow: 0px 0px 2px #29292a;
  -moz-box-shadow: 0px 0px 2px #29292a;
  -ms-box-shadow: 0px 0px 2px #29292a;
  -o-box-shadow: 0px 0px 2px #29292a;
  box-shadow: 0px 0px 2px #29292a;
}
.alert-icon {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #6c7388;
}
.alert-icon svg {
  width: 22px;
  height: 22px;
  color: #141314;
}
.alert-text {
  margin: 0 20px;
}
.alert-text span {
  color: #fff;
  font-size: 0.95em;
  font-weight: 500;
}
.alert-text a {
  margin: 5px 0 0;
  color: #6c7388;
  font-size: 0.95em;
  font-weight: 500;
}
.alert-close {
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.alert-close button svg {
  width: 18px;
  height: 18px;
  color: #6c7388;
}
.alert.warning {
  border-color: #FBBF14;
  -webkit-box-shadow: 0px 0px 2px #FBBF14;
  -moz-box-shadow: 0px 0px 2px #FBBF14;
  -ms-box-shadow: 0px 0px 2px #FBBF14;
  -o-box-shadow: 0px 0px 2px #FBBF14;
  box-shadow: 0px 0px 2px #FBBF14;
  background: rgba(251, 191, 20, 0.16);
}
.alert.warning .alert-icon {
  background: #FBBF14;
}
.alert.warning .alert-text span {
  color: #FBBF14;
}
.alert.warning .alert-close button svg {
  color: rgba(251, 191, 20, 0.5);
}
.alert.success {
  border-color: #e50914;
  -webkit-box-shadow: 0px 0px 2px #e50914;
  -moz-box-shadow: 0px 0px 2px #e50914;
  -ms-box-shadow: 0px 0px 2px #e50914;
  -o-box-shadow: 0px 0px 2px #e50914;
  box-shadow: 0px 0px 2px #e50914;
  background: rgba(79, 244, 97, 0.16);
}
.alert.success .alert-icon {
  background: #e50914;
}
.alert.success .alert-text span {
  color: #e50914;
}
.alert.success .alert-close button svg {
  color: rgba(79, 244, 97, 0.5);
}
.alert.error {
  border-color: #f44d4d;
  -webkit-box-shadow: 0px 0px 2px #f44d4d;
  -moz-box-shadow: 0px 0px 2px #f44d4d;
  -ms-box-shadow: 0px 0px 2px #f44d4d;
  -o-box-shadow: 0px 0px 2px #f44d4d;
  box-shadow: 0px 0px 2px #f44d4d;
  background: rgba(244, 77, 77, 0.16);
}
.alert.error .alert-icon {
  background: #f44d4d;
}
.alert.error .alert-text span {
  color: #f44d4d;
}
.alert.error .alert-close button svg {
  color: rgba(244, 77, 77, 0.5);
}
.alert.info {
  border-color: #006FB6;
  -webkit-box-shadow: 0px 0px 2px #006FB6;
  -moz-box-shadow: 0px 0px 2px #006FB6;
  -ms-box-shadow: 0px 0px 2px #006FB6;
  -o-box-shadow: 0px 0px 2px #006FB6;
  box-shadow: 0px 0px 2px #006FB6;
  background: rgba(0, 111, 182, 0.16);
}
.alert.info .alert-icon {
  background: #006FB6;
}
.alert.info .alert-text span {
  color: #006FB6;
}
.alert.info .alert-close button svg {
  color: rgba(0, 111, 182, 0.5);
}



.gallery-thumbs {
     padding: 2.5rem 0;
     overflow: visible;
}
 .trending-slider-nav .movie-swiper {
     border: 0.75rem solid rgba(0, 0, 0, );
     transition: all 0.4s ease;
     z-index: -1;
}
 .trending-slider-nav .swiper-slide.swiper-slide-active {
     transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px);
     transform-origin: 50% 50%;
     transition: all 0.6s ease 0s;
     box-shadow: 0rem 0rem 0.75rem rgba(0, 1, 0, );
}
 .trending-slider-nav .swiper-slide.swiper-slide-active .movie-swiper {
     transition: all 0.4s ease;
     padding: 0.625rem;
     background: rgba(0, 1, 0, ) !important;
     backdrop-filter: blur(0.063rem);
     border: 0.063rem solid var(--bs-border-color);
}
 .trending-slider .tranding-block {
     background-size: cover;
     background-position: top right;
     position: relative;
     min-height: 40rem;
}
 .trending-contens .trending-tab-slider .trending-tab-slider-image {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
}
 .trending-contens .trending-tab-slider .trending-tab-slider-image img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}
 .trending-contens .trending-tab-slider .trending-tab-slider-image::before {
     background: linear-gradient(90deg, rgba(0, 1, 0, ) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);
     width: 100%;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
}
 .trending-contens .episodes-contens {
     margin-top: 1.875rem;
}
 .trending-contens .swiper {
     margin-bottom: 0;
}
 .trending-contens .swiper .swiper-wrapper .swiper-slide {
     padding: 0;
}
 .trending-contens .swiper .swiper {
     margin: 0 -0.9375rem;
}
 .trending-contens .swiper .swiper .swiper-wrapper .swiper-slide {
     padding: 0 0.9375rem;
}
 .trending-contens .swiper-arrow {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 35px;
     height: 60px;
     text-align: center;
     opacity: 1;
     z-index: 9;
     background: rgba(0, 1, 0, );
     margin: 0;
     line-height: 0.3125rem;
     box-shadow: 0 0.5625rem 1.1875rem #01041b 0D;
     font-size: 16px;
     color: var(--active);
     transition: all 0.4s ease-in-out 0s;
}
 .trending-contens .swiper-arrow::after {
     content: none;
}
 .trending-contens .swiper-arrow.swiper-button-next {
     right: 0;
}
 .trending-contens .swiper-arrow.swiper-button-prev {
     left: 0;
}
 .tranding-block, .banner-wrapper {
     background-size: cover;
     background-position: top right;
     position: relative;
}
 .tranding-block .tab-title-info {
     z-index: 99;
}
 .tranding-block .trending-pills {
     background: #000;
}
 .tranding-block .trending-content {
     padding: 0rem 3.125rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 46.25rem;
}
 .tranding-block .trending-content::-webkit-scrollbar {
     display: none;
}
 .tranding-block .trending-content .tab-pane {
     width: 100%;
     height: 100%;
}
 .tranding-block .trending-content .tab-pane.fade {
     display: none;
     visibility: hidden;
     opacity: 0;
}
 .tranding-block .trending-content .tab-pane.fade.active.show {
     display: block;
     visibility: visible;
     opacity: 1;
}
 .tranding-block .trending-pills.nav-pills .nav-item a {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     border-radius: 0;
     text-transform: uppercase;
     margin-left: 0.938rem;
     margin-right: 0.938rem;
}
 .tranding-block .trending-pills.nav-pills .nav-item a:hover {
     color: var(--bs-primary);
}
 .tranding-block .trending-pills .nav-link {
     padding: 1rem;
}
 .tranding-block .trending-content .p-btns {
     display: flex;
     align-items: center;
}
 .tranding-block .trending-content .trending-info {
     margin: 0.42rem 0;
     padding: 3.75rem 0;
     position: relative;
     z-index: 99;
}
 .tranding-block .trending-content .trending-info .trending-box {
     margin: 0.42rem 0;
}
 .tranding-block .trending-content .trending-info .text-detail {
     font-size: 1.25rem;
     font-weight: 500;
     letter-spacing: 0.044rem;
     margin-bottom: 1.875rem;
}
 .tranding-block .trending-content .trending-info .text-detail span {
     position: relative;
     margin-right: 0.9375rem;
     padding-right: 0.9375rem;
}
 .tranding-block .trending-content .trending-info .text-detail span::before {
     content: "";
     height: 0.375rem;
     width: 0.375rem;
     background: var(--bs-white);
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0;
     border-radius: 50%;
}
 .tranding-block .trending-content .trending-info .text-detail span:last-child {
     margin-right: 0;
     padding-right: 0;
}
 .tranding-block .trending-content .trending-info .text-detail span:last-child::before {
     display: none;
}
 .tranding-block .trending-content .trending-info .trending-dec {
     margin-bottom: 1.875rem;
     padding: 0;
     width: 35%;
}
 .tranding-block .trending-content .trending-info .block-social {
     height: 2.813rem;
     width: 2.813rem;
     line-height: 2.813rem;
     text-align: center;
     background: rgba(0, 0, 0, );
     border-radius: 50%;
     margin-left: 0.938rem;
     display: flex;
     -webkit-display: flex;
     -moz-display: flex;
     -o-display: flex;
     align-items: center;
}
 .tranding-block .trending-content .trending-info .block-social a {
     position: relative;
     display: block;
     height: 2rem;
     width: 2rem;
     line-height: 1.625rem;
     font-size: 1rem;
     text-align: center;
     background: var(--bs-white);
     color: var(--bs-primary);
     border-radius: 50%;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.45s ease 0s;
}
 .tranding-block .trending-content .trending-info .block-social.social1 a {
     background: var(--bs-primary);
     color: var(--bs-white);
}
 .tranding-block .trending-content .trending-info .iq-dropdown .form-control {
     background: #000;
     border-radius: 0.313rem;
     color: var(--bs-white);
}
 .tranding-block .trending-content .trending-list .title {
     font-size: 1.125rem;
     font-weight: 500;
     margin-bottom: 0.313rem;
}
 .tranding-block .trending-content .trending-list .title span {
     font-size: 0.875rem;
     font-weight: 400;
}
 .tranding-block .trending-content .swiper .swiper-slide {
     pointer-events: auto;
}
 .tranding-block .trending-content .c-logo {
     width: 155px;
}
 .tranding-block .trending-content .big-title {
     margin: 1.25rem 0;
     font-weight: 800;
}
 .tab-watch-trailer-container {
     padding: 0.625rem;
     background: rgba(0, 1, 0, ) !important;
     -webkit-backdrop-filter: blur(0.625rem);
     backdrop-filter: blur(0.063rem);
     border: 0.063rem solid var(--bs-border-color);
}
 .tab-watch-trailer-container .tab-watch-trailer::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);
     opacity: 0.5;
}
 .tab-watch-trailer-container .trailer-image {
     height: 450px;
     object-fit: cover;
}
 .tab-watch-trailer-container .playbtn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     width: 100%;
}
 .badge.badge-trend {
     background: #000;
}
 .swiper-bg:before {
     background: linear-gradient(90deg, rgba(0, 1, 0, ) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);
     width: 100%;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
}
 @media (max-width: 1199.98px) {
     .tranding-block .trending-content .trending-info .trending-dec {
         width: 100%;
    }
}
 @media (max-width: 991.98px) {
     .tab-watch-trailer-container .trailer-image {
         height: 400px;
    }
}
 @media (max-width: 767.98px) {
     .tab-watch-trailer-container .trailer-image {
         height: 250px;
    }
     .trending-slider-nav .swiper-slide.swiper-slide-active {
         transform: scale3d(1, 1, 1) translate3d(0, 0, 0) perspective(500px);
    }
}
 @media (max-width: 575.98px) {
     .tranding-block .trending-content {
         padding: 0rem 1rem;
    }
     .tab-watch-trailer-container .playbtn svg {
         width: 50px;
    }
     .tab-watch-trailer-container .playbtn .w-trailor {
         font-size: 0.875rem;
         margin-left: 0.5rem;
    }
}
 @media (max-width: 479.98px) {
     .tab-watch-trailer-container .playbtn {
         text-align: center;
    }
     .tab-watch-trailer-container .playbtn .w-trailor {
         display: inline-block;
         width: 100%;
         margin: 0.5rem 0 0;
    }
}
 

 .area>ul {
    margin: -10px;
 }
 .iq-restriction_box {
     height: 70vh;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background: #141314;
     padding: 1rem;
     margin-top: calc(50px);
}
 .iq-restriction_box2 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #141314;
}
 .iq-restriction_box .iq-button {
     margin: 0.625em 0;
}
 

/*  Comment */

.comment {
  margin: 30px 0 0
}

.comment-head {
  margin: 0 0 15px
}

.comment-head h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 400
}

.comment-reviews {
  border: 1px solid #1e2029
}

.comment-review-form {
  padding: 20px;
  border-bottom: 1px solid #1e2029
}

.comment-review-form form textarea {
  padding: 10px 15px;
  width: 100%;
  resize: none;
  line-height: 20px;
  color: #9b9dab;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #111216;
  font-size: .8125em;
  font-weight: 400;
  border: 1px solid #1e2029
}

.comment-review-form form textarea::placeholder {
  color: #9b9dab
}

.comment-review-form-bottom {
  margin: 15px 0 0
}

.comment-review-form-bottom button {
  padding: 10px 15px;
  color: #244542;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #e50914 ;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 600
}

.comment-review-box {
  padding: 20px
}

.comment-review-box img {
  width: 34px;
  height: 34px;
  object-fit: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}

.comment-review-box-subject {
  margin: 0 0 0 10px
}

.comment-review-box-top h6 a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out
}

.comment-review-box-top h6 a:hover {
  color: #e50914 
}

.comment-review-box-top time {
  margin: 0 0 0 10px;
  color: #6a6883;
  font-size: .8125em;
  font-weight: 400
}

.comment-review-box-top time::before {
  content: '·';
  margin: 0 10px 0 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit
}

.comment-review-box-content {
  margin: 10px 0 0
}
.comment-review-box-content p {
 
}
.comment-review-box-content img.emojione {
  width: 20px !important;
  height: 20px !important;    
  margin:0px 5px;
  vertical-align: text-bottom;
}

.comment-review-box-content p {
  color: #9b9dab;
  line-height: 1.4285em;
  font-size: .875em;
  font-weight: 400
}

.comment-review-box-bottom {
  margin: 20px 0 0
}

.comment-review-box-actions button svg {
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  fill: #9b9dab;
  -webkit-transition: fill .2s ease-in-out;
  -moz-transition: fill .2s ease-in-out;
  -ms-transition: fill .2s ease-in-out;
  -o-transition: fill .2s ease-in-out;
  transition: fill .2s ease-in-out
}

.comment-review-box-actions button span {
  color: #9b9dab;
  font-size: .75em;
  font-weight: 400
}

.comment-review-box-actions button:nth-child(n+2) {
  margin: 0 0 0 10px
}

.comment-review-box-actions button.comment-action-active svg {
  fill: #e50914 
}

.comment-review-box-actions a {
  margin: 0 0 0 20px;
  color: #9b9dab;
  font-size: .75em;
  font-weight: 400;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out
}

.comment-review-box-actions a::before {
  content: '·';
  margin: 0 20px 0 0;
  color: #9b9dab;
  font-size: inherit;
  font-weight: inherit
}

.comment-review-box-actions a:hover {
  color: #fff
}

.comment-review-box-reply-list {
  margin: 10px 0 0
}

.comment-review-box-reply-list>ul {
  margin: 10px 0 0;
  background: #111216;
  border: 1px solid #1e2029
}

.comment-review-box-reply-list>ul>li:nth-child(n+2) {
  border-top: 1px solid #1e2029
}

.comment-review-box-reply-list>ul>li .comment-review-box img {
  width: 26px;
  height: 26px
}

.comment-review-box-reply-form {
  display: none
}

.comment-review-box-reply-form form input {
  padding: 9px;
  width: 100%;
  outline: 0;
  color: #9b9dab;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #111216;
  font-size: .8125em;
  font-weight: 400;
  border: 1px solid #1e2029
}

.comment-review-box-reply-form form input::placeholder {
  color: #fff
}

.comment-review-box-reply-form form button {
  margin: 0 0 0 5px;
  padding: 8px 15px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 400;
  background: #1e2029;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.comment-review-box-reply-form form button:hover {
  color: #fff;
  background: #252833
}

.comment-review-box:nth-child(n+2) {
  border-top: 1px solid #1e2029
}

.comment-action {
  top: 0;
  right: 0;
  cursor: pointer
}

.comment-action svg {
  width: 15px;
  height: 15px;
  color: #6a6883
}

.comment-action-options {
  padding: 5px 0;
  top: calc(100% + 10px);
  right: 0;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 20px 30px 0 rgba(9, 9, 16, 0.5);
  -moz-box-shadow: 0 20px 30px 0 rgba(9, 9, 16, 0.5);
  -ms-box-shadow: 0 20px 30px 0 rgba(9, 9, 16, 0.5);
  -o-box-shadow: 0 20px 30px 0 rgba(9, 9, 16, 0.5);
  box-shadow: 0 20px 30px 0 rgba(9, 9, 16, 0.5);
  background: #1e2029
}

.comment-action-options ul li a {
  padding: 10px 15px;
  color: #9b9dab;
  white-space: nowrap;
  font-size: .8125em;
  font-weight: 400;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -ms-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}

.comment-action-options ul li a:hover {
  background: #181924
}

.comment-spoiler img,
.comment-spoiler .comment-review-box-subject {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px)
}

.comment-spoiler-2 {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  padding: 20px
}

.comment-spoiler-content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(69, 36, 36, 0.2)
}

.comment-spoiler-content button {
  padding: 15px;
  color: #14151d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  font-size: .8125em;
  font-weight: 400
}

.admin h6 a {
  color: #f83b31;
  -webkit-text-shadow: 1px 1px 5px #f83b31;
  -moz-text-shadow: 1px 1px 5px #f83b31;
  -ms-text-shadow: 1px 1px 5px #f83b31;
  -o-text-shadow: 1px 1px 5px #f83b31;
  text-shadow: 1px 1px 5px #f83b31
}

.admin h6 a:hover {
  color: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none
}


.load-more-series {
  margin: 20px 0 0;
  padding: 13px 0;
  margin-top: 10px;
  color: #9b9dab;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #111111;
  font-size: .875em;
  font-weight: 400;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -ms-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}

.load-more-series svg {
  margin: 0 10px 0 0;
  width: 16px;
  height: 16px;
  color: #9b9dab
}