/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("font/montserrat-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("font/montserrat-v15-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("font/montserrat-v15-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */ url("font/montserrat-v15-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("font/montserrat-v15-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("font/montserrat-v15-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("font/montserrat-v15-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("font/montserrat-v15-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("font/montserrat-v15-latin-700.woff2") format("woff2"), /* Super Modern Browsers */ url("font/montserrat-v15-latin-700.woff") format("woff"),
    /* Modern Browsers */ url("font/montserrat-v15-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */ url("font/montserrat-v15-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}

:root {
  --body: #fff;
  --text: #666;
  --link: #000;
  --link-hover: #6428de;
  --primary: #0a5acd;
  --dark: #000;
  --light: #fff;
  --gray: #eee;
  --gray-light: #fafafa;
  --gray-dark: #999;
  --success: #00c853;
  --danger: #f53131;
  --warning: #f8cc32;
  --size: 1rem;
  --space: 0.9375rem;
  --family: "Montserrat", sans-serif;
  --grid: 130px;
}

:root #body.on {
  --body: #0f0c13;
  --text: #9184a5;
  --link: #fff;
  --link-hover: #0a5acd;
  --primary: #284cde;
  --gray: #141423;
  --gray-light: #1f1a26;
  --gray-dark: #16121d;
}

@media (min-width: 768px) {
  :root {
    --grid: 150px;
  }
}

@media (min-width: 992px) {
  :root {
    --grid: 170px;
  }
}

@media (min-width: 1200px) {
  :root {
    --space: 0.875rem;
  }
}

@media (min-width: 1440px) {
  :root {
    --grid: 210px;
  }
}

/*Reset*/
*,
:before,
:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
}

body {
  margin: 0;
  font: 300 var(--size) / 1.8 var(--family);
  overflow-x: hidden;
  word-wrap: break-word;
  background-color: #080f28;
  color: var(--text);
}

hr {
  border: 0;
  margin: calc(2 * var(--size)) 0;
  clear: both;
  overflow: hidden;
  height: 1px;
  background-color: var(--gray);
}

[hidden],
.hdd {
  display: none;
}

img,
svg {
  vertical-align: middle;
  max-width: 100%;
}

:focus {
  outline: 0;
}

a {
  text-decoration: none;
  color: var(--link);
}

a:hover {
  color: var(--link-hover);
}

table {
  width: 100%;
}
/* Estilos del SEO */
.seopelispedia h1, h2, h3, h4, h5, h6 {
  font-size: 1.1rem;
}
.seopelispedia p {
font-size: 0.9rem;
}

.title-2 > span {
  font-size: 20px;
  max-width: 210px;
  overflow: hidden;
  color: #fff;
  margin-left: 10px;
}
/* Estilos para Widgets */
.Wdgt {
    position: relative;
    z-index: 0;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}
.Wdgt:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 10px;
    opacity: .1;
    z-index: -1;
    background-color: #362a46;
}
/* Estilos categorias del widget */
.widget_categories>ul {
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
}
.Wdgt>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
@media screen and (max-width: 48em){
	
.widget_categories>ul>li {
    width: calc(50% - 5px);
	}}
@media screen and (max-width: 62em){
.widget_categories>ul>li {
    float: left;
    margin-right: 5px;
	}}
.widget_categories li {
       list-style: none;
}
.widget_categories>ul li {
    margin-bottom: 0.5rem;
    position: relative;
    text-align: right;
    padding: 0 1rem;
    line-height: 30px;
    border-radius: 15px;
    font-size: .625rem;
    transition: .2s;
    height: 30px;
}

.widget_categories>ul li {
    background: #1f192a!important;
}
.widget_categories>ul li a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: left;
    padding-left: 1rem;
    padding-right: 3rem;
    font-size: .875rem;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* Estilos de la clase TpMv */
.TPost.C .post-thumbnail .TpMv {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
    padding: 1px 5px;
    display: flex;
    flex-wrap: wrap;
    left: 5px;
    text-transform: uppercase;
}
.TpMv.BgA {
    background: rgba(0,0,0,.5);
}
.TpMv {
    color: white;
    border-radius: 10px;
    line-height: 20px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.6rem;
    font-weight: 700;
    margin-top: -2px;
    text-transform: uppercase;
}
/*Estilos para las banderas de idioma */

.post .post-thumbnail .idm {
    width: 20px;
    vertical-align: text-bottom;
    position: relative;
    display: none;
    margin-left: 2px;
}
/*Css para aparecer una clase */
.post .post-thumbnail .idCast {
    display: block;
}
.post .post-thumbnail .idLAT {
    display: block;
}
.post .post-thumbnail .idSUB {
    display: block;
}
/*Aqui termina el CSS para los idiomas */
.index-module__persist_mobile___1mocY {
    list-style: none;
}
.index-module__searchForm__transparent___1lvTS {
    background: rgb(15 12 19 / 52%);
    border: 1px solid #0f0c13;
}
	p.sinepi {
    display: none;
}
.index-module__searchForm___zrGWE {
    width: 100%;
    height: 32px;
    background: #090e21ab;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    transition: all .3s;
    opacity: 0;
    border: 1px solid #0f0c13;
}
.index-module__searchForm___zrGWE label {
    width: 0;
    height: 0;
    overflow: hidden;
}
.index-module__searchForm___zrGWE input {
    background: 0 0;
    border: 0!important;
    width: 90%;
    height: 100%;
    font-size: 14px;
    padding-left: 5px;
    outline: none;
    color: #fff;
}
.index-module__searchForm___zrGWE button {
    height: 100%;
    width: 20px;
    border: 0;
    background: 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.logo img {
    width: 136px;
    height: 32px;
    position: relative;
    top: -2px;
}
.principal {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 300px;
    grid-template-columns: 2fr 300px;
    grid-template-areas: "main sidebar";
    grid-gap: calc(1.5 * var(--space));
}}
@media (min-width: 768px){
.slick-track {
    height: auto!important;
}
.latest-movies .post {
    padding-top: 20%!important;
}
}
/*Estilos para hover en las peliculas*/
.TPost .play {
    width: 3em;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-left: 0.15em;
    box-shadow: 3px 1em 5em 20px rgb(0 0 0);
}

.TPost .play {
    opacity: 0;
}
.tac {
    text-align: center!important;
}
.poa {
    position: absolute;
}
.primary-bg {
    background-color: #1f192ac2;
    border: 1px solid #1f192a;
}
.white-co {
    color: #00bcd4;
}
.trs {
    transition: .3s;
}
.TPost:hover .play {
    opacity: 1;
}

.TPost:hover .play {
    transform: scale(1);
}
/*aqui termina*/
.list-players {
  display: none !important;
}
.entry-contente p {
  color: #d4d4d4;
  font-size: 14px;
  height: 74px;
  overflow: hidden;
}
.latest-movies .post {
  padding-top: 40vh !important;
}
.seopelispedia {
    padding: 14px;
  margin: 40px;
}
.seosingle {
    font-size: 0.8rem!important;
    color: #9184a5;
}

.latest-movies .post {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  max-width: 80%;
  flex-direction: column;
  text-shadow: 0 0 1px #000;
}
h3.seosingle {
  font-size: 1.3rem!important;
}
.estrenox {
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 20px;
  background: #ee6a00;
  color: #000;
  font-weight: 700;
  text-shadow: none;
  margin-left: 7px;
  text-transform: uppercase;
  position: relative;
  bottom: 4.5px;
} 
.material-symbols-outlined 
{ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48 } 
.durationx {
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 20px;
  background: #ee6a00;
  color: #000;
  font-weight: 700;
  text-shadow: none;
  margin-left: 7px;
  text-transform: uppercase;
  position: relative;
  bottom: 4.5px;
}
li.current.pork:hover {
  background: black;
}
@media (max-width: 600px) {
  .latest-movies .post {
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  .principal {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 300px;
    grid-template-columns: 2fr 300px;
    grid-template-areas: "main sidebar";
    grid-gap: calc(1.5 * var(--space));
  }

  .entry-titlee {
    display: inline-block;
  }
  .estrenox {
    bottom: 8.5px;
  }
  .durationx {
    bottom: 8.5px;
  }
}
/*Typography*/
.title,
[class*="-title"],
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: calc(3 * var(--size) + 1vw + 1vh);
}

h2 {
  font-size: calc(2 * var(--size) + 1vw + 1vh);
}

h3 {
  font-size: calc(1.5 * var(--size) + 1vw + 1vh);
}

h4,
h5,
h6 {
  font-size: var(--size);
}

/*Layout*/
#aa-wp {
  min-height: 100vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
}

