/********************************************************************
********************** Reset Css Start here *************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Play', sans-serif;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/********************* Reset Css End here ***************************
*********************************************************************/
body{
  background: #242424;
  font-family: 'Play',
  sans-serif;
  color:#ffffff;
  overflow-x: hidden;
}
body:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
body:after{
  position: absolute;
  content: "";
  top: 50px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgb(153,153,153);
  background: -moz-linear-gradient(top,  rgba(153,153,153, 0) 0%, rgba(36,36,36,0.5) 80%, rgba(36,36,36,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(153,153,153,0) 0%,rgba(36,36,36,0.5) 80%,rgba(36,36,36,1) 100%);
  background: linear-gradient(to bottom,  rgba(153,153,153,0) 0%,rgba(36,36,36,0.5) 80%,rgba(36,36,36,1) 100%);
}
.hide{
  display: none !important;
}
.form-control:disabled{
  background-color: #afafaf;
}
.header{
  background: #1D1D1D;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid #2d2d2d;
  padding: 10px 0px;
}
.logo{
  float: left;
  margin-right: 50px;
}
.logo img{
  width: 150px;
  padding: 5px 0px;
  margin-top: 2px;
}
/* toggle-menu Click css */
.toggle-menu {
  padding: 2px 5px;
  color: #fff;
  width: 40px;
  height: 36px;
  cursor: pointer;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-top: 2px;
}
.toggle-menu span:after,
.toggle-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
.toggle-menu span:after{ top: 9px;}
.toggle-menu span {
  position: relative;
  display: block;
  top: 12px;
}
.toggle-menu span,
.toggle-menu span:after,
.toggle-menu span:before {
  width: 100%;
  height: 3px;
  background-color: #63ba40;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* toggle-menu on activation */
.toggle-menu.active span { background-color: transparent;}
.toggle-menu.active span:before {transform: rotate(45deg) translate(5px, 5px);}
.toggle-menu.active span:after { transform: rotate(-45deg) translate(7px, -8px);}
.toggle-menu.active + #menu { opacity: 1;}



/*----------------------------
      search css here
-----------------------------*/
.search-area{
  float: left;
  width: 360px;
  position: relative;
}
.search-area .input-group{
    color: #919191;
    border: 2px solid #333;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    min-width: 300px;
}
.search-area .input-group .input-group-addon{
  background: transparent;
  border: 0px;
  padding: 8px;
  padding-right:  12px;
}
.search-area .input-group .form-control{
  background: transparent;
  border: 0px;
  box-shadow: none;
}
.search-area .input-group button{
  border:0;
  background:transparent;
  color: #555555;
  outline: none;
  cursor: pointer;
}
.search-dropdown{
  padding: 10px;
  padding-right: 5px;
}
.search-dropdown a{
  color: #6ac045;
}
.search-dropdown .dropdown-menu{
  background: #1d1d1d;
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}
.search-dropdown .dropdown-item:active{
  background: #fff;
}


/**
 * Avatar Nav
 */
.avatar-nav{
  float: right;
}
.avatar-nav .navbar-nav{
    padding: 0 1rem;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.avatar-nav .nav-item{
  line-height: 25px;
}
.avatar-dropdown{
  cursor: pointer;
}
.display-name{
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0.2em;
  margin-left: 0.5em;
}

.avatar-nav .nav-link{
  color: #cecece;
}
.avatar-nav .nav-link.acc-link{
  padding: 0;
  margin-right: 1.25em;
  line-height: 2.25em;
  display: flex;
  flex-wrap: wrap;
}
.avatar-pic{
  position: relative;
  width: 2.7em;
  height: 2.7em;
  padding: 0.25em;
}
.avatar-pic.premium{
  padding: 0.3em;
}
.avatar-card .avatar-pic{
  width: 4em;
  height: 4em;
  padding: 0.4em;
}
.avatar-card .avatar-pic.premium{
  padding: 0.6em;
}
.avatar-pic .avatar-circle{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5%;
  padding-bottom: 0;
  background: #63ba40;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  overflow: hidden;
  margin-left: -0.04em;
}
.avatar-pic.premium .avatar-circle{
  margin-left: 0.05em;
}
.avatar-pic svg{
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
.avatar-pic:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.avatar-pic.bronze:after{
  background: url('../images/badge/bronze-ring.png') no-repeat center center / contain;
}
.avatar-pic.silver:after{
  background: url('../images/badge/silver-ring.png') no-repeat center center / contain;
}
.avatar-pic.gold:after{
  background: url('../images/badge/gold-ring.png') no-repeat center center / contain;
}
.avatar-pic.platinum:after{
  background: url('../images/badge/platinum-ring.png') no-repeat center center / contain;
}

.avatar-pic.premium-1:after{
  background: url('../images/badge/premium-ring-1.png') no-repeat center center / contain;
}
.avatar-pic.premium-2:after{
  background: url('../images/badge/premium-ring-2.png') no-repeat center center / contain;
}
.avatar-pic.premium-3:after{
  background: url('../images/badge/premium-ring-3.png') no-repeat center center / contain;
}
.avatar-pic.premium-4:after{
  background: url('../images/badge/premium-ring-4.png') no-repeat center center / contain;
}
.avatar-pic.premium-5:after{
  background: url('../images/badge/premium-ring-5.png') no-repeat center center / contain;
}
.avatar-pic.premium-6:after{
  background: url('../images/badge/diamond-ring.png') no-repeat center center / contain;
}

.avatar-pic.admin:after{
  background: url('../images/badge/admin-ring.png?v=1') no-repeat center center / contain;
  left: -9%;
  width: 115%;
  height: 110%;
}
#wp-admin-bar-my-account > a .avatar-pic{
	position: relative !important;
	display: none;
}

.account-dropdown .nav-link:after{
  display: none;
}
.avatar-nav .nav-link:not(.acc-link):not(.acc-coin){
  background: #4e4e4e;
  border-radius: 20px;
  margin-right: 5px;
  margin-top: 3px;
  width: 35px;
  padding-top: 4px;
  padding-bottom: 6px;
  text-align: center;
}
.nav-dot-menu svg,
.nav-message svg,
.nav-notification svg,
.nav-acc svg{
  fill: #fff;
  width: 1.2em;
}
.nav-acc svg{
  width: 0.8em;
}
.avatar-nav .acc-coin{
  padding: 0.2em 0.6em;
  margin-right: 1em;
  background: #3c3c3c;
  border-radius: 2em;
  margin-top: 0.3em;
}
.avatar-nav .acc-coin svg{
  width: 1.5em;
}
.avatar-nav .avatar-card{
  width: 100%;
  color: #d8d8d8;
  display: flex;
  flex-wrap: wrap;
}
.avatar-card .display-name{
  margin-top: 0.5em;
}
.avatar-card .display-name p{
  line-height: 0.5em;
  margin-top: 0.5em;
}
.avatar-card .display-name span{
  text-transform: capitalize;
  font-weight: normal;
}
.avatar-nav .dropdown-menu{
  top: 130%;
  border: 1px solid #464646;
  min-width: 300px;
  padding: 0.5em;
  background: #353535;
  box-shadow: 0 8px 6px -6px #000;
  -webkit-box-shadow: 0 8px 6px -6px #000;
  -moz-box-shadow: 0 8px 6px -6px #000;
}
.avatar-nav .dot-menu-container{
  min-width: 400px;
}
.avatar-nav .dropdown-menu .dropdown-item{
  padding: 0.5em;
  color: #fff;
  border-radius: 0.4em;
}
.avatar-nav .dropdown-menu > .dropdown-item:focus,
.avatar-nav .dropdown-menu > .dropdown-item:active,
.avatar-nav .dropdown-menu > .dropdown-item:hover{
  background: #4c4c4c;
}
.avatar-nav .dropdown-menu > .dropdown-item:not(.avatar-card) span{
  display: inline-block;
  margin-right: 0.5em;
  border-radius: 100%;
  background: #5a5a5a;
}
.avatar-nav .dropdown-menu > .dropdown-item:not(.avatar-card):not(.coin) svg{
  width: 2em;
  fill: #fff;
  padding: 0.5em;
}
.avatar-nav .dropdown-menu > .dropdown-item.coin svg{
  width: 2em;
  padding: 0.1em;
}

.dot-menu-container{
  max-height: 80vh;
  overflow-y: auto;
}
ul.list-taxonomy li.taxonomy-item{
  margin-bottom: 0.3em;
}
ul.list-taxonomy li.taxonomy-item h2{
  background: #444343;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  cursor: pointer;
}
ul.list-taxonomy li.taxonomy-item h2 a{
  color: #8bc34a;
}
ul.list-taxonomy li.taxonomy-item svg{
  width: 1em;
  float: right;
  fill: #fff;
  background: #1d1d1d;
  padding: 0.2em;
  border-radius: 20%;
  -webkit-border-radius: 20%;
  -moz-border-radius: 20%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
ul.list-taxonomy li.taxonomy-item h2:not(.collapsed) svg{
  -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
ul.list-terms li{
  width: 33%;
  text-align: center;
}
ul.list-terms li a{
  background: #2f2f2f;
  display: block;
  margin: 0.1em;
  color: #ff5722;
  padding: 0.2em;
}
ul.list-terms li a:hover{
  background: #3e3e3e;
}
/*----------------------------
      Home text Start here
-----------------------------*/
.home-text{
  text-align: center;
  padding: 50px 0px;
  border-bottom: 1px solid #2d2d2d;
}
.home-text h1.home-title{
  color: #63ba40;
  font-size: 28px;
  margin-bottom: 20px;
}
.home-text p{
  color: #919191;
  font-size: 15px;
  line-height: 28px;
}
span.content-count{
  font-weight: bold;
  color: #f0a53b;
  padding: 0 5px;
}
.warning{
  color: #f54b4b !important;
}
.success{
  color: #63ba40 !important;
}
/*----------------------------
      Slider css Start here
-----------------------------*/

.main-slider{margin-top: 30px;}
.slider-start{position: relative; margin: 0px auto; box-shadow: inset 0 0 3px #000000;-webkit-box-shadow: inset 0 0 3px #000000;-moz-box-shadow: inset 0 0 3px #000000;-ms-box-shadow: inset 0 0 3px #000000;-o-box-shadow: inset 0 0 3px #000000;padding: 3px; background: #242424;}
.slider-start:before{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 80%;max-width:300px;background: #000000;-webkit-box-shadow: 0 15px 10px #000000;-moz-box-shadow: 0 15px 10px #000000;box-shadow: 0 15px 10px #000000;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}


/*----------------------------
      Recent Post Start here
-----------------------------*/
.custom-col{
	padding: 5px;
}
.section-title h2{
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 0px;
  font-weight: bold;
}
.section-title h2 span{
  color: #ff6307;
}
.section-title h2 i,
.front-page-title h2 i{
  color: #6AC045;
  margin-right: 10px;
}
.front-page-title h2{
  color: #ff6307;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 60px;
  padding-bottom: 10px;
}
.front-page-title h2 a{
  color: #6AC045;
}
/* Hover Effect : Brackets */
.front-page-title h2 a::before,
.front-page-title h2 a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}
.front-page-title h2 a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}
.front-page-title h2 a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}
.front-page-title h2 a:hover::before,
.front-page-title h2 a:hover::after,
.front-page-title h2 a:focus::before,
.front-page-title h2 a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

.single-post{
	position: relative;
	width: 100%;
}
.single-post .post-thumbnail{
  position: relative;
  width: 100%;
  margin: 5px;
  padding-top: 130%;
}
.single-post .post-thumbnail a:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100px;
  z-index: 1;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.single-post .post-thumbnail a:after{
  position: absolute;
  opacity: 0;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
    transition: 300ms;
  -o-transition: 300ms;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
}
.single-post .post-thumbnail:hover a:after{
  opacity: 1;
}
.single-post .post-thumbnail img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: rgb(106, 192, 69) 1px solid;
}
.m-quality{
  position: absolute;
  top: 10px;
  left: 8px;
  background-color: #6ac045;
  color: white;
  font-size: 13px;
  line-height: 18px;
  padding: 0px 5px;
  border-radius: 3px;
  display: none;
}
.play-button{
  opacity: 0;
  background: rgba(255,255,255,0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  width: 65px;
  height: 65px;
  line-height: 55px;
  padding-left: 5px;
  border: 6px solid rgba(255,255,255, 0.45);
  color: #ffffff;
  z-index: 3;
  transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
}
.single-post .post-thumbnail:hover .play-button{
  opacity: 1;
}
.m-quality.green{background-color: #6ac045;}
.m-quality.brown{background-color: brown;}
.m-quality.burlywood{background-color: burlywood;}

/**
 * New Hover Effect
 */
.single-post .post-thumbnail a{
  overflow: hidden;
}
.recent-content .single-post .post-thumbnail a{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;

  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}
.recent-content .single-post:hover .post-thumbnail a{
  bottom: 25%;
  z-index: 5;

  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;

  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
}
.recent-content .single-post:hover .post-thumbnail img{
  border: 1px solid #808080;
  border-radius: 10px;
}
.recent-content .single-post .post-description {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 350px;
  top: 35%;
  color: #ffffff;
  z-index: 4 !important;
  background-color: #292929;
  border: 1px solid #2d2d2d;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 0 3px 5px #000000;
  -moz-box-shadow: 0 3px 5px #000000;
  box-shadow: 0 3px 5px #000000;

  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;

  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);

  background-size: cover;
  background-position: center;
}
.recent-content .single-post:hover .post-description{
  opacity: 1;
  visibility: visible;
  top: 30%;

  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}

.post-description .headline{
  padding: 10px 10px;
  padding-top: 40%;
  text-align: center;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.recent-content .post-description .plot{
  border-top: 1px solid #525252;
  display: none;
  background: rgb(0 0 0 / 80%);
}
.m-title{
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: 20px;
  overflow: hidden;
  z-index: 2;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #ffebb0;
}
.post-thumbnail .imdb-rating,
.post-thumbnail .mal-score{
  display: inline-block;
  position: absolute;
  bottom: 30px;
  width: 85px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2;
  font-size: 12px;
  border-radius: 2px;
  color: #262626;
  background: #ffffff;
  font-weight: bold;
}

.post-thumbnail .mal-score{
  width: 90px;
}
.post-thumbnail .imdb-rating b,
.post-thumbnail .mal-score b {
  background-color: #FED500;
  margin-right: 5px;
  padding-left: 3px;
  border-radius: 2px;
  display: inline-block;
  margin-top: -1px;
}
.post-thumbnail.filter-content img{
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px)
}
.post-thumbnail.only-thumbnail{
	border: 1px solid #fff;
}



.owl-carousel .owl-nav{
  display: block !important;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{
  color: transparent;
  width: 0;
  height: 0;
  padding: 0px;
  background-color: transparent;
  position: absolute;
  top: -70px;
  bottom: 0px;
  margin: auto;

}
.owl-carousel .owl-nav .owl-prev{
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #63ba40;
  left: 10px;
}
.owl-carousel .owl-nav .owl-next{
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #63ba40;
  right: 10px;
}
.recommend-slider{
  margin-right: -15px;
  margin-left: -15px;
  overflow-x: hidden;
}
.recommend-slider .post-thumbnail{
  margin: 0px;
}
.owl-carousel .owl-stage-outer:before,
.owl-carousel .owl-stage-outer:after{
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  z-index: 1;
  top: 0;
  pointer-events: none;
}
.owl-carousel .owl-stage-outer:before{
  left: 0;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
}
.owl-carousel .owl-stage-outer:after{
  right: 0;
  background: -moz-linear-gradient(right, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(right, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to left, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
}

.owl-theme .owl-nav [class*=owl-]:hover{color: transparent;background-color: transparent;}

.read-more-link{
  width: 120px;
  background-color: #63ba40;
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-radius: 3px;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  opacity: 0;
  z-index: 1;
}
.read-more-link a{
  float: left;
  text-align: center;
  line-height: 36px;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.single-post:hover .read-more-link{
  opacity: 1;
}


/*----------------------------
      Pagination css Start here
-----------------------------*/

.bottom-pagi{text-align: center; padding: 20px 0px;}
.bottom-pagi, .page-navi{width:100%;height:auto;display:inline-block;text-align:center;vertical-align:middle;margin:0px auto;}
.bottom-pagi .numeric-pagination, .page-navi{padding:10px 0px;}
.page-numbers li span,
.numeric-pagination ul li a{
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-right: 5px;
  border: 1px solid #333;
  text-decoration: none;
  display: inline-block;
  height: 32px;
  padding: 0px 15px 0px 15px;
  background: transparent;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-box-shadow: inset 0px 0px 8px #000000;
  -ms-box-shadow: inset 0px 0px 8px #000000;
  -o-box-shadow: inset 0px 0px 8px #000000;

}
.numeric-pagination ul li{
  display: inline;
}
.page-numbers.current,
.numeric-pagination ul li.active a,
.numeric-pagination ul li a:hover{
  background-color: #63ba40;
  color:#ffffff;
}

/*----------------------------
    upcomming css Start here
-----------------------------*/

.up-coming{
  background: #242424;
  padding: 30px 0px;
  border-top: 1px solid #2d2d2d;
}
.up-commin-title{padding: 10px 0px 30px 0px; text-align: center;}
.single-up-coming{
  padding: 0px;
  border: #63ba40 3px solid;
  border-radius: 3px;
}

.single-up-coming img{
  max-width: 100%;
  width: 100%;
  display: inherit;
}

/*----------------------------
    upcomming css Start here
-----------------------------*/

.footer{
  color: #919191;
  background-color: #1D1D1D;
  background-image: url(../images/footer-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.footer img{max-width: 150px;}
.footer h2{font-size: 20px; line-height: 30px; padding-bottom: 10px;color:#fff;}
.footer-left-one p{font-size: 14px; line-height: 20px; text-align: justify;}
.footer-left-two ul li a, .footer-right-two ul li a{
  color: #919191;
  line-height: 25px;
  text-decoration: none;
  transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
}
.footer-left-two ul li a:hover, .footer-right-two ul li a:hover{color: #63ba40;}
.socila-icon ul li{display:inline;}
.socila-icon ul li a{
  display:inline-block;
  color:#ffffff;
  font-size: 24px;
  margin: 12px 1px 8px 1px;
  transition: color .5s;
  -moz-transition: color .5s;
  -webkit-transition: color .5s;
}
.socila-icon ul li a:hover{color:#63ba40;}
.footer-end{padding: 40px 0px; text-align: center;}
.footer hr{
  border-top: 1px solid #919191;
}
.footer-bar{
  padding-top: 4px;
  background: #2d2d2d;
  box-shadow: 0 4px 5px -5px #000;
  -webkit-box-shadow: 0 4px 5px -5px #000;
  -moz-box-shadow: 0 4px 5px -5px #000;
}
.footer-bar span{
  font-size: 14px;
  margin-left: 6px;
  vertical-align: top;
}
.footer .footer-content{
  background: rgba(0, 0, 0, 0.5);
  padding: 25px 0px;
}
.footer .a-z-list{
  margin-bottom: 40px;
}
.footer .a-z-list > p{
  margin: 20px 0;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.footer .a-z-list > p:first-child{
  font-size: 24px;
  font-weight: bold;
  margin-right: 30px;
  position: relative;
}
.footer .a-z-list > p:first-child:after{
  position: absolute;
  content: "";
  width: 1px;
  background: rgb(125, 125, 125);
  right: -20px;
  top: 4px;
  bottom: 4px;
}
.footer .a-z-list .post-list ul li a{
  margin-right: 3px;
  padding: 0px 13px 0px 13px;
}
.footer .helper-menu{
  display: inline-block;
  width: 49%;
}
.footer .helper-menu a{
  color: #a0a0a0;
  display: block;
  padding-left: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAApVBMVEUAAABku0BluUJjuEdjukBiukBhvENjuUBjuz9jukBjukBjuj9iuEFjuj9jukCAv0Bju0BjukBjuj9jukBptDxttklkukBgv0BjukBlvENhuUFjukBkukBjukBVxjlmuD1jukBjukBluUNjuUFjukBjuj9kuj9ju0BkukBjuz9ku0Biuj9jukBVqlVjukBjukBguj5jukBlukBjukBju0BjukAAAABZymvXAAAANXRSTlMAQDoSZMoq3JXvmLFW8bwE2Hf92hEHXAijJjf75G8JGcj8TGLo5amDl52kvfAGv9sl3zDzqHX6CVEAAAABYktHRACIBR1IAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4gMIChwTehLbQwAAAH1JREFUGNNtzecOglAQROFRbGDBAggqVhSkqci8/6spkEs2xvNvv2SywG8dURdaDxT1B8MRqBuq8WQ6M8F5u14sVxYqsB37e65d6h5q2Gx3/v5w5OmMBnAhgyvp3xQgrH5E96AFxGRipgKy/KFBAqwnFLwK1bsBUQ2lyMCfPrXqFRv6tyTwAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTA4VDEwOjI4OjE5KzAxOjAwJEVaQgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0wOFQxMDoyODoxOSswMTowMFUY4v4AAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 0px center;
}
.footer-site-info{
  text-align: center;
}
.footer-logo{
  margin-bottom: 10px;
}
.footer-count p{
  margin-bottom: 20px;
}
.footer-count p b{
  font-size: 26px;
  color: #63ba40;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 5px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #fff;
}
input:checked + .slider:before{
  background-color: #000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}


/**
 * Single Page
 */
.notification{
    margin:50px 0px; text-align: center;
}
.main-content .container{
    width: 100%; margin: 20px auto;
}
.main-content p{
    color: #8c8c8c;
}
.main-content h2{
    color: #595959;
}
.btn-wrapper{
  position: relative;
  display: inline-block;
  margin-top: 20px;
  margin-right: 10px;
}
.container-subtitle .sub-link,
.btn-wrapper a{
  color: #e2e2e2;
  font-size: 14px;
  background-color: #909090;
  padding: 10px 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  min-width: 230px;
  display: inline-block;
  margin: auto;
}
.container-subtitle .sub-link,
.btn-wrapper a.active{
  color: #fff;
  background-color: #13a9ff;
}
.btn-wrapper .loading{
  position: absolute;
  width: 100%;
  height: 40px;
  float: left;
  top: -3px;
}
.btn-wrapper .loading .lds-ellipsis{
  height: 40px;
}
.btn-wrapper .loading .lds-ellipsis div{
  top: 16px;
  background: #e0e0e0;
}
.container-download,
.down-subtitle{
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.down-subtitle .sub-down-btn{
	background: #6ac045;
	color: #fff;
}
.container-subtitle{
  max-width: 100%;
  justify-content: center;
}
.container-subtitle .sub-link{
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
.container-subtitle .sub-link.active,
.container-subtitle .sub-link:hover{
  background: #6ac045;
}


/**
* ----------------------ajax page list & Loading with css--------------------------
**/
.ajax-call{margin-bottom: 10px;}
.ajax-call span{cursor: pointer; margin-bottom: 5px;}
.loaded-data{min-height: 200px;}
.loading-c{position:relative;}
.xloading{position: absolute; top:80px;left:0;right:0; margin:auto;}

.circle { background-color: rgba(0,0,0,0);border:5px solid rgba(0,183,229,0.9);opacity:.9;border-right:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #2187e7; width:30px; height:30px;margin:0 auto; -moz-animation:spinPulse 1s infinite ease-in-out; -webkit-animation:spinPulse 1s infinite linear;}
.circle1 { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #2187e7;  width:20px; height:20px; margin:0 auto; position:relative; top:-30px; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear;}

@-moz-keyframes spinPulse {
 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
 50% { -moz-transform:rotate(145deg); opacity:1; }
 100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
 0% { -moz-transform:rotate(0deg); }
 100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
 50% { -webkit-transform:rotate(145deg); opacity:1;}
 100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
 0% { -webkit-transform:rotate(0deg); }
 100% { -webkit-transform:rotate(360deg); }
}
/**
* ----------------------end of Loading with css--------------------------
**/





/*----------------------------
    Archive Css
-----------------------------*/
.archive-title h1, .archive-title h2{margin: 40px 0px; text-align: center;}



/*----------------------------
    Search Css
-----------------------------*/

.search{position:fixed; width:100%;float:left; z-index:20;}
.search-inc{width:80%; max-width:800px; margin:0px auto; margin-top:6%;}

.search-holder{background: #262626;float:left; width:100%; height:auto; padding:20px 5%;
box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;-moz-box-shadow: 0px 0px 8px #000000;
-ms-box-shadow: 0px 0px 8px #000000;-o-box-shadow: 0px 0px 8px #000000;
border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
position: relative;}

span.cross{position: absolute; top:-20px; right:-20px; float:left; width:40px; height:40px; background: #262626; color:#00d2ff; font-weight:bold;
border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%; cursor:pointer; line-height:40px; text-align:center;}




/*----------------------------
    Scroll Bar Css
-----------------------------*/
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #1c1c1c;
}
::-webkit-scrollbar{
  width: 8px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.main-content{  margin-top: 50px;}
.cover-left{
  float: left;

}
.post-details-wrapper{
	margin-top: 1.875em;
}
.movie-poster{
  position: relative;
}
.movie-poster img{
	max-width: 100%;
	border: #fff 5px solid;
	border-radius: 3px;
	margin-bottom: 10px;
	height: auto;
}
.movie-poster .imdb{
  font-weight: bold;
  color: #888;
  position: absolute;
  top: 90%;
  left: calc(100% - 200px);
}
.movie-poster .imdb .imdb-score{
  background: #000000d4;
  padding: 0px 10px;
  border-radius: 5px;
}
.movie-poster .imdb img{
  border: none;
  margin: 0;
  padding-right: 5px;
}
.movie-poster .imdb span{
  font-size: 30px;
  color: #fff;
}
.movie-poster .imdb strong{
  color: #ff8507;
  font-size: 18px;
}
.post-counts{
  text-align: center;
  margin-top: 20px;
}
.movie-info h2{
  color: #fff;
  font-size: 35px;
  margin-bottom: 5px;
  line-height: 30px;
}
.movie-info h3{
  font-size: 20px;
  margin-bottom: 10px;
}
.movie-info h3.alt-title{
  line-height: 20px;
  margin-bottom: 5px;
}
.love-btn-wrap{
  display: inline-block;
}
.more-buttons .more-btn{
  -webkit-transition: background 100ms,opacity 100ms;
  transition: background 100ms,opacity 100ms;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  border-radius: 16px;
  font-size: 0.8em;
  padding: 0.375em 2em;
  color: #fff;
  margin-right: 16px;
  white-space: nowrap;
  background: rgba(154,154,154,0.16);
  margin-bottom: 15px;
  box-shadow: 0 5px 5px -5px black;
  -webkit-box-shadow: 0 5px 5px -5px black;
  -moz-box-shadow: 0 5px 5px -5px black;
}
.more-buttons .more-btn:hover{
  background: rgba(255,255,255,0.16);
}
.more-buttons .more-btn svg{
  width: 20px;
  height: 20px;
  margin-right: 2px;
}
.more-buttons .watch-later-btn svg{
  width: 18px;
  height: 18px;
}
.more-buttons .more-btn span{
  vertical-align: top;
  line-height: 18px;
}
.love-btn-wrap .more-btn{
  margin: 0;
}
.love-btn-wrap .more-btn:nth-child(1){
  border-radius: 16px 0 0 16px;
}
.love-btn-wrap .more-btn:nth-child(2){
  border-radius: 0;
}
.love-btn-wrap .more-btn:nth-child(3){
  border-radius: 0 16px 16px 0;
}
.over-view{
  margin-bottom: 10px;
}
.over-view li{
  display: inline-block;
  margin-right: 5px;
}
.over-view li.separator{
  color: #888;
}
.over-view li.genre a{
   color: #ffffff;
}
.sub-trailer .trailer-btn{
  color: #72c33d;
  font-size: 1em !important;
  cursor: pointer;
  position: relative;
  margin-left: 20px;
  margin-right: 0.4em;
}
.sub-trailer .trailer-btn:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f04b";
  position: absolute;
  left: -20px;
  top: 2px;
  background: -moz-linear-gradient(left, #ff0000 0%, #ffbc00 100%);
  background: -webkit-linear-gradient(left, #ff0000 0%,#ffbc00 100%);
  background: linear-gradient(to right, #ff0000 0%,#ffbc00 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}


/**
 * Modals
 * Blur all content when modal opens
 * modal should be outside of wraper
 */
body.modal-open .wrapper{
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}
#trailer-modal .modal-dialog {
  width: 90%;
  max-width: 800px;
}
#trailer-modal .modal-body {
  position:relative;
  padding:0px;
}
#trailer-modal .close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.movie-info h3 a,
.over-view li.genre.single a{
  color: #fff;
}

.more-details li{
  display: block;
}
.more-details li span{
  width: 170px;
}
.post-description .plot{
  padding: 10px;
}
.movie-info .plot{
  margin-top: 20px;
}
.plot p{
  color: #ffffff;
  text-align: justify;
}
.movie-info .about li{
  padding: 3px 0;
  color: #ababab;
}
.movie-info .about span{
  display: inline-block;
  width: 70px;
  font-weight: bold;
}
.headline h2{
  font-size: 22px;
  margin-bottom: 14px;
  line-height: 20px;
}
.headline h3{
  font-size: 14px;
  margin-bottom: 5px;
}
.headline a{
  color: #ffffff;
}
.headline .over-view li{
  font-size: 14px;
}
.morecontent span {
    display: none;
}
.morelink {
  color: #6ac045;
  margin-left: 10px;
}
.morelink:hover{
  color: #fff;
}
#more-content h2,
.widget h4{
  border-bottom: 1px solid #6ac045;
}
#more-content h2 span,
.widget h4 span{
  font-size: 1.4em;
  font-weight: bold;
  color: #ffffff;
  border-bottom: 3px solid #6ac045;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  padding: 0 10px;
  display: inline-block;
}
.widget:not(.no-border){
  border: 1px solid #00bcd4;
  padding: 1em;
  margin-bottom: 0.8em;
}
.widget-icon{
  background: #00bcd4;
  padding: .5em;
  margin-bottom: .5em;
}
.widget-icon svg{
  width: 50px;
  fill: #fff;
}
.widget-title p{
  text-transform: uppercase;
  color: #fff;
}
.widget-content p{
  color: #fff;
}
.movie-archives ul{
  display: table;
  margin-top: 1em;
}
.movie-archives ul li{
  float: left;
  width: 50%;
  text-align: left;
  padding: 10px 10px 10px 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACwUlEQVRIS8VVTWgTURD+Zrdpk2yiUShevYh4MkgSb5qm9VTQ1IuC+IcoeLIHPdhLW1AQRcSbtEgLIsVTEQQ9NDG9+JONml70WrAI/tAGspu0TfNG3ss2TULbNFronnbem5lvvvnmvUdo+KxoOAiNJhkcIIEuX8rMNvrU2nZ3JC6YxwiU08VylyeVna3dp8bgfCwyRIRBuc7AS38iHd8MIB8Lp4jouPJnDPuT6aE6AFmxTtgtF91cmrG09v4qAPO0P2lG/wugsQKZrJYBGNlVuxFIVgxwtJZBXTzzNNUD8DQJ9LOOlEpGHCdBcRDdWJcF82MiSgnwOLHSILqiucbXABsAVBLmy76kOS5/8z2hKARNElFgPQBmzkHjPv9URhVkxcKXQDS26suNDKpJGLMgzgEU3Kz/a3ucBVMAhP21/hsDbC1rU68qAAhBKWbTiFYcnJxKZBnXbBxbya30c/I2BVg8dvRAuY3VQSJBbzy/rV+FfcaFypCJbx53LlNY2nte2eCv3qT5riUAqztyEYCaKhKi11taem93eObVwIFHfKABG/hTGUA88SfT11sECJ8D02hlhNFn8PJHW2v/UakYT71FfdD2lOecczPqS5jqzGy5Ra32ftV/QwC7K9IL8BHp6HUv3LeXdx0koZ+Sts7liQ7MzxWo81YlEX/yLrreFtwrNx0GGSOZeb0pg3wsPEJEV6WTQeWAzbq8TbdPg3wscgfgsxLAJwrBomacKIMfSLuNccVd0L5YhvjstGLCJ0oPLc2VqTDAc3/CVFf9TmoQOik0CikG7Qt37eKeQ6zjtLRdJe1Zh/bzu6V3DkhbY5jeYtuU5V25rWxQ2kikX+2wBt3hYTDOOBqECrrRI5jvKQ2Aa25by1qGSDs9f+Erlx5ZmuuDw2DCSKaHd0SDw0Tbe5syQ74lM3VP5r+e2o3i5HvwFyg6tZqTxcO3AAAAAElFTkSuQmCC) no-repeat center left;
  background-size: 18px;
}
.movie-archives ul li a{
  color: #888;
}
.movie-archives ul li a:hover{
    color: #6ac045;
}
.tranding-items{
  padding: 10px 0;
}
.tranding-items a{
  text-decoration: none;
  margin-bottom: 10px;
  background: rgb(93 93 93 / 20%);
  box-shadow: 0 3px 3px -3px black;
  -webkit-box-shadow: 0 3px 3px -3px black;
  -moz-box-shadow: 0 3px 3px -3px black;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}
.tranding-items .entry-thumb{
  margin-right: 10px;
}
.tranding-items .entry-thumb img{
  max-width: 60px;
  margin-bottom: -4px;
}
.tranding-items .entry-content h5{
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
.tranding-items .entry-meta{
  position: relative;
  height: calc(100% - 22px);
}
.tranding-items .entry-date{
  position: absolute;
  bottom: 5px;
  font-size: 0.8em;
  color: #737373;
  display: block;
}
.tranding-items .star-ratings,
.main-playlist .details .ratings{
  background-repeat:  repeat-x;
  background-size: 11px 25px;
  font-size: 0;
  height: 11px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 5px 0;
}
.tranding-items .star-ratings-rating,
.main-playlist .details .ratings-percent{
  background-repeat:  repeat-x;
  background-position: 0 100%;
  background-size: 11px 25px;
  float: left;
  height: 11px;
  display: block;
}
.tranding-items .star-ratings,
.tranding-items .star-ratings-rating,
.main-playlist .details .ratings,
.main-playlist .details .ratings-percent{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAyCAYAAABYiSsbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMy0xMS0wOFQxNjowNjowNy0wNjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTMtMTEtMDhUMjI6MDY6MjEtMDY6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTMtMTEtMDhUMjI6MDY6MjEtMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QkU2Qzc5NDBFNjExRTNCRkUzOTBCNTA2ODJEQjM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QkU2QzdBNDBFNjExRTNCRkUzOTBCNTA2ODJEQjM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdCRTZDNzc0MEU2MTFFM0JGRTM5MEI1MDY4MkRCMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdCRTZDNzg0MEU2MTFFM0JGRTM5MEI1MDY4MkRCMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4blWSSAAADhUlEQVR42tRXQU8aQRSenQWWFUUEm/RQk8abp9qYir+ARj0Jrdc24aIe/DFi0nqQu016aOXopYf24skEWy9tGuoFzAKxwMKyQL9HgW5k2V1lPXSSl3379puPN2/eTD6Eo6Mj5mQEg8EFel5fX38zxjc3N03xnDkcsizHYQmneEfEHo+Heb3eBCxOvmvEyHQej6dkPd814oSxJK4Qi6LIfD7fgAx+gmJjEyPDR3hEDaFoL2a9L4FAgIVCISYIwigMZWv8KAC/AUtZEQvo4yR2ei8SiUxg19k4o9lsMkVRarqu71IpDuEsFQqFs0qlcmdSmkscxIVDc9iv8UWn01kpl8sp/GKn3W47JiQszcHcfeIA6UW3xgZMHbarquqJpmnpcDgckSTJkrTRaLBisai0Wq0kCD/YdcVHABer1eonu2wJQ9ibpFbtdomWSjtoxTRILx33MbWe3++3vXCsMHxEJpMgj/XfsSkMm8NKpVLXNyQQy2QyU7chXqeE+r2JNqqjnXZQ0234KsX6SQO75oi4V4Z4b3OI9BxEz/D6BvYW/jJiWfpmVQ5uUjcZy11Db9LSD+AvI5w1QLKIRekbYeCvHh8fy7bEnPNYPp/X0c8v8LoFq5kkRLEtwhAWc54PXUImvfkQjyewnIOD9x59fIo5q7bEGAe3uSPQxzmzOZzd0xCMfenmuLeM/z9iIfMyNBbB+rvSeBn7vbxrrpdiRhYXyFwnDsmeOMxdUSh5BDbh5QlYnHzXiJHpQBT2fHeIZwwlgO+OKPSJAgv4+IAMfoJiYxNj6UOisBezFoWzAQ+bC0mMj05iSBTOhXwbsJTdyUv6PXxvPiJNyN7xTrjabLMfSqNW19t/RSGcpYuCelaoNO9MSnOJg7hwzP+JwnaHrfwqa6nvSr2jt53f0YSlOZi7TxwgNReFZbV1UtPU9OOwFJmSrP8S/G602M9iQ9FanSQI7UUhgItKVbcVhYQh7E1SS1GIlko7aMU0SJ2LQg41FPSLtheOFcaUeFoWJ9HXA1FIe5krayxXajDjvhLmy+sHzkUh7t2BKKTeRBvVryrNnauqvg1fpVj//gfWmSikEzjtF7t3A4iI9BxEA1EIfxmxLH3rrm5EObhJ3SAK2RpOEC39AEsfEoWIRekbYYBd/fxq1l4UerkQ+5pX9ZKq24pCwhAWc+xFIZZ4K1GIPj7FnCFR+EeAAQAmX9FOK3vyIwAAAABJRU5ErkJggg==);
}
.top-users .entry-item > a{
  padding: 0.3em;
}
.top-users .entry-item .rank{
  color: #ff5722;
}
.top-users .entry-item .coin{
  color: #ffc107;
}
.video-section{
  width: 80%;
  margin: auto;
}
.video-section h2{
  color: #919191;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.video-container{
  padding: 5px;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 250px;
  overflow: hidden;
  margin-bottom: 0.3em;
  background-color: #1d1d1d;
  box-shadow: 0 8px 6px -6px #000000;
  -webkit-box-shadow: 0 8px 6px -6px #000000;
  -moz-box-shadow: 0 8px 6px -6px #000000;
}
.video-container iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#player-loader{
  display: none;
}
.video-container .banner{
  position: relative;
  min-height: 300px;
  aspect-ratio: 16 / 9;
}
.video-container .banner img{
  max-width: 100%;
  cursor: pointer;
  margin-bottom: -4px;
}
.video-container .banner img.vbanner{
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: block;
}
.video-container .banner img.vplay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(225,225,225,0.6);
  -webkit-box-shadow: 0 0 0 0 rgba(225,225,225,0.6);
  -moz-box-shadow: 0 0 0 0 rgba(225,225,225,0.6);
  -webkit-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.coinpulse{
  box-shadow: 0 0 0 0 rgba(225,225,225,0.4);
  -webkit-box-shadow: 0 0 0 0 rgba(225,225,225,0.4);
  -moz-box-shadow: 0 0 0 0 rgba(225,225,225,0.4);
  -webkit-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
.video-container .banner:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.6);
  cursor: pointer;
}

.video-container .video-player{
  display: none;
}
.video-player .iframe{
  padding-top: 56%;
  background: #1e1e1e;
  position: relative;
}
.video-player .iframe:before{
  position: absolute;
  content: "Loading! Please Wait...";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;

}
.plyr__poster{
  background-size: cover;
}
.video-section .controls{
}
.video-section .controls li {
  display: inline-block;
}
.video-section .controls li.btn-controls {
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}
.video-player-under{
  text-align: center;
  background: #2f2f2f;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -ms-box-shadow: inset 0 0 3px #000000;
  -o-box-shadow: inset 0 0 3px #000000;
}
.video-player-under p {
  color: #fff;
  padding-top: 5px;
}

/**
 * Subtitle Log
 */
.subtitle-info-log{
	float: left;
	margin-left: 0.4em;
  margin-bottom: 0.4em;
  font-size: 0.8em;
}
.subtitle-info-log a{
	color: #72c33d;
	margin: 0 0.5em;
}
.subtitle-info-log .zloading svg{
	width: 18px;
	height: 18px;
}
/**
 * Local Subtitle
 */
#local-subtitle{
  text-align: right;
}
#local-subtitle a {
  text-decoration: none;
  color: #6ac045;
  text-transform: uppercase;
  margin-right: 10px;
  position: relative;
}
#local-subtitle a:first-of-type::after{
	position: absolute;
    content: '';
    top: 4px;
    right: -10px;
    border-right: 2px solid #a6d80c;
    height: 12px;
    width: 1px;
}
#file-local-subtitle{
  position: absolute;
  top: -9999px;
}

/**
 * Season/Episode Wrapper
 */
.season-wrapper {
  margin: 10px;
}
.season-wrapper > .nav-tabs{
  margin-top: 30px;
  border-bottom: 1px solid #333;
}
.season-wrapper > .nav-tabs > li > a.active{
  color: #6ac045;
  background-color: #272727;
  border: 1px solid #333;
  border-bottom: 1px solid #272727;
}
.season-wrapper .nav-tabs > li > a{
  color: #919191;
  padding: 10px 30px;
}
.season-wrapper > .tab-content{
    padding: 10px;
    background-color: #272727;
    border: 1px solid #333333;
    border-top: none;
}
.season-wrapper .list-episodes .episodes{
  position: relative;
  min-width: calc(10% - 10px);
  margin: 0 5px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 13px;
  background-color: #525252;
  padding: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  word-spacing: 0.32em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: center;
}
.season-wrapper .list-episodes .episodes.sub{
  background: #673ab7;
}
.season-wrapper .episodes i{
  width: 0.875em;
  font-size: 1.1em;
}
.season-wrapper .list-episodes .episodes:hover,
.season-wrapper .list-episodes .episodes.active{
  background-color: #6ac045;
}
.season-wrapper .list-episodes{
  margin: 20px 0 5px;
}
.season-wrapper .nav-tabs .nav-link:hover:not(.active){
  border: 1px solid #242424;
  border-bottom: 1px solid #333;
}

/**
 * Config Options
 */
.vid-option-select{
  min-width: 12em;
  position: relative;
  display: inline-block;
  margin-right: 1em;
  min-height: 2em;
  max-height: 2em;
  overflow: hidden;
  top: 0.5em;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #444;
  outline: none;
  border: 0.06em solid transparent;
  border-radius: 1em;
  background-color: #cde4f5;
  transition: 0.3s all ease-in-out;
}



/**
 * More Episode (Pagination)
 */
.epi-more-wrap .epi-more-btn{
  padding: 4px 10px;
  margin: 5px;
  display: inline-block;
  color: #8a8a8a;
  border-bottom: 5px solid #525252;
  text-decoration: none;
  font-weight: bold;
  background: #333333;
  min-width: 110px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.epi-more-wrap .epi-more-btn.active,
.epi-more-wrap .epi-more-btn:hover{
  border-bottom: 5px solid #6ac045;
}

/**
 * Download Button
 */
.download-wrapper{
  position: relative;
  margin-top: 30px;
  height: 100px;
/*  height: 0px;
  opacity: 0;
  visibility: hidden;*/
}
.download-wrapper .down-info-text{
  text-align: center;
  text-transform: uppercase;
}
.download-wrapper .down-btn{
  position: absolute;
  bottom: 10px;
  right: calc(50% - 115px);
  width: 230px;
  height: 60px;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.075), rgba(255, 255, 255, 0.045));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.075), rgba(255, 255, 255, 0.045));
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 1px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 60px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.67, 0.13, 0.1, 0.81), transform 0.15s cubic-bezier(0.67, 0.13, 0.1, 0.81);
}
.download-wrapper .down-btn:hover {
  right: calc(50% - 200px);
  width: 400px;
}
.download-wrapper .down-btn .default-text, .download-wrapper .down-btn .alter-text {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.67, 0.13, 0.1, 0.81);
}
.download-wrapper .down-btn .alter-text{
  top: -60px;
  opacity: 0;
}
.download-wrapper .down-btn:hover .alter-text {
  top: 0px;
  opacity: 1;
}
.download-wrapper .down-btn:hover .default-text {
  top: 60px;
  opacity: 0;
}

/**
 * Download
 */
#download-modal .modal-content,
#change-avatar-modal .modal-content,
#change-avatar-bg-modal .modal-content{
  background: #2d2d2d;
  border: 1px solid #404040;
  box-shadow: 0 2px 10px #000000;
  -webkit-box-shadow: 0 2px 10px #000000;
  -moz-box-shadow: 0 2px 10px #000000;
}
#download-modal .modal-header,
#change-avatar-modal .modal-header{
  border-bottom: 1px solid #191919;
  position: relative;
}
#download-modal .modal-title,
#change-avatar-modal .modal-title{
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#download-modal .modal-header .close,
#change-avatar-modal.modal-header .close{
  color: #c1c1c1;
}
#download-modal .modal-header .close:hover,
#change-avatar-modal .modal-header .close:hover{
  color: #8a8a8a;
}
#download-modal .down-srv-wraper li{
  text-align: center;
}
#download-modal .down-srv-wraper li p{
  display: inline-block;
  padding: 10px;
  background: #6ac045;
  width: 60%;
  text-transform: capitalize;
  color: #ffffff;
  margin: 10px 0;
  cursor: pointer;
  border: 1px solid #3e3e3e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 8px 6px -6px #191919;
  -webkit-box-shadow: 0 8px 6px -6px #191919;
  -moz-box-shadow: 0 8px 6px -6px #191919;
  transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
}
#download-modal .down-srv-wraper li p:hover{
  color: #ffe79d;
}

.d-flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/**
 * Page
 */
.page-content h4{
  font-size: 23px;
  font-size: 1.4375rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}
.page-content p{
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  color: #dcdcdc;
}
.page-content ul{
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  list-style: initial;
  margin-left: 1em;
}
/*----------------------------
    Comments Css
-----------------------------*/
.more-comments{
  margin-top: 50px;
}
.more-comments .nav-tabs{
  border-bottom: 1px solid #333;
}
.more-comments .nav-tabs > li > a{
  color: #ffffff;
  text-transform: uppercase;
}
.more-comments .nav-tabs > li > a:hover{
  border-color: transparent;
}
.more-comments .nav-tabs > li:first-child > a{
  margin-left: 20px;
}
.more-comments .nav-tabs > li > a.active{
  color: #6ac045;
  background-color: #242424;
  border: 1px solid #333;
  border-bottom: 1px solid #242424;
}
.more-comments .tab-content{
  padding: 20px 0;
}
.comment-section{
  padding: 20px;
  background: #1d1d1d;
  border-radius: 5px;
  border: 1px solid #333333;
  overflow: hidden;
}
.comment-section h2{
  color: #6ac045;
  font-size: 26px;
  margin-bottom: 25px;
}

.commentlist, .pinglist { margin-bottom: 20px; }
.commentlist li, .pinglist li { padding-left: 70px; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 20px;}
.commentlist .comment-body, .pinglist li { clear: both; position: relative; padding-bottom: 15px; }
.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation { font-size: 14px; display: block; float: left; line-height: 20px; }
.commentlist .comment-author { margin-right: 6px; }
.commentlist .comment-metadata { display: inline-block; }
.movie-info h2 a.translate-post,
.commentlist .comment-metadata .comment-edit-link{ text-indent: -9999px; display: inline-block; }
.movie-info h2 a.translate-post:before,
.commentlist .comment-metadata .comment-edit-link:before {
  content: '\f044';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: 4%;
  position: absolute;
  margin-left: 12px;
  text-indent: 9999px;
}
.commentlist .fn a{ color: #72b6ff !important; font-size: 16px; font-style: normal; font-weight: 600; text-transform: uppercase; }
.commentlist .says { display: none; }
.commentlist .avatar-pic,
.commentlist .avatar {
  position: absolute;
  left: -70px; top: 0;
  width: 60px;
  height: 60px;
  padding: 0.35em;
}
.commentlist .avatar-pic.premium{
  padding: 0.4em;
}
.commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; margin-right: 3px; vertical-align: 4%; }
.commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
.commentlist .reply { font-size: 16px; }
.commentlist .reply a {
  color: #aaa;
  padding: 4px 15px;
  background: #2d2d2d;
  transition: background 1s;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.commentlist .reply a:hover { color: #fff; background: #6ac045; }
.comment-awaiting-moderation { color: #333; font-style: normal; }

/* pings */
.pinglist li { padding-left: 0; }

/* comment text */
.commentlist .comment-body p { margin-bottom: 8px; color: #fff; clear: both; padding: 10px 0; }
.commentlist .comment-body strong { font-weight: bold; }
.commentlist .comment-body em { font-style: italic; }
.commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; }
.commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; }

/* post author & admin comment */
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { background: #333; display: block; position: absolute; content: "\f303"; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; }
.commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; /* star for admin */ }
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 8px; padding: 2px; border-radius: 100%; }
.commentlist li li.bypostauthor > .comment-body:after,
.commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 1px; border-radius: 100%; }

/* child comment */
.commentlist li ul {  }
.commentlist li li { padding-left: 48px; margin: 0; }
.commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; }
.commentlist li li .comment-meta { left: 70px; }

/*  comments : nav
/* ------------------------------------ */
.comments-nav { margin-bottom: 20px; }
.comments-nav a { font-weight: 600; }
.comments-nav .nav-previous { float: left; }
.comments-nav .nav-next { float: right;  }

/*  comments : form
/* ------------------------------------ */
.logged-in-as,
.comment-notes,
.form-allowed-tags { display: none; }
#respond { position: relative; }
#respond input[type=text], textarea {
  padding: 15px;
  background: #2f2f2f;
  border: 1px solid #242424;
  outline: none;
}
#respond label{clear: both; display: block; padding-bottom: 10px;}
#reply-title { margin-bottom: 20px; }
li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; }
#cancel-comment-reply-link { color: #ff3f3f; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 16px; text-decoration-color: none; }
#cancel-comment-reply-link:hover { }
#commentform { margin-bottom: 15px; }
#commentform p.comment-form-author { width: 48%; float: left; }
#commentform p.comment-form-email { width: 48%; float: right; }
#commentform p.comment-form-url,
#commentform p.comment-form-comment { clear: both; }
#commentform label { padding: 6px 0; font-weight: 600; display: block; }
#commentform input[type="text"],
#commentform textarea { max-width: 100%; width: 100%; }
#commentform textarea { height: 100px; color: #fff; }
.logged-in #reply-title { margin-bottom: 20px; }
.logged-in #commentform p.comment-form-comment { margin-top: 10px; }
.logged-in #commentform p.comment-form-comment label { display: none; }

#commentform p.form-submit { margin-top: 10px; }
#add-support-reply,
#submit {
  padding: 15px 30px;
  border: 1px solid #242424;
  outline: none;
  background: #292929;
  box-shadow: 0 8px 6px -6px #000000;
  -webkit-box-shadow: 0 8px 6px -6px #000000;
  -moz-box-shadow: 0 8px 6px -6px #000000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  color: #6ac045;
  font-weight: bold;
  cursor: pointer;
}
#add-support-reply:active,
#submit:active{
  border: 1px solid #404040;
  transform: translateY(4px);
  box-shadow: 0 4px 6px -6px #000000;
  -webkit-box-shadow: 0 4px 6px -6px #000000;
  -moz-box-shadow: 0 4px 6px -6px #000000;
}


/**
 * Loading Css
 */

.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 55px;
  padding: 5%;
  display: none;
}
.loader {
  position: relative;
  top: -15px;
  right: 20px;
  margin: 0 auto;
  width: 30px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
.movie-info h2 a.translate-post{
  font-size: 0.6em;
  vertical-align: top;
  color: #7a7a7a;
}
#video-loader{
  position: absolute;
  width: 60px;
  height: 60px;
  border: 5px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}


#s{
  color: #cecece;
}
.ajax-output {
    display: none;
    margin-top: 11px;
    position: absolute;
    background: #1d1d1d;
    padding: 10px;
    z-index: 3;
    margin-top: 10px;
    border: 1px solid #2d2d2d;
    border-top: none;
    box-shadow: 0 6px 6px -6px black;
    width: 100%;
}
.ajax-output li{
  display: table;
  width: 100%;
  margin-bottom: 5px;
  background: #292929;
  -webkit-transition: background 0.5s;
     -moz-transition: background 0.5s;
          transition: background 0.5s;
}
.ajax-output li:hover{
  background: #3c3c3c;
}
.ajax-output li a{
  color: #cecece;
  font-size: 14px;
  text-decoration: none;
  display: block;
  padding: 5px;
}
.ajax-output li a img{
  width: 35px;
  height: auto;
  float: left;
  margin-right: 10px;
  padding-bottom: 4px;
}
.search-details h2{
  font-size: 1.2em;
}
.search-details p span{
  display: inline-block;
  font-size: 0.75em;
}
.search-details .search-imdb{
  background: url(//www.cdnzone.org/asset/images/logo-imdb.svg) no-repeat;
  padding-left: 30px;
  background-size: contain;
  margin-top: 2px;
}
.search-details .search-mal{
  background: url(//www.cdnzone.org/asset/images/logo-mal.png) no-repeat;
  background-size: contain;
  padding-left: 15px;
}
.search-details .search-year{
  margin: 5px 5px;
  padding: 2px 5px;
  background: #3a3a3a;
  color: #6ac045;
  font-weight: bold;
  border-radius: 2px;
}
.search-details .search-type{
  padding: 2px 5px;
  background: #2f2f2f;
  color: #e7711b;
  font-weight: bold;
  border-radius: 2px;
}
.search-details .search-type.tv_series{
  color: #ffd400;
}
.search-details .search-type.anime{
  color: #c000ff;
}
.main-content p.possible-deadlink{
  color: red;
  margin-top: 20px;
}


/**
 * Ads
 */
 .promo-contents{text-align: center; padding-top: 40px; width: 100%; overflow: hidden;}
 .promo-contents-left{position: absolute; top :65px; left: 10px;}
 .promo-contents-right{position: absolute; top :65px; right: 10px;}
 @media only screen and (max-width: 660px) {
    .promo-contents-left, .promo-contents-right{display: none;}
 }

 /**
  * Single Page Pagi
  */
.page-navigation{
  margin: 20px 0px;
  text-align: center;
}
.page-navigation .nav-next,
.page-navigation .nav-previous{
  width: 50%;
  display: inline-block;
}
.page-navigation .post-navigation h2{
  display: block;
  font-size: 26px;
  margin-bottom: 20px;
  border-bottom: 1px solid #303030;
  padding-bottom: 10px;
}
.page-navigation .post-navigation a{
  color: #595959;
  width: 94%;
  display: block;
  padding: 15px 3%;
}
.page-navigation .post-navigation a:hover{
  background: #303030;
  color: #fff;
  text-decoration: none;
}

#total-views{
    float: left;
    color: #8c8c8c;
}
#menu-item-9120 a{
  color: #63ba40;
}