.cont {
  margin: 0 auto;
  padding-left: var(--size);
  padding-right: var(--size);
  width: 100%;
  max-width: 1442px;
}

/*space*/
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
fieldset {
  margin: 0 0 var(--size);
}

figure,
nav ul,
[class*="-list"],
[class*="-nav"] {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

[class*="align"] {
  margin-bottom: var(--size);
}

.alignleft {
  margin-right: var(--size);
}

.alignright {
  margin-left: var(--size);
}

/*Forms*/
button,
input,
select,
textarea {
  font: inherit;
  width: 100%;
  vertical-align: middle;
  line-height: normal;
  text-transform: none;
  overflow: visible;
}

fieldset {
  border: 1px solid transparent;
  padding: var(--size);
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  border: 0;
  padding: var(--size);
}

label {
  display: inline-block;
  padding: 0.875rem 0;
  line-height: 1.25rem;
}

label[for] {
  cursor: pointer;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/*input*/
input,
textarea,
select {
  display: block;
  padding: calc(0.5 * var(--size)) var(--size);
  width: 100%;
  line-height: 2rem;
  background-color: var(--body);
  color: var(--text);
  border-radius: 0.2rem;
  border: 1px solid var(--gray);
}

input:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 1.5rem var(--gray);
  box-shadow: 0 0 1.5rem var(--gray);
}

.inp .ico {
  display: block;
  position: relative;
  color: var(--text);
}

.inp .ico > * {
  padding-right: 4rem;
}

.inp .ico > textarea + i {
  bottom: auto;
  top: 0.5rem;
}

.inp .ico > *:focus + i {
  opacity: 1;
  color: var(--primary);
}

.inp .ico > i {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  opacity: 0.5;
  pointer-events: none;
  font-size: 1.5rem;
  padding: 0;
}

input.sm,
select.sm {
  padding-top: 0;
  padding-bottom: 0;
}

[type="color"],
[type="number"],
[type="range"] {
  width: auto;
  min-width: 7rem;
}

:disabled {
  cursor: default;
}

:disabled {
  opacity: 0.8;
}

textarea {
  overflow: auto;
  min-height: 6rem;
  max-width: 100%;
  height: auto;
  resize: vertical;
  padding: 1rem var(--size) var(--size);
  max-height: 15rem;
}

/*valid*/
.val-ok .val {
  color: var(--success);
}

.val-no .val {
  color: var(--danger);
}

[class*="val-"] .val {
  font-size: calc(0.75 * var(--size));
  display: block;
  padding-top: 0.5rem;
}

[class*="val-"] .val:before {
  margin-right: 0.5rem;
}

/*select*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.625' height='12' viewBox='0 0 8.625 12'%3E%3Cg transform='translate(-16.934 -56.95)'%3E%3Cpath d='M17.66,63.915h7.174a.724.724,0,0,1,.512,1.236l-3.587,3.587a.72.72,0,0,1-1.022,0l-3.59-3.587A.724.724,0,0,1,17.66,63.915Zm7.687-3.165-3.587-3.587a.72.72,0,0,0-1.022,0l-3.59,3.587a.724.724,0,0,0,.512,1.236h7.174A.724.724,0,0,0,25.346,60.75Z' transform='translate(0 0)' fill='%238087a0'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right var(--size) center;
  background-repeat: no-repeat;
  background-size: 0.575rem;
  padding-right: 3rem;
}

select.sm {
  background-position: right 0.5rem center;
}

/*file*/
.ifl input {
  display: none;
}

/*radio/checkbox*/
[type="checkbox"],
[type="radio"] {
  width: auto;
  min-height: auto;
  display: inline-block;
  border: 0;
  vertical-align: baseline;
}

.chk {
  text-align: left;
  position: relative;
  overflow: hidden;
  padding: 0.5rem 0;
}

.chk label {
  padding: 0 0 0 2.1rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.5rem;
}

.chk input + label:before,
.chk input + label:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.3rem;
  content: "";
  text-align: center;
  line-height: 1.5rem;
  font-size: var(--size);
}

.chk input + label:after {
  display: none;
}

.chk input:checked + label:after {
  display: block;
}

.chk [type="radio"] + label:before {
  border-radius: 2rem;
}

.chk input {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}

.chk label:before {
  background-color: var(--gray-light);
  border: 1px solid var(--gray);
}

#body.on .chk label:before {
  background-color: var(--gray);
  border-color: rgba(255, 255, 255, 0.1);
}

#body.on .chk input:checked + label:before {
  background-color: var(--primary);
}

.chk input:checked + label:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0.8rem;
  background-color: var(--primary);
}

/*button*/
.btn,
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 2rem;
  width: auto;
  background-color: var(--gray);
  color: var(--text);
  min-width: 3rem;
  border: 0;
  border-radius: 0.3rem;
}

[type="submit"],
.btn:hover,
a.btn:hover,
button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
.btn.send-btn,
.btn.sm,
.form-submit button {
  color: var(--light);
}

.btn.blk {
  width: 100%;
}

.btn.send-btn {
  background-color: var(--primary);
  color: var(--light);
}

.btn.sm {
  font-size: 0.75rem;
  padding: 0 0.75rem;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 8px;
  background:#0c112b;
}

.btn.sm.rnd {
  padding: 0 1.25rem;
}

.btn.lg {
  padding: 1rem 2rem;
  min-width: 10rem;
  font-size: 1.125rem;
}

.btn.lnk,
.btn.lnk:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--link);
}

.btn.lnk:hover {
  color: var(--primary);
}

.btn.npd {
  padding-left: 0;
  padding-right: 0;
}

/*Misc*/
button,
input,
textarea,
select,
.btn,
.menu a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.lnk-blk:after,
.lnk-blk-a > a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
}

.ic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  height: 1em;
  width: 1em;
  font-size: inherit;
}

.ic svg {
  height: 1em;
  width: 1em;
  bottom: -0.125em;
  position: absolute;
  fill: currentColor;
}

/*Dropdown*/
.aa-drp {
  position: relative;
}

.aa-drp.left .aa-cnt {
  left: auto;
  right: 0;
}

.on > .aa-cnt,
.on > .aa-cnt > .sub-menu {
  display: block;
}