#tab-review h4{
  color: #6ac039;
  margin-bottom: 10px;
}

#tab-review p{
  margin-bottom: 10px;
}

/**
 * Loading Animations
 */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/**
 * Notice
 */
.notice{
  text-align: center;
  margin: 20px auto;
  padding: 20px;
  background: #1d1d1d;
  width: 60%;
  border: 1px solid #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: inset 0 0 5px #151515;
  -webkit-box-shadow: inset 0 0 5px #151515;
  -moz-box-shadow: inset 0 0 5px #151515;
}

/**
 * Request
 */
#list-request .request-item.card{
  background: #333;
}
#list-request .request-item > a{
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
#list-request .request-item > a:after{
  position: absolute;
  top: 40%;
  right: 15px;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
#list-request .request-item > a:not(.collapsed)::after{
  transform: rotate(-180deg);
}
#list-request .request-item .thumbnail{
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 58px;
}
#list-request .request-item .requested-by{
  margin-left: auto;
  margin-right: 30px;
}
#list-request .request-item .avatar-pic{
  width: 3.5em;
  height: 3.5em;
}
#list-request .request-item .avatar-pic{
  margin-left: auto;
}
#list-request .request-item .avatar-pic.premium{
  padding: 0.5em;
}
#list-request .request-item .request-body{
  border-top: 1px solid #525252;
}
#list-request .request-item .plus-requester svg{
  width: 2.4em;
  height: 2.4em;
  padding: 0.5em;
  background: #242424;
  border-radius: 100%;
}
#list-request .request-item .vote-msg svg{
  width: 1.5em;
  margin: 0 0.4em;
}
.search-existing-request .search-box{
  min-width: 40%;
  border: 2px solid #333;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  position: relative;
}
#search-existing{
  width: 100%;
  background: transparent;
  border: 0px;
  box-shadow: none;
  outline: none;
  color: #919191;
}
.search-existing-request .search-box button{
  position: absolute;
  top: 0;
  right: 5px;
  width: 35px;
  height: 35px;
  border: none;
  background: transparent;
  padding: 0.5em;
  outline: none;
  cursor: pointer;
}
.search-existing-request .search-box button svg{
  fill: #555555;
}
#list-request .request-item .status{
  background: #464646;
  color: #fff;
  padding: 0 5px;
  border-radius: 2px;
}
#list-request .request-item .status.processing{
  background: #ff5722;
}
#list-request .request-item .status.completed{
  background: #4caf50;
}
.request-item img{
  max-width: 100%;
}

/**
 * Padding & Margin
 */
.p10{
  padding: 10px;
}
.p5{
  padding: 5px;
}


/**
 * Error
 */
.err-msg{
  background: red;
  color: #fff !important;
}

/**
 * Countdown
 */
.schedule-text.inside, .schedule-time.inside{
  text-align: center;
}
.schedule-text.inside{
  font-size: 22px;
  font-weight: bold;
}
.schedule-text.inside span{
  color: #82ea55;
}
.schedule-time.inside .countdown div{
  display: inline-block;
  margin-left: 10px;
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  color: #FFFFFF;
  margin: 10px 20px;
  height: auto;
  padding-bottom: 15px;
}
.schedule-time.inside .countdown div:first-child {
    margin-left: 0;
}
.schedule-time.inside .countdown div span{
  display: block;
  font-size: 18px;
  /* margin-top: -10px; */
  font-weight: normal;
  text-align: center;
  background: #6ac045;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border-radius: 25px;
}

#info-modal .modal-content,
#request-modal .modal-content,
#new-support-ticket .modal-content{
  background-color: #252525;
  box-shadow: 0 8px 6px -6px #131313;
  -webkit-box-shadow: 0 8px 6px -6px #131313;
  -moz-box-shadow: 0 8px 6px -6px #131313;
}
#info-modal .modal-header,
#request-modal .modal-header,
#new-support-ticket .modal-header{
  background-color: #6ac045;
  border-bottom: 1px solid #7fda58;
  color: #ffffff;
}
#info-modal .modal-header p{
  text-align: center;
  width: 100%;
}
#info-modal .modal-body .gavatar{
  text-align: center;
  margin: 10px 0;
}
#info-modal .modal-body .gavatar svg{
  max-width: 200px;
}
#info-modal .modal-body p.price-tag{
  text-align: center;
  margin: 15px 0;
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px solid #c6ff00;
}
#info-modal .modal-body p.buy-notice{
  text-align: center;
}
#info-modal .modal-footer,
#request-modal .modal-footer,
#new-support-ticket .modal-footer{
  border-top: 1px solid #2b2b2b;
}
.modal-header .close{
  outline: none;
}
#info-modal.user-cover .modal-content{
  max-height: calc(100vh - 60px);
  overflow: hidden;
}
#info-modal.user-cover .modal-body{
  overflow-x: hidden;
  overflow-y: auto;
}
#info-modal.user-playlist .modal-dialog{
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: auto;
  min-height: 100%;
  margin: 0;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