.aa-cnt .sub-menu {
  position: static;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.full > .aa-cnt {
  right: 0;
  min-width: 15rem;
}

.menu li > a,
.sub-menu li > a {
  display: block;
  line-height: 2rem;
}

.menu > li > a {
  padding: 0.5rem 0;
}

li[class*="fa-"] > a {
  padding-left: 2rem;
}

li[class*="fa-"]:before {
  width: 1.5rem;
  text-align: center;
  position: absolute;
  top: 0.5rem;
  pointer-events: none;
  left: 0;
  color: var(--primary);
  height: 2rem;
  z-index: 1;
}

.sub-menu li[class*="fa-"] > a {
  padding-left: 2.5rem;
}

.sub-menu li[class*="fa-"]:before {
  left: 0.5rem;
}

.menu-item-has-children,
li[class*="fa-"] {
  position: relative;
}

.sub-menu,
.aa-cnt {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 10rem;
  z-index: 11;
  border: 0;
  background-color: var(--body);
  border-radius: 0.25rem;
  padding: 1rem;
  list-style: none;
  max-height: 28rem;
  overflow: auto;
  -webkit-box-shadow: 0 0 3rem var(--gray);
  box-shadow: 0 0 3rem var(--gray);
}

#body.on .sub-menu,
#body.on .aa-cnt {
  background-color: var(--gray-light);
  -webkit-box-shadow: 0 0 2rem var(--gray-dark);
  box-shadow: 0 0 2rem var(--gray-dark);
}

.sub-menu > li {
  line-height: 2rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.sub-menu > li > a {
  color: var(--text);
  padding: 0 var(--size);
  border-radius: 0.25rem;
}

.sub-menu > li.on > a,
.sub-menu > li > a:not(.btn):hover {
  background-color: var(--gray-light);
  color: var(--primary);
}

#body.on .sub-menu > li.on > a,
#body.on .sub-menu > li > a:not(.btn):hover {
  background-color: var(--gray);
  color: var(--link);
}

.sub-menu > li.title {
  pointer-events: none;
  text-transform: uppercase;
  padding: 0 var(--size);
  margin-bottom: 0.5rem;
  font-weight: 400;
  opacity: 0.5;
  line-height: 3rem;
}

.sub-menu > li > a.btn {
  margin: var(--size) var(--size) calc(0.5 * var(--size));
}

.sub-menu > li.loading {
  text-align: center;
  font-size: 1.5rem;
  padding: 0.5rem;
}

.sub-menu > li.error {
  text-align: center;
  padding: 0.5rem;
}

.rnd {
  border-radius: 5rem;
}

/*animation*/
[class*="anm-"],
nav,
.sub-menu,
.send-btn:hover,
.btn.sm:hover,
.form-submit button:hover {
  -webkit-animation-duration: 0.3s !important;
  animation-duration: 0.3s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.anm-a {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.anm-b {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.anm-c,
nav,
.sub-menu,
.send-btn:hover,
.btn.sm:hover,
.form-submit button:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*modal*/
.mdl,
.mdl .mdl-cn,
.mdl .mdl-ovr {
  display: none;
}

.mdl,
.mdl-ovr {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  padding: 1.5rem;
  overflow: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mdl-ovr {
  background-color: var(--dark);
  z-index: -1;
  opacity: 0.9;
}

.mdl-cn {
  background-color: var(--body);
  border-radius: 0.5rem;
  max-width: 25rem;
  width: 100%;
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
}

.mdl-hd,
.mdl-bd,
.mdl-ft {
  padding: var(--space);
}

.mdl-hd {
  position: relative;
  border-bottom: 1px solid var(--gray);
}

.mdl-hd .mdl-title {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0.5rem 0;
  color: var(--link);
  font-weight: 300;
  text-align: center;
}

.btn.mdl-close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  background-color: var(--danger);
  color: var(--light) !important;
  min-width: 3rem;
  z-index: 1;
  border-radius: 3rem;
  padding: 0;
  height: 3rem;
}

.btn.mdl-close > i {
  color: var(--light);
  font-size: 1rem;
  margin-left: 0;
  margin-top: -5px;
}

.btn.mdl-close:hover {
  -webkit-box-shadow: 0 0 2rem var(--danger);
  box-shadow: 0 0 2rem var(--danger);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-color: var(--danger);
}

.mdl-bd > p:last-child {
  margin-bottom: 0;
}

.mdl-ft {
  border-top: 1px solid var(--gray);
  padding-top: var(--space);
  padding-bottom: var(--space);
}

.mdl-ft a {
  font-weight: 700;
}

.mdl.on,
.mdl.on .mdl-ovr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdl.on .mdl-cn {
  display: block;
}

.mdl-on {
  overflow: hidden;
}

/*video*/
.video {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  max-height: 600px;
  background-color: var(--dark);
  border-radius: 0.5rem;
}

.video:before {
  content: "";
  display: block;
  padding-top: 56.55%;
}

.video video,
.video iframe,
.video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.video img {
  -o-object-fit: cover;
  object-fit: cover;
}

.video.on {
  display: block;
}

/*messages*/
[class*="msg-"] {
  position: relative;
  padding: calc(0.7 * var(--size)) var(--size);
  margin-bottom: var(--size);
  z-index: 1;
}

[class*="msg-"] p:last-child {
  margin-bottom: 0;
}

[class*="msg-"]:before,
[class*="msg-"]:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}

[class*="msg-"]:before {
  background-color: currentColor;
  opacity: 0.1;
}

[class*="msg-"]:after {
  border: 1px solid currentColor;
  opacity: 0.2;
}

[class*="msg-"] p:before {
  margin-right: 0.5rem;
}

[class*="msg-"] a {
  color: currentColor;
  font-weight: 700;
}

[class*="msg-"] a:hover {
  text-decoration: underline;
}

[class*="msg-"] > i {
  margin-right: 0.5rem;
}

[class*="msg-"]:last-child {
  margin-bottom: 0;
}

.msg-w {
  color: var(--warning);
}

.msg-d {
  color: var(--danger);
}

.msg-s {
  color: var(--success);
}

p.note {
  padding: 0.5rem 0 0.5rem 3rem;
  position: relative;
  font-size: var(--size) !important;
  color: var(--link);
}

.note:before {
  font-size: 2rem;
  position: absolute;
  left: 0;
  top: 0.25rem;
  line-height: 2rem;
  opacity: 0.2;
}

/*icons*/
@font-face {
  font-family: "pelispedia";
  src: url(../fonts/pelispedia.ttf?shjs4f) format("truetype"), url(../fonts/pelispedia.woff?shjs4f) format("woff"), url(../fonts/pelispedia.svg?shjs4f#pelispedia) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

[class*="fa-"]:before,
.menu-item-has-children > a:after,
.comment-reply-link:before,
.seo .entry-content li:before {
  font-family: "pelispedia" !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-download-o:before {
  content: "\e903";
}

.fa-moon:before {
  content: "\e902";
}

.fa-arrow:before {
  content: "\e901";
}
.fa-list:before {
  content: "\f03a";
  font-family: "FontAwesome" !important;
  
}

.fa-eye:before {
  content: "\e900";
}

.fa-sort:before {
  content: "\e90b";
}

.fa-server:before {
  content: "\e90a";
}

.fa-search:before {
  content: "\e909";
}

.fa-movie:before {
  content: "\e905";
}

.fa-serie:before {
  content: "\e906";
}

.fa-sun:before {
  content: "\e907";
}

.fa-premiere:before {
  content: "\e908";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-check:before,
.seo .entry-content li:before {
  content: "\f00c";
}

.fa-left:before {
  content: "\f053";
}

.fa-right:before {
  content: "\f054";
}

.fa-down:before,
.menu-item-has-children > a:after {
  content: "\f078";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-download:before {
  content: "\f0ed";
}

.fa-reply:before,
.comment-reply-link:before {
  content: "\f112";
}

.fa-folder:before {
  content: "\f115";
}

.fa-youtube:before {
  content: "\f16a";
}

.fa-share:before {
  content: "\f1e0";
}

.fa-play:before {
  content: "\e904";
}

.fa-hot:before {
  content: "\e90c";
}
.fa-clock:before {
  content: "\f017";
}

/**/
#body:not(.on) .light-mode,
#body.on .dark-mode {
  color: var(--primary);
}

#body.on .hd .dark-mode {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
}

.hd {
  border-bottom: 1px solid var(--gray);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--body);
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.home .hd {
  position: fixed;
}

#body.on .hd {
  background-color: transparent;
  border-bottom-width: 0;
}

#body.on .hd.fx {
  background-color: #0c112b;
  border-bottom-width: 1px;
}

.hd .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: var(--space);
  padding-bottom: var(--space);
  position: relative;
}

.hd .top .logo {
  margin-right: var(--space);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-left: 9%;
}

.hd .light-mode {
  font-size: 1.2rem;
}

.hd .search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 11;
}

.hd .search input {
  height: 100%;
  border-radius: 0;
  font-size: 2rem;
  border-width: 0 0 2px;
  background-color: var(--gray-light); /*padding: 2rem;*/
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  max-width: 1410px;
}

.hd .search input:focus {
  border-color: var(--primary);
}

.hd .search span {
  font-size: 0.875rem;
  padding-top: 1rem;
  opacity: 0.6;
}

.hd .search:before {
  background-color: var(--body);
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hd.on .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hd.on .top .search-btn {
  z-index: 12;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  position: fixed;
  right: 2rem;
  top: 1.2rem;
}

.light-mode,
.dark-mode,
.menu-btn,
.search-btn {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  position: relative;
}

[class*="-icon"] {
  font-size: 0;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

[class*="-icon"],
[class*="-icon"]:before,
[class*="-icon"]:after,
[class*="-icon"] i:before,
[class*="-icon"] i:after {
  content: "";
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--link);
}

.menu-icon {
  left: -6px;
  top: -2px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.menu-icon,
.menu-icon:before,
.menu-icon:after {
  width: 12px;
  height: 0;
  border-bottom: 2px solid currentColor;
  border-radius: 2px;
}

.menu-icon:before,
.menu-icon:after {
  left: 0;
}

.menu-icon:before {
  top: -5px;
  width: 17px;
}

.menu-icon:after {
  top: 5px;
  width: 15px;
}

.search-icon {
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  -webkit-transform: scale(1.3) rotate(-45deg);
  transform: scale(1.3) rotate(-45deg);
  border-radius: 100%;
  top: -4px;
}

.search-icon:before {
  top: 11px;
  left: 4px;
  height: 6px;
  border-right: 1px solid currentColor;
}

.on > .menu-icon,
.on > .search-icon {
  border-bottom: 0;
  height: 0;
  border: 0 !important;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  left: -2px;
}

.on > .menu-icon,
.on > .menu-icon:before,
.on > .menu-icon:after,
.on > .search-icon,
.on > .search-icon:before,
.on > .search-icon:after {
  width: 15px;
  border-bottom: 2px solid currentColor;
  border-radius: 2px;
  color: var(--primary);
}

.on > .menu-icon:before,
.on > .menu-icon:after,
.on > .search-icon:before,
.on > .search-icon:after {
  top: 0;
  left: 0;
}

.on > .menu-icon:before,
.on > .search-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 0;
}

.on > .menu-icon:after,
.on > .search-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu > li > a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
  color: var(--text);
  opacity: 0.9;
}

.menu > li:hover > a {
  opacity: 1;
  color: var(--link);
}

.menu > li[class*="fa-"]:before {
  color: #ffffff;
  opacity: 0.9;
  font-size: 1.15rem;
  line-height: 2rem;
}

.menu > li.current-menu-item > a {
  color: var(--link);
  opacity: 1;
}

.menu > li.current-menu-item:before {
  color: var(--primary);
  opacity: 1;
}

.menu > li.current-menu-item:after {
  content: "";
  width: 4px;
  height: 3rem;
  background-color: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
}

.menu > li.menu-item-has-children > a:after {
  line-height: 1.8rem;
  margin-left: 0.25rem;
  font-size: 0.65rem;
  color: var(--link);
}

#body.on .hd .menu > li > a {
  color: var(--light);
}