#info-modal.user-playlist.fade:not(.show) .modal-dialog {
  left: -400px;
}
#info-modal.user-playlist.fade.in .modal-dialog{
  left: 0;
}
#info-modal.user-playlist .modal-footer{
  display: none;
}
#info-modal.user-playlist .modal-content{
  min-height: 100vh;
}
#info-modal.user-playlist *{
  border-radius: 0;
}
.btn-primary,
.btn-primary.disabled{
  background-color: #c6ff00;
  border-color: #f8ffde;
  color: #444444;
}
.btn-primary:hover,
.btn-primary:active{
  background-color: #ebffa8 !important;
  border-color: #f8ffde !important;
  color: #444444 !important;
}
.btn-primary.disabled{
  color: #444444 !important;
}
.btn-primary.v2{
  background-color: #ad8612;
  border-color: #ffc107;
  color: #ffffff;
}
.btn-primary.v2:hover,
.btn-primary.v2:active{
  background-color: #e0ae19 !important;
  border-color: #ffc107 !important;
  color: #ffffff !important;
}
#info-modal .patreon-message,
#info-modal .confirm-step-2,
#info-modal .confirm-step-3{
  display: none;
}
#more-content h2{
  margin: 20px 0;
  padding-right: 100px;
  display: inline-block;
}
#more-content .item-cast{
  width: 110px;
  text-align: center;
  margin: 5px;
}
#more-content .item-cast img{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
#more-content .item-cast a{
  color: #b3b3b3;
  text-decoration: none;
}

/**
 * Push Sidebar
 */
.wrapper{
  transition: margin-left .5s;
}
.wrapper.active{
  margin-left: 250px;
}
.push-sidebar{
  padding-top: 60px;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
}
.push-sidebar.active{
  width: 250px;
}
.logo.active{
  display: none;
  position: fixed;
  top: 15px;
  left: 0;
  z-index: 10;
  width: 250px;
  text-align: center;
}
.push-sidebar > ul{
  border-top: 1px solid #444;
  padding-top: 20px;
}
.push-sidebar > ul > li > a{
  position: relative;
  padding: 10px 5px;
  padding-left: 50px;
  display: block;
  color: #a5a5a5;
  font-size: 1.1em;
  min-width: 225px;
  border-left: 5px solid #111;
  text-decoration: none;
  transition: 0.5s;
}
.push-sidebar > ul > li.current-menu-item a,
.push-sidebar > ul > li > a:hover{
  background: #2f3335;
  border-left: 5px solid #63ba40;
}
.push-sidebar > ul > li > a:before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 8px;
  left: 20px;
  font-size: 1.2em;
}

/**
 * Menu Items and Icons
 */
#menu-item-525 a:before{
  content: "\f015";
}
#menu-item-16589 a:before{
  content: "\f008";
}
#menu-item-526 a:before{
  content: "\f26c";
  font-size: 1em;
  top: 10px;
}
#menu-item-527 a:before{
  content: "\f504";
}
#menu-item-19022 a:before{
  content: "\f217";
}
#menu-item-24767 a:before{
  content: "\f059";
}
#menu-item-25472 a:before{
  content: "\f07c";
}

/**
 * User Profile
 */