.search {
  display: none;
  position: relative;
}

.search button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
}

.search button:hover {
  background-color: transparent;
  color: var(--link);
}

.toggle-mode,
.toggle-mode .btn {
  margin-left: 0.5rem;
}

.latest-movies {
  background-color: var(--dark);
}

.latest-movies .item {
  position: relative;
}

.latest-movies .bg {
  z-index: -1;
  pointer-events: none;
}

.latest-movies .bg,
.latest-movies .bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.latest-movies .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0;
  object-position: 50% 0;
}

.latest-movies .bg:before,
.latest-movies .bg:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}

.latest-movies .bg:before {
  top: 0;
  height: 10rem;
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
}

.latest-movies .bg:after {
  bottom: 0;
  height: 70%;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, #080f28 0%, rgba(0, 0, 0, 0) 100%);
}

.latest-movies .post {
  padding-top: calc(5rem + 5vw + 2vh);
  padding-bottom: 2rem;
}

.latest-movies .slick-dots {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 1410px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: right;
  padding: 0;
  list-style: none;
  font-size: 0;
  padding: 0 var(--space);
}

.latest-movies .slick-dots li {
  display: inline-block;
  vertical-align: top;
}

.latest-movies .slick-dots button {
  width: 20px;
  height: 20px;
  min-width: 0;
  padding: 0;
  position: relative;
  bottom: 37px;
  opacity: 0.5;
  position: relative;
  background-color: transparent;
}

.latest-movies .slick-dots button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-radius: 8px;
  background-color: var(--light);
}