.profile-header{
  margin: 40px 0 10px;
  border-radius: 12px;
  background-color: #1d1d1d;
  box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.5);;
  -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.5);;
}
.profile-header .profile-cover{
  position: relative;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  min-height: 300px;
  /*height: 40vh;*/
  padding-bottom: 28%;
}
.profile-header .profile-cover a{
  float: right;
  padding: 0.5em;
  margin: 0.5em 0.5em 0 0;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  border-radius: 0.3em;
  background: rgb(0 0 0 / 50%);
}
.profile-header .profile-cover a svg{
  width: 1.5em;
  fill: #fff;
}
.profile-header .profile-cover .zloading{
  float: right;
  margin-top: 0.8em;
  margin-right: 0.5em;
  background: rgb(54 54 54 / 80%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.profile-header .profile-cover .zloading.cover-save{
  position: absolute;
  bottom: 0.8em;
  right: 9.5em;
}
.profile-header .profile-cover a:hover{
  background: rgb(112 76 23 / 50%);
}
#save-cover-image{
  position: absolute;
  bottom: 1em;
  right: 1em;
  background: #63ba40;
}
.user-avatar{
  position: relative;
  padding-top: 60px;
  text-align: center;
}
.user-avatar .avatar-pic{
  width: 10em;
  height: 10em;
  padding: 1em;
}
.user-avatar .avatar-pic.premium{
  padding: 1.5em;
}
.user-avatar-center{
  position: absolute;
  left: 50%;
  top: -7em;
  margin-left: -5em;
  width: 10em;
  height: 10em;
  display: flex;
  justify-content: center;
}

.user-avatar .user-display-name{
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 20px;
  color: #d4d4d4;
}
.profile-header .profile-info{
  position: relative;
  padding-bottom: 1.25em;
}
.profile-header .user-stats{
  position: absolute;
  top: 60px;
  left: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.user-stat.big {
  padding: 0 30px;
}
.user-stats .user-stat {
  position: relative;
}
.user-stat {
  padding: 0 24px;
  text-align: center;
}
.user-stats .user-stat:not(:last-child):after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #565656;
  position: absolute;
  top: 8px;
  right: 0;
}
.user-stat.big .user-stat-title {
    font-size: 1.375rem;
}
.user-stat .user-stat-title {
    font-size: .875rem;
}
.user-stat .user-stat-text, .user-stat .user-stat-title {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.user-stat.big .user-stat-text {
    font-size: .75rem;
}
.user-stat .user-stat-text {
    margin-top: 10px;
    color: #adafca;
    font-size: .6875rem;
}
.user-stat svg{
  width: 28px;
  padding: 0.3em 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.user-stat .user-stat-text, .user-stat .user-stat-title {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.profile-header .profile-actions{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 60px;
  right: 40px;
}
.profile-header .profile-actions .profile-action.button{
  width: 180px;
  margin-right: 16px;
  color: #ffffff;
}
.profile-header .profile-actions .profile-action.button:last-child{
    margin-right: 0;
}
.button.secondary {
    background-color: #615dfa;
    box-shadow: 4px 7px 12px 0 rgba(97,93,250,.2);
}
.button.primary {
    background-color: #23d2e2;
    box-shadow: 4px 7px 12px 0 rgba(35,210,226,.2);
}
.button {
    display: inline-block;
    height: 48px;
    border-radius: 10px;
    background-color: #3e3f5e;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    box-shadow: 3px 5px 10px 0 rgba(62,63,94,.2);
}
.profile-navigation{
  margin-top: 16px;
  height: 80px;
  padding: 0 43px;
  position: relative;
}
.profile-menu-item{
  float: left;
  width: 122px;
  height: 80px;
  position: relative;
  margin-bottom: 0.5em;
}
.profile-menu-item:not(:last-child):after{
  content: "";
  width: 1px;
  height: 20px;
  background-color: #eaeaf5;
  position: absolute;
  top: 30px;
  right: 0;
}
.profile-menu-item svg{
  position: absolute;
  fill: #adafca;
  opacity: .6;
  top: 30px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
}
.profile-menu-item.active,
.profile-menu-item:hover{
  border-bottom: 4px solid #63ba40;
}
.profile-menu-item:hover svg{
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  fill: #fff;
}
.profile-menu-item .profile-menu-item-text{
  width: 100%;
  color: #3e3f5e;
  font-size: .875rem;
  font-weight: 700;
  text-align: center;
  top: 34px;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,-webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
}
.profile-menu-item:hover .profile-menu-item-text{
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
  visibility: visible;
  color: #fff;
}
.profile-menu-item.active svg{
  fill: #fff;
}
.profile-menu-item.active .profile-menu-item-text{
  color: #fff;
}
.dropdown-menu-title h2{
  font-size: 20px;
  font-weight: bold;
  color: #ffc107;
  text-transform: uppercase;
}
.avatar-nav p{
  color: #fff;
  margin-bottom: 0.2em;
}
.avatar-nav p .coin-balance{
  float: right;
  padding: 0 0.3em;
}
.message-container{
  padding: 40px 10px !important;
  color: #fff;
  text-align: center;
}
.notification-container .menu-title{
  margin-bottom: 1em;
}


.under-dev{
  margin: 50px 0 100px;
  text-align: center;
}
.under-dev h2{
  font-size: 30px;
  font-weight: bold;
  color: #63ba40;
}

/**
 * Edit Profile
 */
.translate-post-content,
.user-settings-section,
.edit-profile-section{
  margin: 50px 0;
  background-color: #313131;
  box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.3);
  margin-right: -15px;
  margin-left: -15px;
  border-top: 5px solid #63ba40;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.user-settings-section .d-flex,
.edit-profile-section .d-flex{
  min-height: 80%;
}
.user-settings-section h4,
.edit-profile-section h4{
  font-size: 1.3em;
}
.reseller-dashboard .avatar-pic,
.change-profile-avatar .avatar-pic{
  width: 10em;
  height: 10em;
  padding: 1em;
}
.reseller-dashboard .avatar-pic.premium,
.change-profile-avatar .avatar-pic.premium{
  padding: 1.5em;
}
.change-profile-avatar .edit-avatar svg,
.color-box svg{
  width: 1.5em;
  padding-left: 0.2em;
  fill: #ffffff;
}
#bg-colorpicker{
  outline: none;
}
.reseller-dashboard .avatar-pic{
	margin:auto;
}
/**
 * Pricing
 */
.subscription-title h2{
  text-transform: uppercase;
  font-weight: bold;
}
.premium-pricing .regular-tables{
  margin: 1.5em 0;
}
.premium-pricing .card{
  min-height: 580px;
  background-color: #333;
  box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}
.premium-pricing .card .list-group-item{
  background-color: transparent;
}
.premium-pricing .card img{
  width: 6em;
  height: auto;
  margin-top: -4em;
}
.premium-pricing .card.platinum img,
.premium-pricing .card.premium img,
.premium-pricing .card.diamond img{
  width: 8em;
}
.premium-pricing .card svg{
  width: 2em;
  font-size: 0.5em;
  margin-top: -0.25em;
}
.premium-pricing .card .btn{
  min-width: 80%;
}
.premium-pricing .card ul li svg{
  fill: #6ac045;
  margin-right: 1em;
  position: absolute;
  left: 0;
}
.premium-pricing .card ul li.cross svg{
  fill: red;
}
.premium-pricing .card ul li.list-group-item{
  padding: 0.5rem 1.25rem;
  position: relative;
  padding-left: 2em;
}
/**
 * Avatars
 */
.list-avatars li,
.user-avatar-list li{
  width: 9%;
  margin: 0.5em 0.5%;
  text-align: center;
}
.list-avatars svg,
.user-avatar-list svg{
  width: 100%;
  background: #fff;
  padding: 1%;
  border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  cursor: pointer;
}
.list-avatars svg:hover{
  background: #e1d1ff;
}
.user-avatar-list li.item-avatar.selected svg{
  background: #8bc34a;
}
.list-avatars li p.price{
  margin-top: 5px;
  line-height: 25px;
}
.list-avatars li p.price svg{
  width: 25px;
  background: transparent;
}
.user-avatar-list .get-more-avatar,
.avatar-menu .nav-item .nav-link{
  color: #6ac045;
}
.user-avatar-list .get-more-avatar:hover,
.avatar-menu .nav-item .nav-link:hover,
.avatar-menu .nav-item.active .nav-link{
  color: #8bc34a;
}
.user-tooltip{
  cursor: pointer;
}
.user-tooltip:hover svg{
  fill: #63ba40;
}
.edit-profile-section .message-box{
  display: none;
}

/**
 * Loading
 */
.zloading{
	display: none;
}
.zloading svg {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
    height: 30px;
  	width: 30px;
  	margin: auto;
}


.post-thumbnail:hover .m-title,
.post-thumbnail:hover .mal-score,
.post-thumbnail:hover .imdb-rating{
  display: none;
}
.description-buttons button{
  cursor: pointer;
  outline: none;
  border: none;
  margin: 0 5px 5px;
  border-radius: 2px;
  padding: 2px 10px;
  color: #ffffff;
}
.description-buttons button.trailer-btn{
  background: #6ac045;
}
.description-buttons button.storyline-btn{
  background: #2196f3;
}
.ongoin-status{
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  z-index: 3;
  color: #fff;
}
.ongoin-status p {
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.75em;
  text-transform: uppercase;
  background: #673ab7;
  margin-bottom: 0.2em;
  padding: 0 6px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 6px 6px -6px black;
  -webkit-box-shadow: 0 6px 6px -6px black;
  -moz-box-shadow: 0 6px 6px -6px black;
}
.ongoin-status p.complete{
  background: #63ba40;
}
.benefit-box{
  margin-bottom: 1.5em;
}
.benefit-box .benefit-inner{
  background: #07121b;
  width: 100%;
  height: 100%;
  padding: 10% 5%;
  border: 1px solid #03a9f4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 8px 6px -6px black;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
}

/**
 * Admin Bar
 */
#wpadminbar ul li:last-child .ab-item .avatar-pic{
  float: right;
  width: 25px;
  display: inline;
  margin-left: 5px;
}
#wp-admin-bar-user-info .avatar-pic{
  position: absolute;
  left: -72px;
  top: 4px;
  width: 64px !important;
  height: 64px;
}

/**
 * Support Ticket
 */
.get-coin-section .ad-box,
.support-content {
  position: relative;
  width: 100%;
  background: #2b2b2b;
  color: #fff;
  border-radius: 2px;
  margin-bottom: 25px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}
.support-content .list-group-item{
  background: #2b2b2b;
  border: 1px solid #5a5a5a;
}
.support-content .support-status{
  font-weight: bold;
  color: #ff5722;
}
.support-content .new-reply .support-status{
  font-weight: bold;
  color: #8bc34a;
}
.support-content .grid-body {
  padding: 15px 20px 15px 20px;
  font-size: 0.9em;
  line-height: 1.9em;
}

/* SUPPORT TICKET */
.support-content h2 {
  margin-top: 5px;
}

.support-content .list-group li {
  padding: 15px 20px 12px 20px;
}

.support-content .list-group li:hover {
  background: #404040;
}

.support-content .fa-padding .fa {
  padding-top: 5px;
  width: 1.5em;
}

.support-content .info {
  color: #777;
  margin: 0px;
}

.support-content a {
  color: #fff;
}
.support-content .info a:hover {
  text-decoration: underline;
}
.support-content .info svg{
  width: 1.2em;
  fill: #fff;
  margin-left: 0.5em;
}
.entry-header .info a{
  color: #e0e0e0;
}
.support-content .supprt-title strong{
  font-size: 1.25em
}
.top-users .avatar-pic,
.support-content .avatar-pic{
  width: 4em;
  height: 4em;
  margin-right: 1em;
  display: table;
}
.top-users .avatar-pic.premium,
.support-content .avatar-pic.premium {
    padding: 0.5em;
}
.top-users .avatar-pic.bronze,
.support-content .avatar-pic.bronze{
  padding: 0.35em;
}
#request-modal input,
#request-modal select,
#new-support-ticket input,
#request-modal textarea,
#new-support-ticket textarea{
  color: #fff;
  border: none;
  background: #3a3a3a;
  box-shadow: inset 0 0 10px #2d2d2d;
  -webkit-box-shadow: inset 0 0 10px #2d2d2d;
  -moz-box-shadow: inset 0 0 10px #2d2d2d;
  border: 1px solid #4e4e4e;
}
#request-modal textarea,
#new-support-ticket textarea{
  height: 120px;
  height: 30vh;
  min-height: 120px;
}
#request-modal .response-msg,
#new-support-ticket .response-msg{
  display: none;
}
.form-check-label{
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.membership-inputs .form-check-label{
  padding-left: 0;
}
.form-check-label input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-check-label .checkmark{
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}
.form-check-label:hover input ~ .checkmark {
  background-color: #ccc;
}
.form-check-label input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form-check-label input:checked ~ .checkmark:after {
  display: block;
}
.form-check-label .checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.support-replay .comment-form-comment label{
  display: none !important;
}
.support-replay #respond{
  display: none;
}
.support-replay .commentlist li{
  border-bottom: 1px solid #3a3a3a;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.label-danger {
    background-color: #d9534f;
}
.hidden{
  display: none;
}
.req-search-result{
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  background: #242424;
  border: 1px solid #444343;
}
.req-search-result img{
  width: 2em;
  height: auto;
}
.req-search-result li{
  border-bottom: 1px solid #444343;
}
.get-coin-section .ad-box .ad-item{
  width: 100%;
  background-color: #5f5f5f;
}
.get-coin-section .ad-box .ad-item p{
  color: #fff;
}
.get-coin-section .ad-box .ad-item svg{
  max-width: 2em;
}
.earn-log:nth-child(odd) {
  background: #673ab7;
}
.earn-log span{
  min-width: 100px;
  text-align: center;
}
.ref-link input{
  padding: 8px 20px;
  outline: none;
  background: #404040;
  color: #fff;
  border: 2px solid #1d1d1d;
  box-shadow: inset 0 0 2px #000000;
}
.download-buttons form button{
  min-width: 280px;
}
.or-divider{
  text-align: center;
}
.or-divider:after,
.or-divider:before {
    content: "";
    display: block;
    background: grey;
    width: 30%;
    height:1px;
    margin: 0 10px;
    max-width: 200px;
}
.download-pricing p span{
  display: inline-block;
  background: #353535;
  padding: 3px 10px;
  margin: 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.download-pricing p.ph{
  color: #dedede;
  font-size: 1.3em;
}
.text-pulse{
  color: #ffc107;
  -webkit-animation: TXTPUSLE 1s infinite;
  -moz-animation: TXTPUSLE 1s infinite;
  animation: TXTPUSLE 1.25s infinite;
  background: #424040;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.nav-pills .nav-link {
    border-radius: .25rem;
    text-transform: uppercase;
    padding: 1em 0;
    margin-right: 0.5em;
    max-width: 100%;
    background-color: #616161;
    color: #ffffff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #6ac045;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.cover-tabcontent img{
  max-width: 100%;
  cursor: pointer;
}
.cover-tabcontent .cover-img-item{
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
}
.cover-tabcontent .cover-img-item button.check{
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  z-index: 2;
  padding: 0.1em;
  border: 0;
  outline: 0;
  top: 0;
  right: 0;
  background-color: #6ac045;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6ac045;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6ac045;
  -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6ac045;
  display: none;
}
.cover-tabcontent .cover-img-item.selected button.check{
  display: block;
}
.cover-tabcontent .cover-img-item button.check svg{
  fill: #ffffff;
}
.nav-notification,
.nav-message{
  position: relative;
}
.notification-count{
  position: absolute;
  top: -2px;
  right: -14px;
  padding: 0 10px;
  background: red;
  z-index: 10;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.user-notification li .avatar-pic{
  float: left;
  margin-right: 0.8em;
}
.user-notification li a{
  text-decoration: none;
  margin-bottom: 0.5em;
  display: block;
}
.user-notification li a p{
  margin: 0;
}
.user-notification li a span{
  color: gray;
}
.notification-container .menu-body{
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes TXTPUSLE{
   0%{ color: #63ba40; }
  110%{ color: #ffc107; }
}

/* Internet Explorer */
@-moz-keyframes TXTPUSLE{
  0%{ color: #63ba40; }
  110%{ color: #ffc107; }
}

/* Standard Syntax */
@keyframes TXTPUSLE{
  0%{ color: #63ba40; }
  110%{ color: #ffc107; }
}
.user-comments .navigation{
  display: none;
}
.complete-ad-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgb(50 50 50 / 80%);
}
.login-back-cointainer{
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 250px;
  color: #ffffff;
  padding: 0.8em;
  font-size: 14px;
  z-index: 9999999999 !important;
  height: auto;
  background: #444444;
  box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
#user-login-back {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  font-size:14px;
  margin: 2px 1px;
  cursor: pointer;
  padding: 5px 15px;
  text-align: center;
  outline: none;
}

/**
 * Friends
 */
.friend-list-container{
  background: #1d1d1d;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
  -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
  display: table;
  width: 100%;
}
.friend-list-container .friends-nav a{
  color: #dc7a15;
  font-weight: bold;
}

/**
 * PlayList
 */
.playlist-btn{
  position: fixed;
  bottom: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.playlist-btn a{
  display: block;
  color: #63ba40;
}
.playlist-btn svg{
  max-width: 100%;
}
.user-playlist .main-playlist img{
  max-width: 60px;
  z-index: 1;
  padding: 3px;
}
.user-playlist .main-playlist a{
  margin-bottom: 10px;
  text-decoration: none;
  background: rgb(93 93 93 / 20%);
  box-shadow: 0 3px 3px -3px black;
  -webkit-box-shadow: 0 3px 3px -3px black;
  -moz-box-shadow: 0 3px 3px -3px black;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  overflow: hidden;
  color: #ffffff;
}
.user-playlist .main-playlist .details{
  width: calc(100% - 60px);
  padding-left: 0.5em;
  z-index: 1;
}
.user-playlist .main-playlist .details p{
  font-size: 1.125em;
  font-weight: bold;
  margin-top: 0.2em;
}
.user-playlist .main-playlist li{
  position: relative;
}
.user-playlist .main-playlist li .delete-btn{
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  width: 1.6em;
  font-weight: bold;
  font-size: 0.9em;
  border: 1px solid #252525;
  color: #7c7c7c;
  padding: 0.2em;
  display: block;
  text-align: center;
  background: #313131;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  box-shadow: 0 3px 3px -3px black;
  -webkit-box-shadow: 0 3px 3px -3px black;
  -moz-box-shadow: 0 3px 3px -3px black;
  cursor: pointer;
  transition: color 1s;
  z-index: 10;
}
.user-playlist .main-playlist li .delete-btn:hover{
  color: #fff;
}
.user-playlist .main-playlist li a.deleting{
  overflow: hidden;
  position: relative;
}
.user-playlist .main-playlist li a.deleting:before{
    content: "";
    position: absolute;
    z-index: 0;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
}
.user-playlist .main-playlist li a.deleting::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #313131;
  border-radius: 5px;
}
.user-playlist .modal-body{
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.demo-notice{
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  background: red;
  padding: 20px 0;
  font-size: 1.5em;
}
.demo-notice span{
  color: #ffeb3b;
  font-weight: bold;
}
.select-subtitle-lang.premium{
	height: 15em !important;
}
#search-reseller-user .zloading{
	top: 0;
	right: 0;
}
.user-search-result{
	display: none;
}
/* .link-18, .link-4k{
	border-radius: 3px !important;
}
.link-18{
	background: #e347ff !important;
}
.link-4k{
	background: #6ac045 !important;
} */

/* Ribbon */
.ribbon-container{
	width: 100%;
    display: block;
    position: relative;
}
.ribbon-top-left {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 10;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.toast.warning-message{
	position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
	background-color: rgb(255, 89, 89);
}
.toast.warning-message.show{
	z-index: 10;
}
.toast.warning-message .toast-header{
	background-color: rgb(255, 184, 184, .85);
	color: #ffffff;
    text-transform: uppercase;
	text-align: center;
}
.toast.warning-message .toast-header button{
	outline: none;
}

.modal-body ol{
	margin-left: 2em;
	list-style: auto;
}

.btn-width{
	width: 45%;
    max-width: 160px;
}
.app-btn {
  text-align: left;
  font-family: "Lucida Grande", sans-serif;
  text-transform: uppercase;
}
.app-btn i {
  width: 20%;
  text-align: center;
  font-size: 28px;
  margin-right: 7px;
}
.app-btn .small-txt{
	font-size: 0.7em;
    line-height: 0.7em;
}
.big-txt {
  font-size: 1.2em;
  text-transform: capitalize;
}


#servers {
    text-align: center;
    margin-top: 2em
}

#servers .sv-desc {
    margin-bottom: .9rem
}

#servers .servers {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background: #0f0f0f;
    border-radius: 2rem;
    position: relative;
    z-index: 3
}

#servers .servers .server {
    float: left;
    padding: 9px 20px;
    border-radius: 2rem;
    cursor: pointer;
    color: #888;
    transition: all .4s;
    font-weight: 600;
    background: 0 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
    justify-content: center
}

#servers .servers .server i {
    font-size: 1.2rem;
    margin-left: 4px;
    line-height: 1
}

#servers .servers .server:nth-child(odd) {
    background: #0a0a0a
}

#servers .servers .server.active,#servers .servers .server:hover {
    color: #0f0f0f
}

#servers .servers .server.active {
    background: #72c33d
}

#servers .servers .server:hover {
    background: #72c33d
}