.latest-movies .slick-dots button:hover {
  opacity: 1;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.latest-movies .slick-dots .slick-active button {
  opacity: 1;
}

.latest-movies .slick-dots .slick-active button:before {
  width: 8px;
  height: 8px;
  background-color: #ee6a00;
}

.latest-movies .post.single {
  color: var(--light);
}
.white-co {
    color: #ee6a00!important;
}

.latest-movies .post.single .entry-header,
.latest-movies .post.single .entry-content,
.latest-movies .post.single .entry-footer {
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

.latest-movies .post.single .entry-title {
  color: currentColor !important;
}

.post {
  position: relative;
}

.post.single {
  display: -ms-grid;
  display: grid;
  grid-gap: var(--space);
  grid-template-areas: "thumbnail header" "content content" "footer footer";
  -ms-grid-columns: 7rem 2fr;
  grid-template-columns: 7rem 2fr;
  grid-row-gap: 0;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
}

.post.single .entry-header {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: header;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}
.entry-titlee {
  vertical-align: baseline;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--link);
  max-width: 600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post.single .entry-header .entry-title {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--link);
}

.post.single .post-thumbnail {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: thumbnail;
  margin-bottom: 0;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.post.single .entry-content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: content;
  max-height: 15.5rem;
  overflow: auto;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.post.single .entry-footer {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: footer;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.post.single .trailer-btn {
  margin-top: 0.5rem;
  display: block;
  position: relative;
  padding-left: 1.5rem;
  background-color: #081852;
}

.post.single .trailer-btn:before {
  position: absolute;
  left: 1rem;
  top: 0;
}

.post .entry-meta,
.post .entry-meta > * {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1rem;
}

.post .entry-meta > *:last-child {
  margin-right: 0;
}

.post .entry-meta .duration {
  opacity: 0.7;
}

.post .entry-meta .views:before {
  opacity: 0.5;
  margin-right: 0.5rem;
}

.post .post-thumbnail {
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

.post .post-thumbnail figure {
  position: relative;
  border-radius: inherit;
  padding-top: 150%;
  overflow: hidden;
}
.TPost.C .post-thumbnail .quality {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 4;
}
.quality {
    background: #ee6a00;
    color: #fff;
    border-radius: 5px;
    line-height: 20px;
    font-size: .625rem!important;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.6rem;
    font-weight: 700;
    margin-top: 14%;
    text-transform: uppercase;
}
.TpTv {
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    font-size: .625rem!important;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.6rem;
    font-weight: 700;
    margin-top: -2px;
    text-transform: uppercase;
}

.TpTv.BgA {
    background: #080f28!important;
}
.TPost.C .post-thumbnail .TpTv {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 4;
}
.post .post-thumbnail img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px!important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
}

.post .post-thumbnail .time {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  color: var(--light);
  line-height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
}

.post .post-thumbnail .num {
  background-color: var(--light);
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  color: var(--dark);
}

.grid .post .post-thumbnail {
  -webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
}

.grid .post .entry-title {
  font-size: 0.875rem;
  color: var(--link);
  margin-bottom: 0;
  width: 100%;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.grid .post:hover .entry-title {
  color: var(--primary);
}

.grid .post:hover .post-thumbnail {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.post.genre .post-thumbnail {
  background-color: var(--dark);
  overflow: hidden;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.post.genre .post-thumbnail figure {
  padding-top: 70%;
  overflow: hidden;
  min-height: 120px;
}

.post.genre .post-thumbnail figure img {
  opacity: 0.5;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.post.genre .entry-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  z-index: 1;
}

.post.genre .entry-header,
.post.genre .entry-header:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.post.genre .entry-header:before {
  background-color: var(--primary);
  content: "";
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0.2;
}

.post.genre .entry-header .genre-image {
  width: 100%;
  margin-bottom: 0.5rem;
  height: 64px;
  position: relative;
}

.post.genre .entry-header .genre-image img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.post.genre .entry-header .entry-title {
  width: 100%;
  color: var(--light);
  font-weight: 400;
  margin-bottom: 0;
}

.post.sm {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60px 2fr;
  grid-template-columns: 60px 2fr;
  grid-template-areas: "img hd";
  grid-gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post.sm .post-thumbnail {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: img;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-bottom: 0;
}

.post.sm .post-thumbnail figure {
  padding-top: 100%;
}

.post.sm .entry-header {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: hd;
}

.post.sm .entry-title {
  font-size: 0.875rem;
  margin-bottom: 0;
  color: var(--link);
  line-height: 1.25rem;
}

.post.sm .entry-meta {
  font-size: 0.75rem;
}

.post.sm:hover .entry-title {
  color: var(--primary);
}

.post.episode .entry-title {
  text-align: left;
}

.post.episode .post-thumbnail figure {
  padding-top: 71%;
}

.post .type-hd {
  background-color: var(--warning);
  color: var(--dark);
  padding: 0 0.5rem;
}

.tagcloud {
  font-size: 0;
}

.tagcloud a {
  font-size: 0.75rem !important;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  background-color: #080f28;
  border: 1px solid #000a2c;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  line-height: 2rem;
}

.tagcloud a:hover {
  background-color: #0a1b58;
  color: var(--light);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--link);
  font-size: 2rem;
  font-weight: 600;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

[class*="type-"] {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  border-radius: 0.25rem;
  line-height: 1.5rem;
  padding: 0 0.75rem;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--light);
  text-transform: uppercase;
}

[class*="type-"]:before {
  font-size: 0.875rem;
  line-height: 1.4rem;
  height: 1.5rem;
  margin-right: 0.3rem;
}

.type-premiere {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f8cc32),
    color-stop(16%, #ff9700),
    color-stop(32%, #ff9700),
    color-stop(48%, #ffc600),
    color-stop(64%, #f8cc32),
    color-stop(80%, #ff9700),
    to(#ff9700)
  );
  background-image: linear-gradient(to right, #f8cc32 0%, #ff9700 16%, #ff9700 32%, #ffc600 48%, #f8cc32 64%, #ff9700 80%, #ff9700 100%);
  -webkit-animation: bg infinite 4s linear;
  animation: bg infinite 4s linear;
  background-size: 300% 300%;
  background-repeat: no-repeat;
  background-position: top left;
}

@-webkit-keyframes bg {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}

@keyframes bg {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}

.type-popular {
  background-color: var(--danger);
}

.watch-btn:before {
  margin-right: 0.5rem;
}

.section,
.widget {
  padding-top: var(--space);
  padding-bottom: var(--space);
}

.section .section-title,
.section .widgettitle,
.widget .section-title,
.widget .widgettitle {
  font-size: 2rem;
  color: var(--link);
  padding: 0.5rem 0 0.5rem 1rem;
  position: relative;
  line-height: 2rem;
  margin-bottom: var(--space);
  letter-spacing: -1px;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
}

.section .section-title + span,
.section .widgettitle + span,
.widget .section-title + span,
.widget .widgettitle + span {
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  line-height: 2rem;
  padding: 0.5rem 0;
  color: var(--link);
  opacity: 0.4;
}

.section .section-title:before,
.section .widgettitle:before,
.widget .section-title:before,
.widget .widgettitle:before {
  content: "";
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ee6a00;
  height: 100%;
}

.section.genres,
.section.seo,
.section.top,
.section.filter,
.section.comments,
.section.episodes,
.widget.genres,
.widget.seo,
.widget.top,
.widget.filter,
.widget.comments,
.widget.episodes {
  position: relative;
}

.section.genres:before,
.section.seo:before,
.section.top:before,
.section.filter:before,

.section.episodes:before,
.widget.genres:before,
.widget.seo:before,
.widget.top:before,
.widget.filter:before,
.widget.comments:before,
.widget.episodes:before {
  content: "";
  background-color: var(--gray-light);
  position: absolute;
  top: 0;
  height: 100%;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  z-index: -1;
  border: 1px solid var(--gray);
}

.section.top,
.widget.top {
  margin-top: -1px;
}

.section.top .section-title,
.widget.top .section-title {
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: 3rem;
  font-size: 2.5rem;
}

.section.top .section-title:before,
.widget.top .section-title:before {
  display: none;
}

.section.top .section-header p,
.widget.top .section-header p {
  margin-bottom: 0;
}

#body:not(.on) .section.seo:before,
.section.filter:before,
#body:not(.on) .widget.seo:before,
.widget.filter:before {
  background-color: transparent;
}

#body.on .section.filter:before,
#body.on .widget.filter:before {
  background-color: var(--gray-dark);
}

.section.filter,
.widget.filter {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: -1px;
}

.section.episodes:before,
.widget.episodes:before {
  background-color: transparent;
  border-bottom: 0;
}

.widget .widgettitle {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: normal;
}

.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(var(--grid), 1fr)) [auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(var(--grid), 1fr));
  grid-gap: var(--space);
}

.load_more {
  text-align: center;
  margin: calc(2 * var(--space)) 0;
}

.load_more svg {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: auto;
}

.btn.load_more-btn {
  background-color: var(--gray);
  color: var(--text);
}

.lang-list,
.widget .grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  -ms-grid-columns: (minmax(85px, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
}

.lang-list li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang-list li:hover,
.lang-list li.current {
  -webkit-box-shadow: 0 0 1rem var(--gray);
  box-shadow: 0 0 1rem var(--gray);
  border-radius: 0.5rem;
}

#body.on .lang-list li:hover,
#body.on .lang-list li.current {
  -webkit-box-shadow: 0 0 2rem var(--gray-light);
  box-shadow: 0 0 2rem var(--gray-light);
}

.lang-list li a {
  display: block;
  text-align: center;
  padding: 0.5rem;
}

.lang-list li img {
  margin-bottom: 0.5rem;
}

.lang-list li span {
  display: block;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--link);
}

.widget .grid .post-thumbnail {
  margin-bottom: 0;
}

.top-list li {
  margin-bottom: 1rem;
  counter-increment: top;
  position: relative;
  padding-left: 3rem;
}

.top-list li:before {
  content: counter(top);
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 700;
  color: var(--primary);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}

.top-list li:after {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border: 4px solid var(--primary);
  left: -0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  opacity: 0.2;
}

.top-list li .post:before {
  width: 2rem;
  height: 2rem;
  content: "";
  border-radius: 50%;
  left: -3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-color: var(--primary);
  opacity: 0.1;
  z-index: -1;
}

.top-list li:last-child {
  margin-bottom: 0;
}

#body.on .top-list li:before {
  color: var(--light);
}

.error404 .bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
}

.error404 .section {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  padding: var(--space) 0;
}

.error404 .section figure {
  margin-bottom: 3rem;
}

.error404 .section .section-title {
  color: var(--light);
  text-transform: none;
  font-size: 3rem;
  padding-left: 0;
  margin-bottom: 1rem;
  line-height: 3rem;
}

.error404 .section .section-title:before {
  display: none;
}

.error404 .section p {
  margin-bottom: 2rem;
}

.error404 .section .btn {
  min-width: 232px;
}

.error404 .bg {
  z-index: -1;
  opacity: 0.2;
  margin-bottom: 0;
  pointer-events: none;
  background-color: var(--primary);
}

.error404 .bg,
.error404 .bg img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.error404 .bg img {
  opacity: 0.6;
}

.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.filter > div {
  margin-right: 2rem;
}

.filter .filter-genres.on .sub-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(10rem, 1fr)) [auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  width: 22rem;
  font-size: 0.875rem;
}

.filter .filter-genres.on .sub-menu li {
  min-width: 10rem;
}

.filter .sub-menu .chk {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.btn.dropdown-btn {
  font-weight: 500;
}

.btn.dropdown-btn,
.btn.dropdown-btn:hover {
  color: var(--text);
}

.btn.dropdown-btn:before {
  color: var(--primary);
  float: right;
  font-size: 0.75rem;
  margin-left: 0.5rem;
  margin-top: -2px;
}

.on > .btn.dropdown-btn {
  color: var(--primary);
}

.on > .btn.dropdown-btn i {
  opacity: 1;
}

#body.on .on > .btn.dropdown-btn {
  color: var(--light);
}

.btn.dropdown-btn i {
  margin-right: 0.5rem;
  opacity: 0.5;
}

.btn.dropdown-btn span {
  font-weight: 600;
}

.comment-form-comment textarea {
  height: 100px;
}

.comment-respond {
  margin-bottom: calc(2 * var(--space));
}

.comment-reply-link {
  border-radius: 2rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  line-height: 1.25rem;
}

.comment-reply-link:before {
  font-size: 0.875rem;
  margin-right: 0.5rem;
  color: var(--primary);
}

.form-submit {
  margin-bottom: 0;
}

.comment-body {
  position: relative;
  padding-left: 5rem;
  margin-bottom: calc(2 * var(--space));
}

.comment-body .avatar {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.comment-body .comment-meta {
  padding-top: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comment-body .comment-meta .comment-metadata {
  font-size: 0.75rem;
  opacity: 0.5;
}

.comment-body .comment-metadata {
  line-height: 1;
}

.comment-body .comment-metadata time {
  color: var(--tertiary);
  font-size: 0.75rem;
}

.children {
  padding: 0 0 0 5rem;
  list-style: none;
}

.comment-list > li:last-child > .comment-body:last-child {
  margin-bottom: 0;
}

.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.comment-form p label {
  display: block!important;
  color: white;
}
.required {
    color: red;
}

.close-icon {
  color: var(--light);
  position: absolute;
  width: 21px;
  height: 21px;
  -webkit-transform: scale(1);
  transform: scale(1);
  top: 1rem;
  left: 0.2rem;
  right: auto;
}

.close-icon:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 21px;
  height: 2px;
  background-color: var(--light);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.close-icon:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 21px;
  height: 2px;
  background-color: var(--light);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.votes {
  position: relative;
  padding-left: 3.75rem;
  min-height: 3rem;
  margin: 0.5rem 0;
}

.circle-chart {
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.circle-chart__background {
  stroke: var(--gray);
}

.circle-chart__circle {
  animation: circle-chart-fill 0.4s reverse;
  -webkit-transform: rotate(-89deg);
  transform: rotate(-89deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  stroke: #ee6a00;
}

.circle-chart__percent {
  fill: var(--link);
}

@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

@-webkit-keyframes circle-chart-appear {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.votes-stars {
  line-height: 1rem;
  padding-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-size: 0;
}

.votes-stars .star {
  opacity: 0.5;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.4rem;
  font-size: 1rem;
}

.votes-stars .star:last-child {
  padding-right: 0;
}

.votes-stars .star.on {
  color: var(--primary);
  opacity: 1;
}

.votes-total {
  font-size: 0.75rem;
  display: block;
  line-height: 1;
  color: var(--text);
}

.votes-total span {
  font-weight: 700;
}

.links {
  padding-top: var(--space);
  font-size: 0;
}

.links .btn {
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: 1rem;
  padding: 0.5rem 1rem;
}

.links .btn:last-child {
  margin-right: 0;
}

.links .btn:before {
  margin-right: 0.5rem;
}

.entry-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.share {
  line-height: 2rem;
  font-size: 0;
  padding: 0.5rem 0;
}

.share:before {
  color: var(--primary);
  font-size: 1rem;
}

.share span,
.share a {
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.share span {
  font-weight: 600;
  color: var(--link);
  font-size: 0.75rem;
}

.share a {
  width: 2rem;
  border-radius: 50%;
  color: var(--light);
  text-align: center;
  font-size: 1rem;
}

.share a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.share a.fa-facebook {
  background-color: #3b5999;
}

.share a.fa-twitter {
  background-color: #55acee;
}

.options {
  padding-top: 1rem;
  margin-bottom: 0.5rem;
}

.options > .aa-drp {
  display: inline-block;
  vertical-align: top;
  margin-right: 2rem;
}

.options .dropdown-btn {
  line-height: 1rem;
  text-align: left;
  padding-right: 1rem;
  position: relative;
  color: var(--link);
  font-weight: 600;
}

.options .dropdown-btn:before {
  height: 1rem;
  top: 0;
  bottom: 0;
  right: -0.5rem;
  margin: auto 0;
  position: absolute;
}

.options .dropdown-btn > i {
  width: 2rem;
  display: inline-block;
  vertical-align: top;
  height: 1rem;
  margin-right: 0;
}

.options .dropdown-btn > span {
  display: block;
  font-size: 0.65rem;
  text-transform: uppercase;
  padding-left: 2rem;
  opacity: 0.5;
}

.options .dropdown-btn > span span {
  font-weight: 600;
}

.options .sub-menu a {
  display: block;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--link);
  font-weight: 600;
}

.options .sub-menu a span {
  font-size: 0.65rem;
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
  font-weight: 600;
  opacity: 0.5;
}

/*modal*/
.download-links {
  overflow: auto;
}

.download-links table {
  margin-bottom: 0;
  text-align: center;
}

.download-links td,
.download-links th {
  padding: 0.5rem;
}

.download-links td:first-child,
.download-links th:first-child {
  text-align: left;
}

.download-links td:first-child {
  white-space: nowrap;
}

.download-links .num {
  color: var(--primary);
  font-weight: 700;
}

.download-links .btn {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 1.5rem;
}

#mdl-download .mdl-cn {
  max-width: 35rem;
}

.entry-info {
  padding-top: 0.5rem;
}

.entry-info .entry-episode {
  font-size: 1rem;
  color: var(--link);
}

.entry-info > * {
  display: inline-block;
  vertical-align: top;
  line-height: 1.25rem;
  margin-right: 0.5rem;
}

.entry-info .current-episode {
  font-weight: 600;
  color: var(--primary);
}

.entry-info #body.on .current-episode {
  color: var(--light);
}

.entry-info [class*="status-"] {
  font-size: 0.75rem;
}

.section.episode-nav:before {
  background-color: transparent;
  border-top: 0;
}

[class*="status-"]:before {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 black;
  box-shadow: 0 0 0 0 black;
  height: 0.5rem;
  width: 0.5rem;
  -webkit-animation: pulse-black 2s infinite;
  animation: pulse-black 2s infinite;
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  margin-top: 0.4rem;
}

@-webkit-keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-black {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.status-off:before {
  background: #ff5252;
  -webkit-box-shadow: 0 0 0 0 #ff5252;
  box-shadow: 0 0 0 0 #ff5252;
  -webkit-animation: pulse-red 2s infinite;
  animation: pulse-red 2s infinite;
}

@-webkit-keyframes pulse-red {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

@keyframes pulse-red {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.status-on:before {
  background: #33d9b2;
  -webkit-box-shadow: 0 0 0 0 #33d9b2;
  box-shadow: 0 0 0 0 #33d9b2;
  -webkit-animation: pulse-green 2s infinite;
  animation: pulse-green 2s infinite;
}

@-webkit-keyframes pulse-green {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

@keyframes pulse-green {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

.episode-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.episode-nav .btn.back {
  font-weight: 600;
}

.episode-nav .btn.back:before {
  font-size: 1.4rem;
  margin-right: 0.5rem;
}

.episode-nav .btn.prev,
.episode-nav .btn.next {
  position: relative;
  font-weight: 600;
  line-height: 1.25rem;
  background-color: #0b153a!important;
  color: #ffffff;
  border: 1px solid #000;
}

.episode-nav .btn.prev span,
.episode-nav .btn.next span {
  display: block;
  font-size: 0.75rem;
  opacity: 1.5;
}
.episode-nav .episodes .btn:hover {
    opacity: 0.8;
}
.episode-nav .btn.prev:before,
.episode-nav .btn.next:before {
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.1rem;
}

.episode-nav .btn.prev {
  padding-left: 1.75rem;
  text-align: left;
  padding-right: 1rem;
  margin-right: 0.5rem;
}

.episode-nav .btn.prev:before {
  left: 7%;
}

.episode-nav .btn.next {
  padding-right: 1.75rem;
  text-align: right;
  padding-left: 1rem;
  margin-left: 0.5rem;
}

.episode-nav .btn.next:before {
  right: 7%;
}
.episode-nav .episodes {
    align-items: center;
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
}
/**.episode-nav .episodes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
**//
.aa-tb {
  display: none;
}

.aa-tb.on {
  display: -ms-grid;
  display: grid;
}

.options-list {
  font-size: 0;
  margin-bottom: 0.5rem;
}

.options-list li {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.options-list .btn {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 1rem;
  background-color: var(--gray-light);
  border: 1px solid var(--gray);
}

.options-list .btn.on {
  background-color: var(--primary);
  color: var(--light);
}

.section.seo {
  padding-bottom: 12rem;
}

.section.seo .entry-content p {
  text-align: justify;
}

.section.seo .entry-content ul {
  list-style: none;
  padding: 0;
}

.section.seo .entry-content ul li {
  position: relative;
  padding-left: 1.5rem;
}

.section.seo .entry-content ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--primary);
}

.section.seo .bgseo {
  background: url(../img/cnt/bgft.png);
  -webkit-animation: bgft 15s linear infinite;
  animation: bgft 15s linear infinite;
  height: 10rem;
  position: absolute;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  bottom: 0;
}

@-webkit-keyframes bgft {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1359px 0;
  }
}

@keyframes bgft {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1359px 0;
  }
}

.ft {
  background-color: var(--gray-light);
  text-align: center;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#body.on .ft {
  background-color: #080f28;
}

.ft .top {
  padding-top: calc(2 * var(--space));
  padding-bottom: calc(2 * var(--space));
}

.ft .logo {
  margin-bottom: 1rem;
}

.ft .menu li,
.ft .social li {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.5rem;
}

.ft .menu li a,
.ft .social li a {
  line-height: 1.5rem;
  min-width: 2rem;
  color: var(--gray-dark);
}

.ft .menu {
  margin-bottom: 0.5rem;
}

.ft .menu a:hover {
  color: var(--link);
}

.ft .social {
  font-size: 1.25rem;
}

.ft .social li {
  padding: 0;
}

.ft .social a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#body.on .ft .logo {
  -webkit-filter: brightness(10) opacity(0.5);
  filter: brightness(10) opacity(0.5);
}

#body.on .ft a {
  color: var(--light);
  opacity: 0.3;
}

#body.on .ft a:hover {
  opacity: 1;
}

/**/
/*@-1199*/
@media (max-width: 1199px) {
  .grid.popular,
  .grid.genres,
  .grid.related {
    overflow-x: auto;
    overflow-y: hidden;
    grid-auto-flow: column;
    -ms-grid-columns: none;
    grid-template-columns: none;
  }
  .grid.popular .post,
  .grid.genres .post,
  .grid.related .post {
    width: 210px;
  }
  .grid.popular .post:hover .post-thumbnail,
  .grid.genres .post:hover .post-thumbnail,
  .grid.related .post:hover .post-thumbnail {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*@-991*/
@media (max-width: 991px) {
  .hd .top {
    position: relative;
  }
  .hd .top nav,
  .hd .top .dark-mode,
  #body.on .hd .top .light-mode {
    display: none;
  }
  #body.on .hd .top .dark-mode {
    display: block;
  }
  .hd .top .logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 1rem;
  }
  .hd nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--body);
    -webkit-box-shadow: 0 0 2rem var(--gray);
    box-shadow: 0 0 2rem var(--gray);
    padding: 1rem 0;
  }
  .hd .menu > li[class*="fa-"] > a {
    padding-left: 3rem;
  }
  .hd .menu > li[class*="fa-"]:before {
    left: 1rem;
  }
  .hd .menu .sub-menu {
    display: -ms-grid;
    display: grid;
    grid-gap: 0.5rem;
    position: static;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
    font-size: 0.75rem;
    padding-top: 0;
    padding-bottom: 0;
    -ms-grid-columns: (minmax(8rem, 1fr)) [auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
  .hd .menu > li[class*="fa-"] > a {
    padding-left: 3rem;
  }
  .hd .menu > li[class*="fa-"]:before {
    left: 1rem;
  }
  .hd .menu > li.current-menu-item {
    background-color: var(--gray-light);
  }
  #body.on .hd .menu > li.current-menu-item {
    background-color: #080f28;
  }
  #aa-wp.on .hd nav {
    display: block;
  }
  #body.on .hd nav {
    background-color: #080f28;
    -webkit-box-shadow: 0 0 2rem var(--gray-dark);
    box-shadow: 0 0 2rem var(--gray-dark);
  }
  .grid.popular .post,
  .grid.genres .post {
    width: 136px;
  }
  .seo .entry-content {
    max-height: 20rem;
    overflow: auto;
  }
}

/*@-767*/
@media (max-width: 767px) {
  .hd .search input {
    font-size: 1.2rem;
  }
  .section.top .section-title {
    font-size: 2rem;
    margin-right: 0;
  }
  .episode-nav .btn.back span,
  .trailer-btn span,
  .download-links thead {
    display: none;
  }
  .download-links tr {
    margin-bottom: 1rem;
    background-color: var(--gray-light);
    padding: 0.5rem;
  }
  .download-links tr:last-child {
    margin-bottom: 0;
  }
  .download-links td {
    display: inline-block;
    vertical-align: top;
  }
  .download-links tbody,
  .download-links tr,
  .download-links td:last-child {
    display: block;
  }

  .hd.on .top .search-btn {
    z-index: 12;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    position: fixed;
    right: 2rem;
    top: 1.4rem;
  }
}

/*@-567*/
@media (max-width: 567px) {
  .children .comment-body {
    padding-left: 1rem;
    border-left: 4px solid var(--gray);
  }
  .children .comment-body .avatar {
    display: none;
  }
  .links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .links .btn span {
    display: none;
  }
}

/*@-400*/
@media (max-width: 400px) {
  .share:before,
  .share span,
  .episode-nav .btn.back {
    display: none;
  }
  .episode-nav .episodes {
    width: 100%;
  }
}

/*@+768*/
@media (min-width: 768px) {
  .post.single {
    grid-template-areas: "thumbnail header" "thumbnail content" "thumbnail footer";
    -ms-grid-columns: 210px 2fr;
    grid-template-columns: 210px 2fr;
  }
  .post.single .entry-header .entry-title {
    font-size: 2.5rem;
  }
  .latest-movies .post.single {
    -ms-grid-rows: 3fr auto;
    grid-template-rows: 3fr auto;
  }
  .filter .filter-genres.on .sub-menu {
    width: 32rem;
  }
  .comment-form {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    grid-template-areas: "comment comment" "name email" "btn btn";
  }
  .comment-form p {
    margin-bottom: 0;
  }
  .comment-form .comment-form-comment {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: comment;
  }
  .comment-form .comment-form-author {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: name;
  }
  .comment-form .comment-form-email {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: email;
  }
  .comment-form .form-submit {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: btn;
  }
}

/*@+992*/
@media (min-width: 992px) {
  .hd .top nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 1rem;
  }
  .menu-btn {
    display: none;
  }
  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu > li {
    margin-right: var(--space);
  }
  .menu > li:before {
    top: 0;
  }
  .menu > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .menu .menu-item-has-children:hover > .sub-menu {
    display: block;
    font-size: 0.875rem;
  }
  .menu .menu-cates > .sub-menu {
    width: 22rem;
    -ms-grid-columns: (minmax(9rem, 1fr)) [auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    grid-gap: 0.25rem;
  }
  .menu .menu-cates:hover > .sub-menu {
    display: -ms-grid;
    display: grid;
  }
  .menu > li.current-menu-item:after {
    top: calc(-1 * var(--space));
    width: auto;
    height: 4px;
    right: 0;
  }
  .ft .top,
  .ft nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ft .top nav,
  .ft nav nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .ft .menu {
    margin-bottom: 0;
  }
  .ft .logo {
    margin-right: var(--space);
    margin-bottom: 0;
  }
  .has-sidebar .principal {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 300px;
    grid-template-columns: 2fr 300px;
    grid-template-areas: "main sidebar";
    grid-gap: calc(1.5 * var(--space));
  }
  .has-sidebar .principal .site-main {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: main;
  }
  .has-sidebar .principal .sidebar {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: sidebar;
  }
  .single.section .entry-content {
    max-height: none;
  }
  .seo .entry-content {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 4rem;
    column-gap: 4rem;
  }
}

/*@+1200*/
@media (min-width: 1200px) {
  html {
    scrollbar-color: var(--gray) var(--gray-dark);
    scrollbar-width: 0.5rem;
  }
  body::-webkit-scrollbar {
    background-color: var(--gray);
    width: 1.5rem;
    height: 1.5rem;
  }
  body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-width: 0.5rem;
    border-radius: 1.5rem;
  }
  ::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
  }
  ::-webkit-scrollbar-thumb {
    background-color: var(--gray-light);
    border: solid transparent;
    border-width: 0;
    background-clip: padding-box;
  }
  .menu .menu-cates > .sub-menu {
    width: 30rem;
  }
}

/*slick-slider*/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*Print*/
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: "(" attr(href) ")";
  }
  abbr[title]:after {
    content: "(" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.entry-subtitle {
  font-size: 1rem;
}
.entry-subtitle a {
  color: var(--danger);
}
.entry-subtitle a:hover {
  color: var(--link-hover);
}

.wp-pagenavi {
  clear: both;
}

/*.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #bfbfbf;
  padding: 3px 5px;
  margin: 2px;
}*/

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000;
}

.wp-pagenavi span.current {
  font-weight: bold;
}

.wp-pagenavi {
  padding: 10px 20px 10px !important;
  display: block !important;
  clear: both !important;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
    color: #ffffff !important;
    padding: 6px 9px 6px 9px !important;
    background: #231930 !important;
    font-size: 12px !important;
    margin-right: 3px !important;
    text-decoration: none !important;
    border-radius: 15px;
    font-weight: 800;
}
.wp-pagenavi a:hover {
  color: #fff !important;
  text-shadow: 0px 1px #4e802c !important;
  border-color: #478223 !important;
  background: #599f2f !important;
  background: -moz-linear-gradient(top, #9fe355 1px, #79bf4a 1px, #599f2f) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9fe355), color-stop(0.02, #79bf4a), color-stop(1, #599f2f)) !important;
  color: #ffffff !important;
  box-shadow: 0px 1px #e7e7e7 !important;
  -moz-box-shadow: 0px 1px #e7e7e7 !important;
  -webkit-box-shadow: 0px 1px #e7e7e7 !important;
}
.wp-pagenavi span.current {
  padding: 6px 9px 6px 9px !important;
  border: solid 1px #dcdcdc !important;
  color: #fff !important;
  box-shadow: 0px 1px #e7e7e7 !important;
  -moz-box-shadow: 0px 1px #e7e7e7 !important;
  -webkit-box-shadow: 0px 1px #e7e7e7 !important;
  margin-right: 3px !important;
  text-shadow: 0px 1px #4e802c !important;
  border-color: #478223 !important;
  background: #599f2f !important;
  background: -moz-linear-gradient(top, #9fe355 1px, #79bf4a 1px, #599f2f) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9fe355), color-stop(0.02, #79bf4a), color-stop(1, #599f2f)) !important;
}

.menu [class*="type-"] {
  position: relative;
  top: 0;
  left: 0;
}

.menu li[class*="fa-"] > a {
  padding-left: 1rem;
}
.sec-cat p {
  text-align: justify;
}

.epima img {
  height: 38% !important;
}

.chk input:checked + label:before {
  background-image: url(data:image/svg + xml, %0A%3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 ….4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"%3E%3C/path%3E%3C/svg%3E);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0.8rem;
  background-color: var(--primary);
}

.player-init {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 65px;
}

.fk_button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.fk_button i {
  font-size: 50px;
  transition: all 0.3s ease;
}
.fk a {
}
.fk a:hover i {
  transform: scale(1.4);
}

.post .post-thumbnail figure.figure-cat {
  padding-top: 85%;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.duration-fx {
  font-size: 13px;
}

.lang-loop {
  font-size: 10px;
  background-color: #1b82f1;
  color: #fff;
  padding: 3px 6px;
  border-radius: 6px;
}

.datedf {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 11px;
  font-weight: 500;
  background: #248dea;
  border-radius: 4px;
  padding: 2px 6px;
  color: #fff;
}