#servers .servers .server+.server {
    margin-left: 3px
}
#servers .lang-selection{
  background: #212020;
  padding: 15px;
  position: relative;
  transition: background 0.5s;
}
#servers .lang-selection.active{
  background: #292929;
}
#servers .lang-selection .lang-btn{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 15px;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
#servers .lang-selection.active .lang-btn{
  color: #72c33d;
}
#servers .lang-selection .lang-btn i{
  margin-right: 8px;
}
.season-wrapper .list-episodes .episodes a{
  color: #fff;
  text-decoration: none;
}
.season-wrapper{
  margin: 2em 0;
}
.anime-season-wrapper li{
  display: inline-block;
  margin: 2em 0.5em;
  position: relative;
}
.anime-season-wrapper li p{
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 60%;
  background: rgb(0 0 0 / 60%);
  border: 2px solid #212020;
}
.anime-season-wrapper li:hover p,
.anime-season-wrapper li.active p{
  border: 2px solid #72c33d;
}
.episode-input{
  display: inline-block;
  width: 80px;
  margin: 5px;
  height: 36px;
  border: 0;
  border-bottom: 5px solid #6ac045;
  background: #333333;
  text-align: center;
  color: #ffffff;
  box-shadow: inset 0 0 4px #1e1e1e;
  -webkit-box-shadow: inset 0 0 4px #1e1e1e;
  -moz-box-shadow: inset 0 0 4px #1e1e1e;
}
/**
 * PlayList Delete Rotate
 */
@-webkit-keyframes rrotate {
  100% {
    -webkit-transform: rotate(1turn);
  }
}

.btn.how-to-download{
  color: red;
  margin: 0 auto;
  width: 170px;
  display: block;
}
.row.howtodownload iframe{
  width: 100%;
  height: 80vh;
}


@keyframes rrotate {
  100% {
    transform: rotate(1turn);
  }
}
/**
 * Max Width 1599px
 */
@media screen and (max-width: 1599px){
    #trailer-modal .modal-dialog {
        max-width: 1000px;
    }
    .single-post .post-thumbnail {
        margin: 3px;
        padding-top: 135%;
    }
}

/**
 * Max Width 1365px
 */
@media only screen and (max-width: 1365px) {
    #trailer-modal .modal-dialog {
        max-width: 800px;
    }
    .single-post .post-thumbnail {
        margin: 0;
        padding-top: 140%;
    }
}

/**
 * Max Width 1199px
 */
@media only screen and (max-width: 1199px) {
    .main-menu ul a {
        font-size: 13px;
        padding: 10px 5px;
    }
    .logo{
        margin-right: 10px;
    }
    .search-area{
        width: 300px;
    }
    .option-container{
      width: 32%;
    }
    .more-buttons .more-btn{
      padding: 0.375em 1.75em;
    }
    .list-avatars li, .user-avatar-list li{
      width: 11%;
    }

    .profile-header .user-stats,
    .profile-header .profile-actions{
      position: relative;
      margin-top: 1em;
      top: auto;
      left: auto;
      right: auto;
    }
}

/**
 * Max width 991px
 */
@media only screen and (max-width: 991px){
    .header-sections{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .header-sections:first-child{
        margin-bottom: 10px;
    }
    .notice{
        width: 100%;
    }
    .video-section{
        width: 100%;
    }
}

/**
 * Max Width 768px
 */
@media only screen and (max-width: 768px) {
  .player-options .option-container {
      width: 100%;
  }
  .post-details-wrapper .movie-info{
    text-align: center;
  }
  .list-avatars li, .user-avatar-list li{
    width: 15%;
  }


  .recent-content .single-post:hover .post-thumbnail a{
    bottom: 0;
  }
  .recent-content .single-post .post-description{
    display: none;
  }
  .ongoin-status p{
    font-size: 0.6em;
  }
  .post-details-wrapper .row{
    justify-content: center;
  }
  .schedule-time.inside .countdown div{
    font-size: 30px;
    margin: 10px;
  }
  .avatar-nav .acc-coin{
    display: none;
  }

}

/**
 * Max Width 580px
 */
@media only screen and (max-width: 580px) {
  .container {
    max-width: 480px;
  }
  .logo {
      display: none;
  }
  .option-container {
    width: 60%;
  }
  .video-container,
  .video-container .banner{
    min-height: 150px;
  }
  .player-options{
    width: 50%;
  }
  .player-options .opt-wraper{
    padding-top: 3em;
  }
  .player-dots{
    right: 6px;
      top: 15px;
  }
  .player-options .opt-auto-close{
    bottom: 5px;
    padding: 5px;
    font-weight: normal;
    letter-spacing: normal;
  }
  .list-avatars li, .user-avatar-list li{
    width: 19%;
  }

  .avatar-nav .nav-link.acc-link{
	  display: none !important;
  }

  #servers .servers .server{
    float: initial;
  }
  #servers .servers .server+.server{
    margin-left: 0;
  }

}

/**
 * Max Width 480px
 */
@media only screen and (max-width: 480px) {
  .container {
    max-width: 360px;
  }
  .custom-col{
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .search-area {
      width: 250px;
  }
  .search-area .input-group {
      min-width: 250px;
  }
  .toggle-menu{
      margin-right: 10px;
  }
  .avatar-nav .display-name{
      display: none;
  }
  .avatar-nav .nav-link.acc-link{
    margin-right: 0;
  }
  .option-container {
    width: 80%;
  }
  .list-avatars li, .user-avatar-list li{
    width: 24%;
  }
}


/**
 * Mobile first Media query Css
 * Min Width 1600
 */
@media screen and (min-width: 1340px){
  .container {
      max-width: 1280px;
  }
}
@media screen and (min-width: 1440px){
  .container {
      max-width: 1360px;
  }
}
@media screen and (min-width: 1600px){
    .container {
        max-width: 1580px;
    }
    .col-mx-3{
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .season-wrapper .list-episodes .episodes{
        min-width: calc(8.33% - 10px);
    }

    #trailer-modal .modal-dialog {
        max-width: 1200px;
    }
}


@media only screen and (max-width: 1199px) and (min-width: 576px) {
  .post-description .headline{
    padding-top: 28%;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 1200px){
  .post-description .headline{
    padding-top: 34%;
  }
}